update to compressed version of mooui that includes spinners

use spinners on the options tab

deluge/ui/webui/templates/ajax/static/css/mooui.css

@@ -115,7 +115,7 @@ ul.moouiMenu li.moouiMenuSep:hover {
 	-webkit-border-radius: 5px 5px 0 0;
 }
 
-.moouiTabs div {
+.moouiTabs .moouiTabPages {
 	clear: left;
 }
 

deluge/ui/webui/templates/ajax/static/js/deluge-details.js

@@ -397,6 +397,49 @@ Deluge.Widgets.OptionsPage = new Class({
             });
         }, this);
         
+        new Widgets.Spinner(this.form.max_download_speed, {
+            step: 10,
+            precision: 1,
+            limit: {
+                high: null,
+                low: -1
+            }
+        });        
+        new Widgets.Spinner(this.form.max_upload_speed, {
+            step: 10,
+            precision: 1,
+            limit: {
+                high: null,
+                low: -1
+            }
+        });        
+        new Widgets.Spinner(this.form.max_connections, {
+            step: 1,
+            precision: 0,
+            limit: {
+                high: null,
+                low: -1
+            }
+        });        
+        new Widgets.Spinner(this.form.max_upload_slots, {
+            step: 1,
+            precision: 0,
+            limit: {
+                high: null,
+                low: -1
+            }
+        });        
+        new Widgets.Spinner(this.form.stop_ratio, {
+            step: 1,
+            precision: 1,
+            limit: {
+                high: null,
+                low: -1
+            }
+        });
+        
+        
+        
         this.form.apply.addEvent('click', this.bound.apply);
         this.form.reset.addEvent('click', this.bound.reset);
     },
@@ -436,8 +479,14 @@ Deluge.Widgets.OptionsPage = new Class({
             if (type == 'boolean') {
                 this.form[key].checked = value;
             } else {
-                if (!this.form[key].focused)
-                    this.form[key].value = value;
+                if (!this.form[key].focused) {
+                    widget = $$W(this.form[key]);
+                    if (widget) {
+                        widget.setValue(value);
+                    } else {
+                        this.form[key].value = value;
+                    };
+                };
             };
             if (key == 'private' && value == 0) {
                 this.form[key].disabled = true

deluge/ui/webui/templates/ajax/static/themes/classic/style.css

@@ -305,11 +305,6 @@ form br {
 	font-weight: bold;
 }
 
-.moouiSpinner {
-	width: 40px;
-	margin-right: 20px;
-}
-
 label.fluid {
 	width: auto;
 	margin-right: 30px;
@@ -318,3 +313,43 @@ label.fluid {
 .deluge-prefs-page {
 	overflow: auto;
 }
+
+.moouiSpinner {
+    float: left;
+	width: 66px;
+	overflow: hidden;
+}
+
+.moouiSpinner input {
+    float: left;
+    border: 1px solid Black;
+    width: 40px;
+    margin: 0;
+}
+
+.moouiSpinner div {
+    float: left;
+}
+
+.moouiSpinnerButtons {
+    width: 9px;
+    height: 10px;
+    font-size: 0px;
+}
+
+.moouiSpinnerUp {
+    cursor: pointer;
+    background: url(up.png) no-repeat;
+    width: 10px;
+    height: 5px;
+    margin: 2px;
+}
+
+.moouiSpinnerDown {
+    cursor: pointer;
+    background: url(down.png) no-repeat;
+    width: 10px;
+    height: 5px;
+    line-height: 5px;
+    margin: 2px;
+}