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

{% block scripts %}
<script>

const projectId = '{{project-id}}';
const analysisId = '{{analysis-id}}';
const escapedFunctionName = '{{encodedname}}';
const trendUrl = `${window.baseUrl}${projectId}/analyses/${analysisId}/code/hotspots/xray/trend/stats?filename={{filename|urlescape}}&name=${escapedFunctionName}`;

codescene.views.analyses.xrayFunctionComplexityTrend.init({
  complexityTrendUrl: trendUrl
});
</script>
{% endblock %}

{% block main-content %}
<div class="row complexity-trend-view">
  <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>
        <a href="{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/code/hotspots/xray?filename={{filename|urlescape}}">{{filename}}</a>
      </li>
      <li>{{name}}</li>
      <li>Complexity Trend</li>
    </ol>
    <hr>
    <div class="content complexity-trend">
    </div>
  </div>
</div>
{% endblock %}