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

{% block scripts %}

<script type="text/javascript">
codescene.views.analyses.absoluteChurnTrend.init({
  churnTrendUrl: '{{churn-trend-csv-file-name}}',
  revisionTrendUrl: '{{revision-trend-csv-file-name}}',
  linesOfCodeTrendUrl: '{{loc-trend-csv-file-name}}',
  absoluteChurnTrendUrl: '{{abs-churn-csv-file-name}}',
  authorsPerMonthTrendUrl: '{{active-authors-trend-csv-file-name}}'
});
</script>
{% endblock %}

{% block analysis-presentation%}
<h1>System Trends</h1>
{% endblock %}

{% block main-content %}
<div class="absolute-churn-trend-view standard">
  {% include "cacsremoteservice/views/analyses/code-churn-header.html" %}
  <div class="row">
    <div class="col-xs-12">
      <h3>Commit Activity Trend</h3>
      <p class="lead text-muted">
        The number of commits per week and the number of committing authors per week -- use it
        as an  <a href="{{view-context}}/docs/guides/technical/code-churn.html#use-the-commit-activity-as-the-pulse-of-your-codebase" target="_blank">activity pulse</a>.
      </p>
      <div class="commit-activity-trend">
        <div class="legend-wrapper">
          <div class="legend">
            <ul>
              <li class="text-primary">&mdash; Number of Commits</li>
              <li class="text-danger">&mdash; Number of Authors</li>
            </ul>
          </div>
          <div id="revisionschurn"></div>
        </div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-12">
      <h3>Active Authors Per Month</h3>
      <p class="lead text-muted">
        Compare the the number of contributors to the previous Commit Activity -- do you get an effect when the organization grows?
      </p>
      <div class="commit-activity-trend" id="active-contributors-trend"></div>
    </div>
  </div>

  <div class="row">
    <hr>
    <div class="col-xs-12">
      <h3>Added Lines of Code</h3>
      <div id="addedchurn"></div>
    </div>

    <div class="col-xs-12">
      <h3>Deleted Lines of Code</h3>
      <div id="deletedchurn"></div>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
      <div id="maxchurncontrol">
        <form action="" id="max-churn-value-form">
          <div class="form-groups">
            <label class="form-group-heading">Max Churn Value (Lines of Code):</label>
            <div class="form-group">
              <div class="input-group">
                <input class="form-control" id="max-churn-value" type="number" name="max-churn" step="50" min="0" />
                <span class="input-group-btn">
                  <input type="reset" name="reset-max-churn" class="default-button secondary" value="Reset" />
                </span>
              </div>
              <div class="help-block">
              Change the scale of the Y-axis in case a few large spikes dominates
              your churn diagrams below.
              </div>
            </div>
          </div>
        </form>
        <p class="text-info">
          The project is configured to calculate a rolling average over
          <em>{{rollingaveragedays}}</em> days.
        </p>
      </div>
    </div>
  </div>

  <div class="row">
    <hr>
    <div class="col-xs-12">
      <h2>Absolute Churn Over Time</h2>
      <p>
        The following graph shows the raw, absolute number of churned lines of
        code over time.
      </p>
      <div id="absolutechurn"></div>
    </div>

    <div class="col-xs-12" id="code-size-growth">
      <h2>Code Size Growth</h2>
      <div id="modifiedchurn"></div>
    </div>
  </div>
</div>

{% endblock %}