Merge pull request #948 from ajaxorg/ext/theme_viewer

Ext/theme viewer

Author: Sergi Mansilla

client/ext/themes/themes.js

@@ -18,23 +18,39 @@ module.exports = ext.register("ext/themes/themes", {
     offline : false,
     type    : ext.GENERAL,
     nodes   : [],
+    currTheme : "",
+    saved   : false,
 
     register : function(themes){
+        var _self = this;
+        
         for (var name in themes) {
             this.nodes.push(
                 mnuThemes.appendChild(new apf.item({
                     caption : name,
-                    type    : "radio",
-                    value   : themes[name]
+                    type    : "item",
+                    value   : themes[name],
+                    onmouseover: function(e) {
+                        _self.currTheme = settings.model.queryValue("editors/code/@theme");
+                        settings.model.setQueryValue("editors/code/@theme", this.value);
+                        _self.saved = false;
+                    },
+                    onmouseout: function(e) {
+                        if (!_self.saved) {
+                            settings.model.setQueryValue("editors/code/@theme", _self.currTheme);
+                            _self.saved = false;
+                        }
+                    }
                 }))
             );
         }
     },
 
-    set : function(path){
+    set : function(path, dispatch){
         //Save theme settings
         settings.model.setQueryValue("editors/code/@theme", path);
         settings.save();
+        this.saved = true;
         ide.dispatchEvent("track_action", {type: "theme change", theme: path});
     },
 
@@ -54,7 +70,7 @@ module.exports = ext.register("ext/themes/themes", {
             }))
         );
     },
-
+    
     enable : function(){
     },