X-Git-Url: http://mmka.chem.univ.gda.pl/gitweb/?a=blobdiff_plain;f=filex%2Ftemplates%2Ffilex%2Fsource.html;h=e99cb68c90bbf20b7f7bc96b1d2fd6f063916d79;hb=53b5d55ae94941e7621982e56438025527fa2950;hp=1558f0c48f7e5d381f5bf411300db240432e62fb;hpb=2a2a8a89e502704bd708daf8a5ac830fa6e41433;p=qcg-portal.git

diff --git a/filex/templates/filex/source.html b/filex/templates/filex/source.html
index 1558f0c..e99cb68 100644
--- a/filex/templates/filex/source.html
+++ b/filex/templates/filex/source.html
@@ -1,53 +1,84 @@
+{% 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>
 
-        <div class="col-sm-2 text-right">
-            <div class="btn-group" data-toggle="buttons" style="margin-top: 1px">
+            <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="btn-group" data-toggle="buttons">
                 <label class="btn btn-default">
                     <input id="show-hidden" type="checkbox" autocomplete="off"> Pokaż ukryte
                 </label>
             </div>
         </div>
-    </div>
 
-    <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>
-                <th style="width: 200px">Data</th>
-            </tr>
-        </thead>
-        <tbody></tbody>
-    </table>
-
-    <div id="no-items" class="alert alert-info" hidden>
-        <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
-        Brak elementów
-    </div>
+        <div id="path">
+            <ol class="breadcrumb path"></ol>
+        </div>
+    </nav>
+
+    <div id="list">
+        <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>
+                    <th style="width: 200px">Data</th>
+                </tr>
+            </thead>
+            <tbody></tbody>
+        </table>
 
-    <div id="error" class="alert alert-danger" hidden>
-        <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
-        <span class="msg"></span>
+        <div id="no-items" class="alert alert-info" hidden>
+            <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
+            Brak elementów
+        </div>
+
+        <div id="error" class="alert alert-danger" hidden>
+            <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
+            <span class="msg"></span>
+        </div>
     </div>
 
     <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 serwera">OK</button>
+            </div>
+        </div>
+    </div>
+</form>