enable select'n'close button only when file is selected

diff --git a/ipf/admin/assets/css/base.css b/ipf/admin/assets/css/base.css
index e9bbad69938cc7956e0cd6d388105996726356a4..e0ff9ce778c251f38a167fb958ef92ba5a51855d 100644 (file)
--- a/ipf/admin/assets/css/base.css
+++ b/ipf/admin/assets/css/base.css
@@ -88,6 +88,8 @@ input[type=submit]:active, input[type=button]:active { background: linear-gradie
 input[type=submit].default, .submit-row input.default { border:2px solid #006a95; background: linear-gradient(to top, #0091cc, #00a3e6 16px); font-weight:bold; color:white; }
 input[type=submit].default:active { background: linear-gradient(to bottom, #0091cc, #00a3e6 16px); }
 
+input[type=submit]:disabled, input[type=button]:disabled { background: #e1e1e1; color: #888; }
+
 /* MODULES */
 .module { border:1px solid #ccc; margin-bottom:5px; background:white; }
 .module p, .module ul, .module h3, .module h4, .module dl, .module pre { padding-left:10px; padding-right:10px; }

diff --git a/ipf/admin/assets/js/filebrowser_popup.js b/ipf/admin/assets/js/filebrowser_popup.js
index a9d4ae9b0accc351ef683cb73d5ccaac555eeafe..861aa196e91f3b260acbdfeeeb14115977873395 100644 (file)
--- a/ipf/admin/assets/js/filebrowser_popup.js
+++ b/ipf/admin/assets/js/filebrowser_popup.js
@@ -10,7 +10,8 @@ function fileSelected(event) {
   var filename = row.data('name');
 
   selected_url = url;
-  $('#picname').show();
+  $('.file-selected').show();
+  $('.select-and-close').removeAttr('disabled');
   $('#id_old_name').val(filename);
   $('#id_old_name2').val(filename);
   $('#id_new_name').val(filename);

diff --git a/ipf/admin/templates/admin/filebrowser.html b/ipf/admin/templates/admin/filebrowser.html
index 21760fad4396d4e3af65c9e9b704b6557a96b44c..12856555f21ba5004113732d446c0b880c4fd81b 100644 (file)
--- a/ipf/admin/templates/admin/filebrowser.html
+++ b/ipf/admin/templates/admin/filebrowser.html
@@ -26,6 +26,8 @@
 
     #prop { display:none; position:absolute; left:0; top:0; z-index:400000; border:2px solid #aaa; background: #888; }
     #prop img {max-width:100px;max-height:100px}
+
+    .file-selected {display: none}
   {/literal}
   </style>
 
@@ -53,7 +55,7 @@
         <input type="submit" value="Upload">
       </form>
 
-      <div id="picname" style="display:none;">
+      <div class="file-selected">
         <div class="hr"></div>
 
         <h3>File Option</h3>
@@ -72,13 +74,12 @@
           <select name="destination">{foreach $dirtree as $dir}<option value="{$dir['path']}">{$dir['name']}</option>{/foreach}</select>
           <input type="submit" value="Move To">
         </form>
-      </div>
-
-      <div class="hr"></div>
 
-      <h3>View File</h3>
+        <div class="hr"></div>
 
-      <div id="pic"><img src="{$zero_gif}"></div>
+        <h3>View File</h3>
+        <div id="pic"><img src="{$zero_gif}"></div>
+      </div>
       <!-- /sidebar -->
     </div>
 
@@ -146,7 +147,7 @@
         <div id="prop"><img src="{$zero_gif}"></div>
 
         <div class="submit-row">
-          <input type="button" class="default" value="Select & Close" onclick="FileBrowserSelect()">
+          <input type="button" disabled class="default select-and-close" value="Select & Close" onclick="FileBrowserSelect()">
         </div>
       <!-- /content -->
     </div>