{% extends "base.html" %}

{% block breadcrumbs %}{{ block.super }}
<li><a href="{% url "webui-collections" %}">Collections</a></li>
{% endblock breadcrumbs %}



{% block indicators %}
{% if username %}
  {% if collection %}
    <form name="collection-sync" action="{{ collection.sync_url }}" method="POST">
      {% csrf_token %}
      <span id="sync-status" class="label label-default">sync status</span>
    {% if collection.locked %}
      <a href="#" class="btn btn-xs muted" title="Sync"><span class="glyphicon glyphicon-lock"></span> Sync</a>
    {% else %}
      <button id="sync-btn" class="btn btn-xs hidden" name="sync" type="submit" value="Sync">Sync</button>
    {% endif %}
    </form>
  {% endif %}{# collection #}
{% endif %}{# username #}
{% endblock indicators %}

{% block javascript %}{{ block.super }}
<script>
  $(function () { 
    /* collection tooltips */
    $('#unsynced').tooltip({'placement':'bottom'});
    
{% if collection.sync_status %}
    /* collection sync status: already cached on page-load */
    var sync_status = '{{ collection.sync_status.status }}';
    $('#sync-status').addClass('label-{{ collection.sync_status.color }}');
    $('#sync-btn').addClass('btn-{{ collection.sync_status.color }}');
    $('#sync-status').text(sync_status);
    $('#sync-btn').removeClass('hidden');
{% else %}
    /* collection sync status: get after page-load */
    var collection_status_url = '{{ collection.sync_status_url|safe }}';
    jQuery.getJSON(collection_status_url, function(data) {
      $('#sync-status').addClass('label-' + data['color']);
      $('#sync-btn'   ).addClass('btn-'   + data['color']);
      $('#sync-status').text(data['status']);
      $('#sync-btn').removeClass('hidden');
    });
{% endif %}
  })
</script>
{% endblock javascript %}



{% block footer %}

{% if collection %}
<div class="muted" id="expert">

  <span><a href="{{ collection.git_status_url }}">status</a></span>
  <span class="bullsep">&bull;</span>

  <span><a href="{{ collection.changelog_url }}">changelog</a></span>
  <span class="bullsep">&bull;</span>

  <span>
    export csv (
    <a href="{{ collection.export_entities_url }}">objects</a>,
    <a href="{{ collection.export_files_url }}">files</a>
    )
  </span>
  <span class="bullsep">&bull;</span>

  <span>
    git (
    <a href="{{ collection.cgit_url_local }}" target="cgit">local</a>,
    <a href="{{ collection.cgit_url }}" target="cgit">hub</a>
    )
  </span>
  <span class="bullsep">&bull;</span>

  <span>
    <a href="{{ manual_url }}" target="manual">manual</a>
  </span>

  <br/>

  <span>
    <a href="{{ collection.fs_url }}" target="fs">{{ collection.path }}</a>
  </span>

</div>
{% endif %}

{% endblock footer %}