diff options
Diffstat (limited to 'js')
43 files changed, 3561 insertions, 25 deletions
diff --git a/js/components/controllers/tree-controller.js b/js/components/controllers/tree-controller.js index 1e9222fd..cb95ca1d 100644 --- a/js/components/controllers/tree-controller.js +++ b/js/components/controllers/tree-controller.js | |||
@@ -23,6 +23,16 @@ var Montage = require("montage").Montage, | |||
23 | */ | 23 | */ |
24 | var TreeController = exports.TreeController = Montage.create(ObjectController, /** @lends module:montage/ui/controller/tree-controller.TreeController# */ { | 24 | var TreeController = exports.TreeController = Montage.create(ObjectController, /** @lends module:montage/ui/controller/tree-controller.TreeController# */ { |
25 | 25 | ||
26 | _delegate : { value: null }, | ||
27 | delegate : { | ||
28 | get: function() { | ||
29 | return this._delegate; | ||
30 | }, | ||
31 | set: function(value) { | ||
32 | this._delegate = value; | ||
33 | } | ||
34 | }, | ||
35 | |||
26 | rootKey : { | 36 | rootKey : { |
27 | value: null | 37 | value: null |
28 | }, | 38 | }, |
diff --git a/js/components/editable.reel/editable.js b/js/components/editable.reel/editable.js index dad93b31..b7fdd707 100644 --- a/js/components/editable.reel/editable.js +++ b/js/components/editable.reel/editable.js | |||
@@ -40,7 +40,9 @@ exports.Editable = Montage.create(Component, { | |||
40 | this._element.addEventListener('keydown', this, false); | 40 | this._element.addEventListener('keydown', this, false); |
41 | this._element.addEventListener('keyup', this, false); | 41 | this._element.addEventListener('keyup', this, false); |
42 | this._element.addEventListener('input', this, false); | 42 | this._element.addEventListener('input', this, false); |
43 | 43 | this._element.addEventListener('paste', this, false); | |
44 | |||
45 | |||
44 | if(this.startOnEvent) { | 46 | if(this.startOnEvent) { |
45 | this._element.addEventListener(this.startOnEvent, this, false); | 47 | this._element.addEventListener(this.startOnEvent, this, false); |
46 | } | 48 | } |
@@ -126,7 +128,7 @@ exports.Editable = Montage.create(Component, { | |||
126 | if(this.stopOnBlur) { | 128 | if(this.stopOnBlur) { |
127 | //console.log('adding mousedown event listener'); | 129 | //console.log('adding mousedown event listener'); |
128 | ///// Simulate blur on editable node by listening to the doc | 130 | ///// Simulate blur on editable node by listening to the doc |
129 | document.addEventListener('mouseup', this, false); | 131 | document.addEventListener('mousedown', this, false); |
130 | } | 132 | } |
131 | 133 | ||
132 | this._sendEvent('start'); | 134 | this._sendEvent('start'); |
@@ -135,12 +137,14 @@ exports.Editable = Montage.create(Component, { | |||
135 | } | 137 | } |
136 | }, | 138 | }, |
137 | stop : { | 139 | stop : { |
138 | value: function() { | 140 | value: function(eventData) { |
139 | this._isEditable = this._element.contentEditable = false; | 141 | this._isEditable = this._element.contentEditable = false; |
140 | this._element.classList.remove(this.editingClass); | 142 | this._element.classList.remove(this.editingClass); |
141 | 143 | ||
142 | this._sendEvent('stop'); | 144 | this._sendEvent('stop', eventData); |
143 | 145 | ||
146 | document.removeEventListener('mousedown', this, false); | ||
147 | |||
144 | ///// if value is different than pre-edit val, call onchange method | 148 | ///// if value is different than pre-edit val, call onchange method |
145 | if(this._preEditValue !== this.value) { | 149 | if(this._preEditValue !== this.value) { |
146 | this._sendEvent('change'); | 150 | this._sendEvent('change'); |
@@ -178,12 +182,11 @@ exports.Editable = Montage.create(Component, { | |||
178 | } | 182 | } |
179 | }, | 183 | }, |
180 | blur : { | 184 | blur : { |
181 | value : function() { | 185 | value : function(eventData) { |
182 | if(this._hint) { | 186 | if(this._hint) { |
183 | this.accept(); | 187 | this.accept(); |
184 | } | 188 | } |
185 | this.stop(); | 189 | this.stop(eventData); |
186 | document.removeEventListener('mouseup', this, false); | ||
187 | this._sendEvent('blur'); | 190 | this._sendEvent('blur'); |
188 | } | 191 | } |
189 | }, | 192 | }, |
@@ -212,15 +215,23 @@ exports.Editable = Montage.create(Component, { | |||
212 | this._sendEvent('input'); | 215 | this._sendEvent('input'); |
213 | } | 216 | } |
214 | }, | 217 | }, |
215 | handleMouseup : { | 218 | handleMousedown : { |
216 | value : function(e) { | 219 | value : function(e) { |
217 | //console.log('handle mouse down'); | 220 | //console.log('handle mouse down'); |
218 | ///// Listen for simulated blur event | 221 | ///// Listen for simulated blur event |
219 | if(this.stopOnBlur && e._event.target !== this._element) { | 222 | if(this.stopOnBlur && e._event.target !== this._element) { |
220 | this.blur(); | 223 | this.blur({ |
224 | "originalEventType": "mousedown", | ||
225 | "originalEvent": e | ||
226 | }); | ||
221 | } | 227 | } |
222 | } | 228 | } |
223 | }, | 229 | }, |
230 | handlePaste : { | ||
231 | value: function(e) { | ||
232 | this._sendEvent('paste', e); | ||
233 | } | ||
234 | }, | ||
224 | handleEvent : { | 235 | handleEvent : { |
225 | value : function(e) { | 236 | value : function(e) { |
226 | //console.log("event type : " + e._event.type); | 237 | //console.log("event type : " + e._event.type); |
@@ -231,9 +242,9 @@ exports.Editable = Montage.create(Component, { | |||
231 | } | 242 | } |
232 | }, | 243 | }, |
233 | _sendEvent : { | 244 | _sendEvent : { |
234 | value : function(type) { | 245 | value : function(type, data) { |
235 | var evt = document.createEvent("CustomEvent"); | 246 | var evt = document.createEvent("CustomEvent"); |
236 | evt.initCustomEvent(type, true, true); | 247 | evt.initCustomEvent(type, true, true, data); |
237 | this.dispatchEvent(evt); | 248 | this.dispatchEvent(evt); |
238 | } | 249 | } |
239 | }, | 250 | }, |
diff --git a/js/components/toolbar.reel/toolbar.css b/js/components/toolbar.reel/toolbar.css new file mode 100644 index 00000000..e63b043e --- /dev/null +++ b/js/components/toolbar.reel/toolbar.css | |||
@@ -0,0 +1,53 @@ | |||
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 | |||
7 | /*--------------------- | ||
8 | Toolbar Container | ||
9 | -----------------------*/ | ||
10 | |||
11 | .toolbar-container { | ||
12 | background-color: #474747; | ||
13 | border-bottom: 1px solid #333; | ||