From 7246efab402664c75bd0de226c0b9a91b384839b Mon Sep 17 00:00:00 2001
From: Eric Guzman
Date: Wed, 11 Apr 2012 16:45:23 -0700
Subject: CSS Style - Add disabled UI state. Added Hintable and editable UI
 state.

---
 js/panels/css-panel/style.reel/style.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

(limited to 'js/panels/css-panel/style.reel/style.js')

diff --git a/js/panels/css-panel/style.reel/style.js b/js/panels/css-panel/style.reel/style.js
index 6860a97f..6ff102b2 100644
--- a/js/panels/css-panel/style.reel/style.js
+++ b/js/panels/css-panel/style.reel/style.js
@@ -8,12 +8,27 @@ var Montage = require("montage/core/core").Montage,
     TreeNode = require("js/components/treeview/tree-node").TreeNode;
 
 exports.Style = Montage.create(TreeNode, {
+    disabledClass : {
+        value: 'style-item-disabled'
+    },
     propertyText : {
         value: "property"
     },
     valueText : {
         value: "value"
     },
+
+    _enabled : { value: true, distinct: true },
+    enabled : {
+        get: function() {
+            return this._enabled;
+        },
+        set: function(value) {
+            this._enabled = value;
+            this.needsDraw = true;
+        }
+    },
+
     handleSourceObjectSet: {
         value: function() {
             //debugger;
@@ -26,6 +41,7 @@ exports.Style = Montage.create(TreeNode, {
             console.log("style - template did load");
         }
     },
+
     draw : {
         value : function() {
             //debugger;
@@ -35,6 +51,12 @@ exports.Style = Montage.create(TreeNode, {
                 console.log("Label key unknown");
             }
 
+            if(this._enabled) {
+                this.element.classList.remove(this.disabledClass);
+            } else {
+                this.element.classList.add(this.disabledClass);
+            }
+
         }
     }
 });
\ No newline at end of file
-- 
cgit v1.2.3