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

{% block scripts %}
<script>
codescene.views.analyses.modusOperandiTrends.init({
  commitMessageTrendUrl: '{{modus-commit-message-trend-csv}}',
  commitMessagePattern: '{{modus-operandi-message-pattern}}'
});

codescene.views.analyses.modusOperandiTrends.initSubTrends({
  commitMessageSubTrendsUrl: '{{modus-commit-message-sub-trend-csv}}',
  trendElement: '#worktypetrendline',
  trendElementProgress: '#costs-progress-indicator'
});
</script>
{% endblock %}

{% block analysis-presentation %}
<h1>Modus Operandi</h1>
<p class="lead">
  Modus Operandi is the method of operation. It’s the signature for how your organization works with the codebase and reveals trends in the code being produced.<a href='{{view-context}}/docs/guides/social/modus-operandi.html' target="_blank" class="help-link pull-right">
    <i class="fa fa-question-circle"></i>
  </a>
</p>
{% endblock %}

{% block main-content %}
<div class="commit-message-trend standard">
  <div class="content">
    <h2>Frequency of Matching Commit Messages</h2>
    <div id="costs-progress-indicator">
    </div>
    <figure>
      <div id="worktypetrendline" class="costs-trend-view"></div>
    </figure>
    <hr>
    <h2>Total Frequency of Matching Commit Messages</h2>
    <div id="commit-message-line"></div>
    <p>The number of commits that match your configured expression.</p>

    <h2>Total Lines of Code with Matching Commit Messages</h2>
    <div id="code-message-line"></div>
    <p>The added amount of code in commits that match your configured expression.</p>
  </div>
</div>
{% endblock %}