filex/templates/filex/upload.html

   1 <header class="container-fluid">
   2     <h3>{% block title %}Wgrywanie plików{% endblock %}</h3>
   3     <p id="path"><span class="text-muted">Lokalizacja:</span> {{ host }}{{ sep }}{{ path }}</p>
   4 </header>
   5
   6 {% if error %}
   7     <div class="container-fluid">
   8         <div class="alert alert-danger">
   9             <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> {{ error }}
  10         </div>
  11     </div>
  12 {% else %}
  13     <form enctype="multipart/form-data" method="post" action="{{ url }}" hidden>
  14         {% csrf_token %}
  15         <input id="files" type="file" name="files" multiple>
  16     </form>
  17
  18     <div id="elements"></div>
  19
  20     <div id="drop-overlay" class="fade">Upuść pliki tutaj</div>
  21
  22     <footer class="navbar navbar-default navbar-fixed-bottom">
  23         <div class="container-fluid">
  24             <button id="btn-open" class="btn btn-default navbar-btn" onclick="$('#files').click()">Wybierz pliki</button>
  25             <p class="navbar-text">lub przeciągnij je w obszar tego okna</p>
  26             <div class="navbar-right">
  27                 <p id="status" class="navbar-text"></p>
  28                 <button id="btn-close" class="btn btn-default navbar-btn" onclick="window.opener.filex.reloadFiles(); window.close()">Zamknij</button>
  29             </div>
  30         </div>
  31     </footer>
  32
  33     <div id="conflict" class="modal" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
  34         <div class="modal-dialog">
  35             <div class="modal-content">
  36                 <div class="modal-header">
  37                     <h4 class="modal-title" id="modal-label">Plik już istnieje</h4>
  38                 </div>
  39                 <div class="modal-body">
  40                 </div>
  41                 <div class="modal-footer">
  42                     <div class="checkbox pull-left">
  43                         <label>
  44                             <input id="apply-to-all" type="checkbox" autocomplete="off"> Zastosuj do wszystkich
  45                         </label>
  46                     </div>
  47                     <button id="btn-skip" type="button" class="btn btn-default">Pomiń</button>
  48                     <button id="btn-replace" type="button" class="btn btn-default">Zastąp</button>
  49                 </div>
  50             </div>
  51         </div>
  52     </div>
  53 {% endif %}