creating new directory

[qcg-portal.git] / qcg / templates / qcg / gridftp.html

diff --git a/qcg/templates/qcg/gridftp.html b/qcg/templates/qcg/gridftp.html
index 2505b04..0477aa8 100644 (file)
--- a/qcg/templates/qcg/gridftp.html
+++ b/qcg/templates/qcg/gridftp.html
@@ -1,5 +1,5 @@
 {% extends 'qcg/base.html' %}
-{% load staticfiles %}
+{% load staticfiles bootstrap3 %}
 
 {% block extra_css %}
     <link href="{% static 'qcg/selectize/selectize.bootstrap3.css' %}" rel="stylesheet">
@@ -14,6 +14,15 @@
         $(function () {
             var statusTimeout;
 
+            function status(msg) {
+                clearTimeout(statusTimeout);
+                statusTimeout = setTimeout(function() {
+                    $('#status').text('');
+                }, 3000);
+
+                $('#status').text(msg);
+            }
+
             filex.files.on('change:checked', function() {
                 var selected = filex.selectedFiles().length;
 
@@ -64,12 +73,7 @@
                             filex.idle();
                         }
                         else {
-                            clearTimeout(statusTimeout);
-                            statusTimeout = setTimeout(function() {
-                                $('#status').text('');
-                            }, 3000);
-
-                            $('#status').text('Usuwanie zakończone pomyślnie');
+                            status('Usuwanie zakończone pomyślnie');
                         }
 
                         if (response.done.length)
@@ -82,6 +86,22 @@
 
                 $confirmModal.modal();
             });
+
+            $('#mkdir-form').submit(function(e) {
+                var $this = $(this);
+
+                e.preventDefault();
+                filex.busy();
+                $this.modal('hide');
+
+                $this.find('#id_host').val(filex.host);
+                $this.find('#id_path').val(filex.path.full());
+
+                $.post($this.attr('action'), $this.serialize(), function(response) {
+                    status('Katalog utworzono pomyślnie');
+                    filex.reloadFiles();
+                }, 'json')
+            });
         })
     </script>
 {% endblock extra_js %}
@@ -131,6 +151,27 @@
             </div>
         </div>
     </div>
+
+    <form id="mkdir-form" action="{% url 'filex:mkdir' %}" class="modal fade form-horizontal" tabindex="-1" role="dialog" aria-labelledby="mkdir-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="mkdir-modal-label">Nowy katalog</h4>
+                </div>
+                <div class="modal-body">
+                    {% csrf_token %}
+                    {% bootstrap_form new_dir_form layout='horizontal' %}
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-default" data-dismiss="modal">Anuluj</button>
+                    <button type="submit" class="btn btn-primary">OK</button>
+                </div>
+            </div>
+        </div>
+    </form>
 {% endblock container %}
 
 {% block footer %}
@@ -139,7 +180,7 @@
             <div class="btn-toolbar" role="toolbar" style="float: left">
                 <div class="btn-group" role="group">
                     <button id="btn-upload" class="btn btn-default navbar-btn">Wgraj plik</button>
-                    <button class="btn btn-default navbar-btn">Utwórz katalog</button>
+                    <button class="btn btn-default navbar-btn" data-toggle="modal" data-target="#mkdir-form">Utwórz katalog</button>
                 </div>
                 <div class="btn-group" role="group">
                     <button id="btn-rename" class="btn btn-default navbar-btn disabled">Zmień nazwę</button>