{% extends "cacsremoteservice/views/layouts/analysis-view.html" %}

{% block scripts %}
<script type="text/javascript">
function helpTextByAspect(aspectId) {
  const aspects = {
    'author': {text: 'Evaluate how well your team structure aligns with the architecture.',
               help: '{{view-context}}/docs/guides/social/knowledge-distribution.html#explore-your-team-knowledge-maps'},
    'loss': {text: 'Knowledge loss represents code written by an author who is no longer part of your organization.',
             help: '{{view-context}}/docs/guides/social/knowledge-distribution.html#uncover-the-knowledge-loss-in-your-codebase'},
    'fragmentation': {text: 'The more teams that need to work on a file, the more red it gets.',
                      help: '{{view-context}}/docs/guides/social/fragmentation.html'},
    'codeowner': {text: 'Many code owners per module increases the diffusion of responsibility.',
                  help: '{{view-context}}/docs/guides/social/knowledge-distribution.html#visualize-code-ownership-patterns'}
  };

  const v = aspects[aspectId];

  if (!v) {
    return {text: 'Explore the development activity by switching between the different views.',
            help: ''};
  }

  return v;
}

function changeHelpTextOnAspectChange(aspectId) {
  const newText = helpTextByAspect(aspectId);

  $('#context-sensitive-help').text(newText.text);
  $('#help-text-link').attr('href', newText.help);
}

codescene.views.analyses.teamDynamicsTeamsSystemMap.init(
  {
    options: {
      projectId: {{project-id}},
      analysisId: {{analysis-id}},
      viewContext: '{{ view-context }}',
      product: 'enterprise',
      onAspectChange: changeHelpTextOnAspectChange,
      defaultAspect: 'author',
      includesDefectData: false,
      defectsFromPmTool: false,
      supportedXRayExtensions: [],
      planFeatures: {{ feature-flags|json|safe }},
    },
    mountPoint: document.getElementById('system-map-container')
  });

</script>
{% endblock %}

{% block analysis-presentation %}
<div class="system-map-v2__title">
  <h1>Teams</h1>
  <a href='{{view-context}}/docs/guides/social/knowledge-distribution.html' target="_blank" class="help-link" id="help-text-link">
    <i class="fa fa-question-circle"></i>
  </a>
</div>

{% endblock %}

{% block main-content %}
<div class="social-system-map-view standard">
  {% if teams|empty?%}
  <div class="alert alert-warning">
    <strong>You have no teams configured.</strong> Add teams in the <a
      class="alert-link"
      href="{{view-context}}/developer-configurations/{{dev-config-id}}/teams">project
      configuration</a>, and then <a
      class="alert-link"
      href="{{view-context}}/developer-configurations/{{dev-config-id}}/developers">assign
    developers</a> to those teams. Run a new analysis and you will have
    access to this analysis result.
  </div>

  {% else %}

  <div id="social-map-dynamic-info">
    <div id="system-map-container" class="system-map-container-v2"></div>
    <div id="legend-wrapper"></div>
  </div>
  
  {% endif %}
</div>
{% endblock %}