From 9a94c6fb5f82d18139b48341788a0ffca23ae0af Mon Sep 17 00:00:00 2001 From: Eric Guzman Date: Tue, 1 May 2012 11:15:14 -0700 Subject: CSS Panel - Added removing of rules/styles --- js/panels/css-panel/style.reel/style.js | 18 ++++++++++++++++++ 1 file changed, 18 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 b86be0ae..a8939bc6 100644 --- a/js/panels/css-panel/style.reel/style.js +++ b/js/panels/css-panel/style.reel/style.js @@ -131,6 +131,18 @@ exports.Style = Montage.create(TreeNode, { } }, + remove : { + value: function() { + var branchController = this.parentComponent.parentComponent.contentController; + + ///// Remove style property from declaration + this.treeView.parentComponent.declaration.removeProperty(this.propertyField._preEditValue); + + ///// Remove data from branch controller and update UI + branchController.removeObjects(this.sourceObject); + } + }, + getRule : { value: function() { return this.treeView.parentComponent.declaration.parentRule; @@ -315,10 +327,16 @@ exports.Style = Montage.create(TreeNode, { if(this.empty) { this.element.draggable = false; this.element.classList.add('empty-css-style'); + if(!this.addStyleButton.parentNode) { + console.log("Adding style for ", this.propertyText); + this.element.appendChild(this.addStyleButton); + this.addStyleButton.addEventListener('click', this, false); + } } else { this.element.draggable = true; this.element.classList.remove('empty-css-style'); if(this.addStyleButton.parentNode) { + console.log("Removing style for ", this.propertyText); this.element.removeChild(this.addStyleButton); } } -- cgit v1.2.3