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

{% block scripts %}
<script type="text/javascript">

  function helpTextByAspect(aspectId) {
    const aspects = {
      'hotspots': {
        text: 'Hotspots identify the modules with most development activity -- often technical debt.',
        help: '{{view-context}}/docs/guides/technical/hotspots.html'
      },
      'costspots': {
        text: 'Actual development costs per hotspot calculated from Jira data.',
        help: '{{view-context}}/docs/integrations/integrate-project-management-data.html?highlight=jira'
      },
      'codeChurn': {
        text: 'Code Churn is a hotspot alternative that finds the code with the highest rate of change.',
        help: '{{view-context}}/docs/guides/technical/hotspots.html#use-code-churn-as-an-alternative-hotspot-metric'
      },
      'defects': {
        text: 'Use the defect distribution across hotspots to put costs on the technical debt.',
        help: '{{view-context}}/docs/guides/technical/hotspots.html#use-defects-to-put-costs-on-hotspots'
      },
      'codeAge': {
        text: 'Code Age lets you find the stable parts of your code and guide refactorings.',
        help: '{{view-context}}/docs/guides/technical/code-age.html'
      },
      'refactoringtargets': {
        text: 'Prioritize improvements to the highlighted files. Red is most serious.',
        help: '{{view-context}}/docs/guides/technical/hotspots.html#focus-on-your-refactoring-targets'
      },
      'language': {
        text:'Inspect the Technical Sprawl of your implementation technologies.',
        help: '{{view-context}}/docs/guides/technical/hotspots.html#dive-into-your-hotspots'
      },
      'codehealth': {
        text:'The code health metric measures the maintenance costs and risk for defects.',
        help: '{{view-context}}/docs/guides/technical/hotspots.html#full-scan-code-health'
      }
    };

    const v = aspects[aspectId];

    if (!v) {
      return {
        text: 'Explore development activity by selecting different views.',
        help: '{{view-context}}/docs/guides/technical/hotspots.html'
      };
    }
    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.codeHotspotsSystemMap.init(
    {
      options: {
        projectId: {{project-id}},
        analysisId: {{analysis-id}},
        product: 'enterprise',
        viewContext: '{{view-context}}',
        defaultAspect: 'hotspots',
        workItemType:  '{{work-item-type}}',
        costUnit: '{{cost-unit-type}}',
        includesDefectData: {% if includes-defect-data? %}true{% else %}false{% endif %},
        defectsFromPmTool: {% if defects-from-pm-tool? %}true{% else %}false{% endif %},
        supportedXRayExtensions: [{% for x in supported-x-ray-extensions %}"{{x}}" ,{% endfor %}],
        onAspectChange: changeHelpTextOnAspectChange,
        planFeatures: {{ feature-flags|json|safe }},
        pmEnabled: {% if pm-enabled? %}true{% else %}false{% endif %}
      },
      mountPoint: document.getElementById('system-map-container')
    }
  );
</script>
{% endblock %}

{% block analysis-presentation %}
<div class="system-map-v2__title">
  <h1>File-level Hotspots</h1>
  <a href='{{view-context}}/docs/guides/technical/hotspots.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 %}