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

{% block scripts %}
<script>
codescene.views.analyses.complexityTrend.init({
  complexityTrendUrl: '{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/code/hotspots/complexity-trend/stats?name={{name|urlescape}}',
  projectId : {{project-id}},
  analysisId : {{analysis-id}},
  fileName : '{{name|urlescape}}'
});
</script>
{% endblock %}

{% block main-content %}
<div class="row complexity-trend">
  <div class="col-xs-12">
    <h1>
      Complexity Trend
      <a href='{{view-context}}/docs/guides/technical/complexity-trends.html' target="_blank" class="help-link pull-right">
        <i class="fa fa-question-circle"></i>
      </a>
    </h1>
    <ol class="breadcrumb">
      <li>
        <a href="{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/code/hotspots">Hotspots</a>
      </li>
      <li>
        {% if supports-xray %}
        <a href="{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/code/hotspots/xray?filename={{name|urlescape}}">{{name}}</a>
        {% else %}
        {{name}}
        {% endif %}
      </li>
      <li>Complexity Trend</li>
    </ol>
    <hr>
    <div class="content">
      <p class="text-info"><i class="fa fa-info-circle"></i> Hover over a point to view commit details.</p>
      <p class="text-info"><i class="fa fa-hand-o-up"></i> Click on a point to diff the code changes.</p>
      <div id="trendline"></div>
      <h2>Descriptive Statistics</h2>
      <h3>Complexity vs. Lines of Code</h3>
      <div id='growthratio'>
      </div>
      <h3>Max Complexity over Time</h3>
      <div id="maxline">
      </div>
      <h3>Median Complexity over Time</h3>
      <div id="statsline"></div>
      <h3>Standard Deviation over Time</h3>
      <div id="sdline"></div>
    </div>
  </div>
</div>
{% endblock %}