{% load staticfiles filex %}

<script src="{% static 'qcg/selectize/selectize.min.js' %}"></script>
<script src="{% static 'filex/underscore/underscore.js' %}"></script>
<script src="{% static 'filex/backbone/backbone.js' %}"></script>
<script src="{% static 'filex/filex.js' %}"></script>

<script>
    var filex;
    $(function() {
        filex = new Filex.FilexView({locations: {% locations %}});
    });
</script>

<script type="text/template" id="path-bit-template">
    <a href="#"><%= name %></a>
</script>

<script type="text/template" id="dir-template">
    <td class="text-center">
        <label for="dir-<%= cid %>" class="sr-only">Zaznacz katalog <%= name %></label>
        <input id="dir-<%= cid %>" type="checkbox" autocomplete="off" <%= checked ? 'checked="checked"' : '' %>>
    </td>
    <td class="text-center"><span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span></td>
    <td><a class="link" href="#"><%= name %></a></td>
    <td class="text-right"><%= size %></td>
    <td><%= date %></td>
</script>

<script type="text/template" id="file-template">
    <td class="text-center">
        <label for="file-<%= cid %>" class="sr-only">Zaznacz plik <%= name %></label>
        <input id="file-<%= cid %>" type="checkbox" autocomplete="off" <%= checked ? 'checked="checked"' : '' %>>
    </td>
    <td class="text-center"><span class="glyphicon glyphicon-file" aria-hidden="true"></span></td>
    <td>
        <a class="link" href="{% url 'filex:download' %}?<%= url_params %>"><%= name %></a>
    </td>
    <td class="text-right"><%= size %></td>
    <td><%= date %></td>
</script>