Style sheets - Added default stylesheet selection

1 files changed, 29 insertions, 0 deletions

diff --git a/js/panels/css-panel/style-sheet.reel/style-sheet.js b/js/panels/css-panel/style-sheet.reel/style-sheet.js
index 9ad48a62..3ddd8454 100644
--- a/js/panels/css-panel/style-sheet.reel/style-sheet.js
+++ b/js/panels/css-panel/style-sheet.reel/style-sheet.js
@@ -12,6 +12,12 @@ exports.StyleSheet = Montage.create(Component, {
         value: null
     },
 
+    prepareForDraw : {
+        value: function() {
+            this.nameText.element.addEventListener('click', this, false);
+        }
+    },
+
     willDraw : {
         value: function() {
             if(this.editing) {
@@ -45,6 +51,12 @@ exports.StyleSheet = Montage.create(Component, {
                 this.importButton.element.classList.add('ss-invisible');
             }
 
+            if(this.default) {
+                this._element.classList.add('default-style-sheet');
+            } else {
+                this._element.classList.remove('default-style-sheet');
+            }
+
         }
     },
 
@@ -66,6 +78,12 @@ exports.StyleSheet = Montage.create(Component, {
         }
     },
 
+    handleClick : {
+        value: function(e) {
+            this.parentComponent.parentComponent.defaultStyleSheet = this.source;
+        }
+    },
+
     handleEditButtonAction: {
         value: function(e) {
             this.editing = true;
@@ -130,6 +148,17 @@ exports.StyleSheet = Montage.create(Component, {
         }
     },
 
+    _default : { value: null },
+    default : {
+        get: function() {
+            return this._default;
+        },
+        set: function(value) {
+            this._default = value;
+            this.needsDraw = true;
+        }
+    },
+
     _disabled : {
         value: null
     },