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

{% block scripts %}
<script>
  {% if feature-flags.change-frequency-code-health %}
  codescene.views.analyses.changeFrequencyCodeHealth.init({
      product: 'enterprise',
      projectId: {{project-id}},
      analysisId: {{analysis-id}},
      mountPoint: document.querySelector(".content"),
      viewContext: '{{ view-context }}'
  });
  
  {% else %}
codescene.views.analyses.changeFrequencyDistribution.init({
  projectId: {{project-id}},
  analysisId: {{analysis-id}},
  fileChangeDistributionUrl: '{{hotspots-csv-file-name}}'
});
  {% endif %}
</script>
{% endblock %}

{% block analysis-presentation %}
<h1>System Trends</h1>
<p class="lead">
  High-level development activity views.<a href="{{view-context}}/docs/guides/technical/code-age.html" target="_blank" class="help-link">
    <i class="fa fa-question-circle"></i>
  </a>
</p>
{% endblock %}

{% block main-content %}
<div class="change-frequency-distribution-view standard">
  {% include "cacsremoteservice/views/analyses/code-age-header.html" %}
  <div class="row">
    <div class="col-xs-12">
      <h2>Hotspots</h2>
      <p class="lead text-muted">
        {% if feature-flags.change-frequency-code-health %}
        This graph shows the change frequency and code health of all the files in project.
        Depending on the size of the project, each bar represents one or more files, ranked by the total number of changes made over the hotspot analysis period.
        The colors are scaled by the number of commits made in files with the corresponding code health categories.
        {% else %}
        The following graph shows each file in your codebase sorted on change frequency, that is, how many commits you do to each file. A typical distribution shows a power law curve and CodeScene's Hotspot Analysis shows you the files with the highest change frequency, which you use as a proxy for interest rate when evaluating technical debt.         <a href='{{view-context}}/docs/guides/technical/hotspots.html' target="_blank" class="help-link">
          {% endif %}
          <i class="fa fa-question-circle"></i>
        </a>
      </p>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-12 content">
    </div>
  </div>
</div>
{% endblock %}