extract validators and decorator to utils
[qcg-portal.git] / 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 <form enctype="multipart/form-data" method="post" action="{{ url }}" hidden>
7     {% csrf_token %}
8     <input id="files" type="file" name="files" multiple>
9 </form>
10
11 <div id="elements"></div>
12
13 <div id="drop-overlay" class="fade">Upuść pliki tutaj</div>
14
15 <footer class="navbar navbar-default navbar-fixed-bottom">
16     <div class="container-fluid">
17         <button id="btn-open" class="btn btn-default navbar-btn" onclick="$('#files').click()">Wybierz pliki</button>
18         <p class="navbar-text">lub przeciągnij je w obszar tego okna</p>
19         <div class="navbar-right">
20             <p id="status" class="navbar-text"></p>
21             <button id="btn-close" class="btn btn-default navbar-btn" onclick="window.opener.filex.reloadFiles(); window.close()">Zamknij</button>
22         </div>
23     </div>
24 </footer>
25
26 <div id="conflict" class="modal" tabindex="-1" role="dialog" aria-labelledby="modal-label" aria-hidden="true">
27     <div class="modal-dialog">
28         <div class="modal-content">
29             <div class="modal-header">
30                 <h4 class="modal-title" id="modal-label">Plik już istnieje</h4>
31             </div>
32             <div class="modal-body">
33             </div>
34             <div class="modal-footer">
35                 <div class="checkbox pull-left">
36                     <label>
37                         <input id="apply-to-all" type="checkbox" autocomplete="off"> Zastosuj do wszystkich
38                     </label>
39                 </div>
40                 <button id="btn-skip" type="button" class="btn btn-default">Pomiń</button>
41                 <button id="btn-replace" type="button" class="btn btn-default">Zastąp</button>
42             </div>
43         </div>
44     </div>
45 </div>