{% extends "base.html" %}


{% block title %}Collections{% endblock %}

{% block breadcrumbs %}{{ block.super }}
<li class="active">Collections</li>
{% endblock breadcrumbs %}


{% block content %}

  <div class="row-fluid">
    <div class="span12">

<h1>Collections</h1>

{% for o in collections %}
<h3>{{ o.0 }}</h3>

{% if username and models_valid %}
<p>
<a href="{% url "webui-collection-new" o.0 %}" class="btn btn-xs btn-primary"><span class="glyphicon glyphicon-plus icon-white"></span> New Collection</a>
</p>
{% endif %}

<table class="table table-condensed">
{% for c in o.1 %}
  <tr id="{{ c.id }}" {% if c.sync_status %}class="{{ c.sync_status.color }}"{% endif %}>
    <td class="id-title">
      <a href="{{ c.absolute_url }}">{{ c.id }}</a> {% if c.title %}&mdash; <a href="{{ c.absolute_url }}">{{ c.title }}{% endif %}</a>
    </td>
    <td class="status text-muted">
      {% if c.sync_status %}
      {{ c.sync_status.status }}
      <small>({{c.sync_status.timestamp|timesince }} ago)</small>
      {% else %}
      ...
      {% endif %}
    </td>
  </tr>
{% endfor %}
</table>

{% endfor %}

    </div><!-- .span12 -->
  </div><!-- .row-fluid -->

{% endblock content %}


{% block javascript %}
{% if collection_status_urls %}
<script>
  /*
  Update collection git statuses
  */
  $(function () {
      var collection_status_urls = [
          {{ collection_status_urls|safe }}
      ];
      for ( var i = 0, l = collection_status_urls.length; i < l; i++ ) {
          jQuery.getJSON(collection_status_urls[i], function(data) {
              $(data["row"]).addClass(data["color"]);
              $(data["cell"]).text(data["status"]);
          });
      }
  })
</script>
{% endif %}{# collection_status_urls #}
{% endblock %}