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

{% block scripts %}
<script type="text/javascript">
function helpTextByAspect(aspectId) {
  const aspects = {
    'team': {text: 'Measure how well your organization aligns with your architecture.',
             help: '{{view-context}}/docs/guides/architectural/architectural-analyses.html#evaluate-conway-s-law'},
    'author': {text: 'Identify the main author behind each component.',
               help: '{{view-context}}/docs/guides/architectural/architectural-analyses.html#evaluate-conway-s-law'},
    'keypersonnel': {text: 'Identify areas of the code with low knowledge distribution that are also critical hotspots.',
                     help: '{{view-context}}/docs/guides/social/knowledge-distribution.html#detect-knowledge-risks'},
    'loss': {text: 'Knowledge loss corresponds to 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: 'Higher coordination needs are red (more teams work on that component).',
                      help: '{{view-context}}/docs/guides/social/fragmentation.html'},
    'sprawl': {text:'Inspect Technical Sprawl in implementation languages to evaluate costs and risks.',
               help: '{{view-context}}/docs/guides/architectural/architectural-analyses.html#measure-technical-sprawl'}
  };

  const v = aspects[aspectId];

  if (!v) {
    return {text: 'Explore development activity by selecting 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.conwaysLawSystemMap.init(
    {
      options: {
        projectId: {{project-id}},
        analysisId: {{analysis-id}},
        product: 'enterprise',
        viewContext: '{{ view-context }}',
        onAspectChange: changeHelpTextOnAspectChange,
        defaultAspect: 'team',
        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>Conway's Law</h1>
  <a href='{{view-context}}/docs/guides/architectural/organization.html' target="_blank" class="help-link" id="help-text-link">
    <i class="fa fa-plus-square"></i>
  </a>
</div>

{% endblock %}

{% block main-content %}
<div class="social-system-map-view standard">
  <div id="social-map-dynamic-info">
    <div id="system-map-container" class="system-map-container-v2"></div>
    <div id="legend-wrapper"></div>
  </div>
</div>
{% endblock %}