dynamically enable/disable action buttons (rename & disable)

diff --git a/qcg/templates/qcg/gridftp.html b/qcg/templates/qcg/gridftp.html
index d0e77c1..2505b04 100644 (file)
--- a/qcg/templates/qcg/gridftp.html
+++ b/qcg/templates/qcg/gridftp.html
@@ -14,6 +14,13 @@
         $(function () {
             var statusTimeout;
 
+            filex.files.on('change:checked', function() {
+                var selected = filex.selectedFiles().length;
+
+                $('#btn-rename').toggleClass('disabled', selected != 1);
+                $('#btn-delete').toggleClass('disabled', selected == 0);
+            });
+
             $('#btn-upload').on('click', function() {
                 var url = '{% url 'gridftp_upload' %}?' + $.param({host: filex.host, path: filex.path.full() + '/'});
 
@@ -135,8 +142,8 @@
                     <button class="btn btn-default navbar-btn">Utwórz katalog</button>
                 </div>
                 <div class="btn-group" role="group">
-                    <button class="btn btn-default navbar-btn disabled">Zmień nazwę</button>
-                    <button id="btn-delete" class="btn btn-default navbar-btn">Usuń</button>
+                    <button id="btn-rename" class="btn btn-default navbar-btn disabled">Zmień nazwę</button>
+                    <button id="btn-delete" class="btn btn-default navbar-btn disabled">Usuń</button>
                 </div>
             </div>
             <p id="status" class="navbar-text"></p>