the root directory can no longer be the root of the filesystem

diff --git a/static/js/main.js b/static/js/main.js
index cbc932c792534295b877f252909958dd8a5894dd..eb3990e3235fbc8c3cc7a3695901a2656816dda4 100644 (file)
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -512,6 +512,15 @@ function initUI() {
     makeTimeValidator($('#sundayFromEntry'));
     makeTimeValidator($('#sundayToEntry'));
     
+    /* custom validators */
+    makeCustomValidator($('#rootDirectoryEntry'), function (value) {
+        if ($('#storageDeviceSelect').val() == 'custom-path' && $.trim(value) == '/') {
+            return 'files cannot be created directly on the root of your system';
+        }
+        
+        return true;
+    }, '');    
+    
     /* progress bars */
     makeProgressBar($('#diskUsageProgressBar'));
     

diff --git a/static/js/ui.js b/static/js/ui.js
index 19eaa2329f1f489759b48372ba37c7f89378c6d9..5bc86b5b967ae1bb14a7e1eb0a28d01bfd11d9db 100644 (file)
--- a/static/js/ui.js
+++ b/static/js/ui.js
@@ -305,6 +305,30 @@ function makeSlider($input, minVal, maxVal, snapMode, ticks, ticksNumber, decima
     return slider;
 }
 
+function makeProgressBar($div) {
+    if (!$div.length) {
+        return;
+    }
+    
+    $div.addClass('progress-bar-container');
+    var fillDiv = $('<div class="progress-bar-fill"></div>');
+    var textSpan = $('<span class="progress-bar-text"></span>');
+
+    $div.append(fillDiv);
+    $div.append(textSpan);
+    
+    $div[0].setProgress = function (progress) {
+        $div.progress = progress;
+        fillDiv.width(progress + '%');
+    };
+    
+    $div[0].setText = function (text) {
+        textSpan.html(text);
+    };
+
+    return $div;
+}
+
 
     /* validators */
 
@@ -352,7 +376,13 @@ function makeTextValidator($input, required) {
     $input.addClass('validator');
     $input.addClass('text-validator');
     $input.each(function () {
-        this.validate = validate;
+        var oldValidate = this.validate;
+        this.validate = function () {
+            if (oldValidate) {
+                oldValidate.call(this);
+            }
+            validate();
+        }
     });
 }
 
@@ -400,7 +430,13 @@ function makeComboValidator($select, required) {
     $select.addClass('validator');
     $select.addClass('combo-validator');
     $select.each(function () {
-        this.validate = validate;
+        var oldValidate = this.validate;
+        this.validate = function () {
+            if (oldValidate) {
+                oldValidate.call(this);
+            }
+            validate();
+        }
     });
 }
 
@@ -498,7 +534,13 @@ function makeNumberValidator($input, minVal, maxVal, floating, sign, required) {
     $input.addClass('validator');
     $input.addClass('number-validator');
     $input.each(function () {
-        this.validate = validate;
+        var oldValidate = this.validate;
+        this.validate = function () {
+            if (oldValidate) {
+                oldValidate.call(this);
+            }
+            validate();
+        }
     });
 }
 
@@ -543,7 +585,13 @@ function makeTimeValidator($input) {
     $input.addClass('validator');
     $input.addClass('time-validator');
     $input.each(function () {
-        this.validate = validate;
+        var oldValidate = this.validate;
+        this.validate = function () {
+            if (oldValidate) {
+                oldValidate.call(this);
+            }
+            validate();
+        }
     });
 }
 
@@ -583,32 +631,59 @@ function makeUrlValidator($input) {
     $input.addClass('validator');
     $input.addClass('url-validator');
     $input.each(function () {
-        this.validate = validate;
+        var oldValidate = this.validate;
+        this.validate = function () {
+            if (oldValidate) {
+                oldValidate.call(this);
+            }
+            validate();
+        }
     });
 }
 
-function makeProgressBar($div) {
-    if (!$div.length) {
+function makeCustomValidator($input, isValidFunc) {
+    if (!$input.length) {
         return;
     }
     
-    $div.addClass('progress-bar-container');
-    var fillDiv = $('<div class="progress-bar-fill"></div>');
-    var textSpan = $('<span class="progress-bar-text"></span>');
-
-    $div.append(fillDiv);
-    $div.append(textSpan);
-    
-    $div[0].setProgress = function (progress) {
-        $div.progress = progress;
-        fillDiv.width(progress + '%');
-    };
+    function isValid(strVal) {
+        if (!$input.is(':visible')) {
+            return true; /* an invisible element is considered always valid */
+        }
+        
+        return isValidFunc(strVal);
+    }
     
-    $div[0].setText = function (text) {
-        textSpan.html(text);
-    };
+    function validate() {
+        var strVal = $input.val();
+        var valid = isValid(strVal);
+        if (valid == true) {
+            $input.attr('title', '');
+            $input.removeClass('error');
+            $input[0].invalid = false;
+        }
+        else {
+            $input.attr('title', valid || 'enter a valid value');
+            $input.addClass('error');
+            $input[0].invalid = true;
+        }
+    }
 
-    return $div;
+    $input.keyup(validate);
+    $input.blur(validate);
+    $input.change(validate).change();
+    
+    $input.addClass('validator');
+    $input.addClass('custom-validator');
+    $input.each(function () {
+        var oldValidate = this.validate;
+        this.validate = function () {
+            if (oldValidate) {
+                oldValidate.call(this);
+            }
+            validate();
+        }
+    });
 }