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     <table class="table table-hover">
  35         <thead>
  36             <tr>
  37                 <th class="text-center" style="width: 40px">
  38                     <label for="select-all" class="sr-only">Wybierz wszystkie pliki</label>
  39                     <input id="select-all" type="checkbox" autocomplete="off">
  40                 </th>
  41                 <th style="width: 40px"></th>
  42                 <th>Nazwa</th>
  43                 <th style="width: 120px">Rozmiar</th>
  44                 <th style="width: 200px">Data</th>
  45             </tr>
  46         </thead>
  47         <tbody></tbody>
  48     </table>
  49
  50     <div id="no-items" class="alert alert-info" hidden>
  51         <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
  52         Brak elementów
  53     </div>
  54
  55     <div id="error" class="alert alert-danger" hidden>
  56         <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
  57         <span class="msg"></span>
  58     </div>
  59
  60     <div id="spinner-overlay"></div>
  61 </div>
  62
  63 <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">
  64     <div class="modal-dialog">
  65         <div class="modal-content">
  66             <div class="modal-header">
  67                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  68                     <span aria-hidden="true">&times;</span>
  69                 </button>
  70                 <h4 class="modal-title" id="favorite-modal-label">Dodaj lokalizację do ulubionych</h4>
  71             </div>
  72             <div class="modal-body">
  73                 {% csrf_token %}
  74                 {% fav_form %}
  75             </div>
  76             <div class="modal-footer">
  77                 <button type="button" class="btn btn-default" data-dismiss="modal">Anuluj</button>
  78                 <button type="submit" class="btn btn-primary" data-loading-text="Zapisywanie..." data-error-text="Błąd serwera">OK</button>
  79             </div>
  80         </div>
  81     </div>
  82 </form>