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

{% block scripts %}
<script>
codescene.views.analyses.knowledgeDistribution.init({
  view: 'Authors',
  knowledgeDistributionUrl: '{{knowledge-enclosure-json}}',
  minimumLabelSize: {{min-size-for-label}},
  projectId: {{project-id}}
});
</script>
{% endblock %}

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

  <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>
          {% for developer in developers %}
          <li><span class="color-legend-box" style="background: {{developer.color}};"></span>{{developer.name}}</li>
          {% endfor %}
          <li><span class="color-legend-box" style="background: black;"></span> Unassigned</li>
        </ul>
      </div>
      <div id="knowledgemap"></div>
    </div>
  </div>

</div>
{% endblock %}