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

{% block scripts %}
<script>
codescene.views.analyses.knowledgeLoss.init({
  minimumLabelSize: {{min-size-for-label}},
  knowledgeLossUrl: '{{knowledge-loss-json}}'
});
</script>
{% endblock %}

{% block main-page-body %}
<div class="knowledge-view knowledge-loss-view">
  {% include "cacsremoteservice/views/analyses/knowledge-header.html" %}

  {% if has-knowledge-loss? %}
  <div class="knowledge-view-controls">
    <div class="checkbox">
      <label>
        <input type="checkbox"
                value="Labels"
                id="show-labels-toggle" checked>
        Show Package Labels
      </label>
      <div class="help-block">Turn this off if your visualization looks cluttered.</div>
    </div>
  </div>

  <div class="knowledge-view-body">
    <div class="legend-wrapper">
      <div class="legend">
        <ul>
          <li><span class="color-legend-box" style="background:{{color-for-knowledge-loss}}"></span> Abandoned by inactive developers</li>
          <li><span class="color-legend-box" style="background:{{active-developers-team-color}}"></span> Maintained by active developers</li>
          <li><span class="color-legend-box" style="background:black"></span> Unknown status (most work before analysis start date)</li>
        </ul>
      </div>
      <div id="knowledgeloss"></div>
    </div>
  </div>

  {% else %}

  <div class="alert alert-warning">
    <strong>You have not marked anyone as an ex-developer.</strong> To use
    to the Knowledge Loss analysis you need to have at least one ex-developer
    <a class="alert-link" href="{{view-context}}/projects/{{project-id}}/developers">configured in your project</a>.
    Run a new analysis and you will have access to this analysis result.
  </div>

  {% endif %}

</div>
{% endblock %}