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

{% block scripts %}
<script type="text/javascript">
codescene.views.analyses.codeAge.initDistribution({
  codeAgeMapUrl: '{{age-json-file-name}}',
  codeAgeTrendUrl: '{{age-trend-csv-file-name}}',
  sizeLabelCutOffPoint: {{min-size-for-label}}
});
</script>
{% endblock %}

{% block analysis-presentation %}
<h1>System Trends</h1>
<p class="lead">Track the evolution of your system over time.<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="code-age-view standard">
  {% include "cacsremoteservice/views/analyses/code-age-header.html" %}
  <div>
    <div id="agedistribution"></div>
    <hr class="hidden-lg">
  </div>
</div>
{% endblock %}