aboutsummaryrefslogtreecommitdiff
path: root/js/panels/css-panel/rule-list-container.reel/rule-list-container.js
diff options
context:
space:
mode:
authorPushkar Joshi2012-05-31 17:16:21 -0700
committerPushkar Joshi2012-05-31 17:16:21 -0700
commit8915a7109d918a2e69b0999ebaa2deb84811fef8 (patch)
tree19a8af74c58c9ea261f0842f36efdab959be3256 /js/panels/css-panel/rule-list-container.reel/rule-list-container.js
parenteea0a556e44c2b60d3aaf6e46d2432d3e6303812 (diff)
parent06b609df1ff7833592faddbd8d7abb5b9f15a74d (diff)
downloadninja-8915a7109d918a2e69b0999ebaa2deb84811fef8.tar.gz
Merge branch 'pentool' into brushtool
Diffstat (limited to 'js/panels/css-panel/rule-list-container.reel/rule-list-container.js')
-rw-r--r--js/panels/css-panel/rule-list-container.reel/rule-list-container.js179
1 files changed, 179 insertions, 0 deletions
diff --git a/js/panels/css-panel/rule-list-container.reel/rule-list-container.js b/js/panels/css-panel/rule-list-container.reel/rule-list-container.js
new file mode 100644
index 00000000..c7766d08
--- /dev/null
+++ b/js/panels/css-panel/rule-list-container.reel/rule-list-container.js
@@ -0,0 +1,179 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
6
7var Montage = require("montage/core/core").Montage,
8 Component = require("montage/ui/component").Component;
9
10exports.RuleListContainer = Montage.create(Component, {
11 _instanceToAdd : { value: null },
12 _appendElement : { value: null },
13 _lastDisplayedList : { value: null },
14 ruleListDrawn : { value: null },
15
16 _displayedList : { value: null },
17 displayedList : {
18 get: function() {
19 return this._displayedList;
20 },
21 set: function(list) {
22 this._lastDisplayedList = this._displayedList;
23 this._displayedList = list;
24 this.needsDraw = true;
25 }
26 },
27
28 displayListForSelection : {
29 value: function(selection) {
30 var list = this._getListForSelection(selection);
31
32 if(!list) {
33 list = this.add(selection);
34 }
35
36 this.displayedList = list;
37 }
38 },
39
40 //// Get the element containing list based on selection
41 _getListForSelection : {
42 value: function(selection) {
43 var i, list, matchesAll;
44
45 for(i = 0; i<this.ruleLists.length; i++) {
46 list = this.ruleLists[i];
47
48 if(selection.length === list.selection.length) {
49 matchesAll = selection.every(function(element, index, array) {
50 return list.selection.indexOf(element) !== -1;
51 });
52
53 if(matchesAll) {
54 break;
55 }
56 }
57
58 list = null;
59 }
60
61 return list;
62
63 }
64 },
65
66 //// Creates a new rule list to be added to the container
67 add : {
68 value: function(selection) {
69 var stylesController = this.application.ninja.stylesController,
70 instance = Montage.create(this.ruleListComponent),
71 container = document.createElement('div'),
72 rules, ruleListLog;
73
74 rules = this.getRulesForSelection(selection);
75 instance.rules = rules;
76
77 ruleListLog = {
78 selection: selection,
79 component : instance
80 };
81
82 this.ruleLists.push(ruleListLog);
83
84 this.ruleListsToDraw.push({
85 element : container,
86 component : instance
87 });
88
89 this.needsDraw = true;
90
91 return ruleListLog;
92 }
93 },
94
95 ruleListsToDraw : {
96 value: []
97 },
98
99 getRulesForSelection : {
100 value: function(selection) {
101 var rules;
102
103 if(selection.length > 1) {
104 rules = this.stylesController.getCommonRules(selection);
105 } else if(selection.length === 1) {
106 rules = this.stylesController.getMatchingRules(selection[0]);
107
108 ///// Add inline style to rule list
109 rules.splice(0, 0, {
110 type : 'inline',
111 selectorText : 'element.style',
112 parentStyleSheet : 'Inline Style',
113 style : selection[0].style
114 });
115
116 }
117
118 return rules;
119 }
120 },
121
122 update : {
123 value: function() {
124 this.displayedList.component.rules = this.getRulesForSelection(this.displayedList.selection);
125 }
126 },
127
128 //// Array of lists that have been added to the container
129 //// Lists include selection type (element/stylesheet), and
130 //// the selection itself
131 ruleLists : {
132 value: [],
133 distinct: true
134 },
135
136 templateDidLoad : {
137 value: function() {
138 if(this.focusDelegate) {
139 this.ruleListComponent.focusDelegate = this.focusDelegate;
140 }
141 this.stylesController = this.application.ninja.stylesController;
142 }
143 },
144
145 willDraw : {
146 value: function() {
147 //// hide all rule lists
148 this.ruleLists.forEach(function(ruleListDescriptor) {
149 ruleListDescriptor.component.hide = true;
150 });
151
152 if(this.displayedList) {
153 this.displayedList.component.hide = false;
154 }
155 }
156 },
157
158 draw : {
159 value: function() {
160 this.ruleListsToDraw.forEach(function(ruleListDescriptor) {
161 this.element.appendChild(ruleListDescriptor.element);
162 ruleListDescriptor.component.element = ruleListDescriptor.element;
163 ruleListDescriptor.component.needsDraw = true;
164 }, this);
165 this.ruleListsToDraw.length = 0;
166 }
167
168 },
169
170 didDraw: {
171 value: function() {
172 if(this.ruleListDrawn === true) {
173 var stylesView = this.parentComponent.parentComponent;
174 stylesView.needsDraw = stylesView.hasStyles = true;
175 }
176
177 }
178 }
179}); \ No newline at end of file