filex/templates/filex/source.html

   1 {% load filex %}
   2
   3 <div id="filex">
   4     <nav aria-label="Pasek narzędzi nawigacyjnych">
   5         <div id="host">
   6             <div class="list">
   7                 <label for="host-selector" class="sr-only">Wybierz host</label>
   8                 <select id="host-selector"></select>
   9             </div>
  10             <button id="btn-host" type="button" class="btn btn-default"></button>
  11         </div>
  12
  13         <div id="controls">
  14             <button id="btn-refresh" type="button" class="btn btn-default" title="Odśwież">
  15                 <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
  16             </button>
  17
  18             <button id="btn-favorites" type="button" class="btn btn-default" title="Ulubione" data-toggle="button" data-loading-text="Zapisywanie..." aria-pressed="false">
  19                 <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
  20             </button>
  21
  22             <div class="btn-group" data-toggle="buttons">
  23                 <label class="btn btn-default">
  24                     <input id="show-hidden" type="checkbox" autocomplete="off"> Pokaż ukryte
  25                 </label>
  26             </div>
  27         </div>
  28
  29         <div id="path">
  30             <ol class="breadcrumb path"></ol>
  31         </div>
  32     </nav>
  33
  34     <div id="list">
  35         <table class="table table-hover">
  36             <thead>
  37                 <tr>
  38                     <th class="text-center" style="width: 40px">
  39                         <label for="select-all" class="sr-only">Wybierz wszystkie pliki</label>
  40                         <input id="select-all" type="checkbox" autocomplete="off">
  41                     </th>
  42                     <th style="width: 40px"></th>
  43                     <th>Nazwa</th>
  44                     <th style="width: 120px">Rozmiar</th>
  45                     <th style="width: 200px">Data</th>
  46                 </tr>
  47             </thead>
  48             <tbody></tbody>
  49         </table>
  50
  51         <div id="no-items" class="alert alert-info" hidden>
  52             <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
  53             Brak elementów
  54         </div>
  55
  56         <div id="error" class="alert alert-danger" hidden>
  57             <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
  58             <span class="msg"></span>
  59         </div>
  60     </div>
  61
  62     <div id="spinner-overlay"></div>
  63 </div>
  64
  65 <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">
  66     <div class="modal-dialog">
  67         <div class="modal-content">
  68             <div class="modal-header">
  69                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  70                     <span aria-hidden="true">&times;</span>
  71                 </button>
  72                 <h4 class="modal-title" id="favorite-modal-label">Dodaj lokalizację do ulubionych</h4>
  73             </div>
  74             <div class="modal-body">
  75                 {% csrf_token %}
  76                 {% fav_form %}
  77             </div>
  78             <div class="modal-footer">
  79                 <button type="button" class="btn btn-default" data-dismiss="modal">Anuluj</button>
  80                 <button type="submit" class="btn btn-primary" data-loading-text="Zapisywanie..." data-error-text="Błąd serwera">OK</button>
  81             </div>
  82         </div>
  83     </div>
  84 </form>