add saving favorite locations

[qcg-portal.git] / filex / templates / filex / source.html

diff --git a/filex/templates/filex/source.html b/filex/templates/filex/source.html
index 3f49241..ba88414 100644 (file)
--- a/filex/templates/filex/source.html
+++ b/filex/templates/filex/source.html
@@ -1,31 +1,43 @@
+{% load filex %}
+
 <div id="filex">
-    <div class="row">
-        <div class="col-sm-3">
-            <div id="host-controls" style="margin-top: 1px">
-                <div class="change">
-                    <label for="host-selector" class="sr-only">Wybierz host</label>
-                    <select id="host-selector"></select>
-                </div>
-                <button class="btn btn-default view"></button>
+    <nav aria-label="Pasek narzędzi nawigacyjnych">
+        <div id="host">
+            <div class="list">
+                <label for="host-selector" class="sr-only">Wybierz host</label>
+                <select id="host-selector"></select>
             </div>
+            <button id="btn-host" type="button" class="btn btn-default"></button>
         </div>
 
-        <div class="col-sm-7">
-            <ol class="breadcrumb path"></ol>
-        </div>
+        <div id="controls">
+            <button id="btn-refresh" type="button" class="btn btn-default" title="Odśwież">
+                <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
+            </button>
+
+            <button id="btn-favorites" type="button" class="btn btn-default" title="Ulubione" data-toggle="button" data-loading-text="Zapisywanie..." aria-pressed="false">
+                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
+            </button>
 
-        <div class="col-sm-2 text-right">
-            <div class="btn-group" data-toggle="buttons" style="margin-top: 1px">
+            <div class="btn-group" data-toggle="buttons">
                 <label class="btn btn-default">
                     <input id="show-hidden" type="checkbox" autocomplete="off"> Pokaż ukryte
                 </label>
             </div>
         </div>
-    </div>
+
+        <div id="path">
+            <ol class="breadcrumb path"></ol>
+        </div>
+    </nav>
 
     <table class="table table-hover">
         <thead>
             <tr>
+                <th class="text-center" style="width: 40px">
+                    <label for="select-all" class="sr-only">Wybierz wszystkie pliki</label>
+                    <input id="select-all" type="checkbox" autocomplete="off">
+                </th>
                 <th style="width: 40px"></th>
                 <th>Nazwa</th>
                 <th style="width: 120px">Rozmiar</th>
@@ -47,3 +59,24 @@
 
     <div id="spinner-overlay"></div>
 </div>
+
+<form id="favorite-form" action="{% url 'filex:fav_add' %}" class="modal fade form-horizontal" tabindex="-1" role="dialog" aria-labelledby="favorite-modal-label" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+                <h4 class="modal-title" id="favorite-modal-label">Dodaj lokalizację do ulubionych</h4>
+            </div>
+            <div class="modal-body">
+                {% csrf_token %}
+                {% fav_form %}
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Anuluj</button>
+                <button type="submit" class="btn btn-primary" data-loading-text="Zapisywanie..." data-error-text="Błąd">OK</button>
+            </div>
+        </div>
+    </div>
+</form>