aboutsummaryrefslogtreecommitdiff
path: root/js/components
diff options
context:
space:
mode:
Diffstat (limited to 'js/components')
-rwxr-xr-xjs/components/checkbox.reel/checkbox.html23
-rwxr-xr-xjs/components/checkbox.reel/checkbox.js120
-rw-r--r--js/components/controllers/tree-controller.js10
-rw-r--r--js/components/converter/string-units-converter.js31
-rw-r--r--js/components/converter/string-value-converter.js29
-rw-r--r--js/components/editable.reel/editable.js43
-rw-r--r--js/components/hintable.reel/hintable.js46
-rwxr-xr-xjs/components/layout/bread-crumb.reel/bread-crumb.html37
-rwxr-xr-xjs/components/layout/bread-crumb.reel/bread-crumb.js28
-rwxr-xr-xjs/components/layout/document-entry.reel/document-entry.js14
-rwxr-xr-xjs/components/layout/documents-tab.reel/documents-tab.html24
-rwxr-xr-xjs/components/layout/tool-button.reel/tool-button.html4
-rwxr-xr-xjs/components/layout/tool-button.reel/tool-button.js11
-rwxr-xr-xjs/components/layout/tools-list.reel/tools-list.html12
-rwxr-xr-xjs/components/menu/menu-item.reel/menu-item.js2
-rwxr-xr-xjs/components/radio.reel/radio.html9
-rwxr-xr-xjs/components/radio.reel/radio.js24
-rw-r--r--js/components/toolbar.reel/toolbar-button.js28
-rw-r--r--js/components/toolbar.reel/toolbar.css62
-rw-r--r--js/components/toolbar.reel/toolbar.html53
-rw-r--r--js/components/toolbar.reel/toolbar.js123
-rwxr-xr-xjs/components/tools-properties/rect-properties.reel/rect-properties.html46
-rwxr-xr-xjs/components/tools-properties/rect-properties.reel/rect-properties.js79
-rw-r--r--js/components/treeview/tree-node.js4
-rw-r--r--js/components/treeview/treeview.reel/treeview.js5
-rwxr-xr-xjs/components/ui/color-chip.reel/color-chip.js13
-rwxr-xr-xjs/components/ui/file-input.reel/file-input.js2
-rwxr-xr-xjs/components/ui/input-group.reel/input-group.html3
-rw-r--r--js/components/ui/label-checkbox.reel/label-checkbox.css9
-rwxr-xr-xjs/components/ui/label-checkbox.reel/label-checkbox.html54
-rwxr-xr-xjs/components/ui/label-checkbox.reel/label-checkbox.js87
-rwxr-xr-xjs/components/ui/property-control.reel/property-control.js14
32 files changed, 684 insertions, 365 deletions
diff --git a/js/components/checkbox.reel/checkbox.html b/js/components/checkbox.reel/checkbox.html
deleted file mode 100755
index ded91fc2..00000000
--- a/js/components/checkbox.reel/checkbox.html
+++ /dev/null
@@ -1,23 +0,0 @@
1<!DOCTYPE html>
2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> -->
7<html>
8<head>
9 <script type="text/montage-serialization">
10 {
11 "owner": {
12 "prototype": "js/components/checkbox.reel",
13 "properties": {
14 "element": {"#": "ch_comp"}
15 }
16 }
17 }
18 </script>
19</head>
20<body>
21 <input data-montage-id="ch_comp" class="nj-skinned" type="checkbox">
22</body>
23</html> \ No newline at end of file
diff --git a/js/components/checkbox.reel/checkbox.js b/js/components/checkbox.reel/checkbox.js
deleted file mode 100755
index be331f4e..00000000
--- a/js/components/checkbox.reel/checkbox.js
+++ /dev/null
@@ -1,120 +0,0 @@
1/* <copyright>
2This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3No 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;
8var Component = require("montage/ui/component").Component;
9
10exports.Checkbox = Montage.create(Component, {
11
12 _valueSyncedWithInputField: {
13 enumerable: false,
14 value: false
15 },
16
17 _wasSetByCode: {
18 enumerable: false,
19 value: true
20 },
21
22 prependLabel: {
23 value: false
24 },
25
26 label: {
27 value: null
28 },
29
30 value: {
31 value: false
32 },
33
34 _checked: {
35 enumerable: false,
36 value: false
37 },
38
39 checked: {
40 enumerable: true,
41 serializable: true,
42 get: function() {
43 return this._checked;
44 },
45 set: function(value) {
46 this._checked = value;
47 this.needsDraw = true;
48
49 var e = document.createEvent("CustomEvent");
50 e.initEvent("change", true, true);
51 e.type = "change";
52 e.wasSetByCode = this._wasSetByCode;
53 e.value = value;
54 this.value = value;
55 this.dispatchEvent(e);
56
57 this._wasSetByCode = true;
58 }
59 },
60
61 _enabled: {
62 enumerable: false,
63 value: true
64 },
65
66 enabled: {
67 enumerable: true,
68 serializable: true,
69 get: function() {
70 return this._enabled;
71 },
72 set: function(value) {
73 if(value !== this._enabled)
74 {
75 this._enabled = value;
76 this.needsDraw = true;
77 }
78 }
79 },
80
81 handleChange:
82 {
83 value:function(event)
84 {
85 this._valueSyncedWithInputField = true;
86 this._wasSetByCode = false;
87 this.checked = this.element.checked;
88 }
89 },
90 handleClick: {
91 value: function() {
92 this._wasSetByCode = false;
93 this.checked = !this.element.checked;
94 }
95 },
96
97 draw: {
98 value: function() {
99 this.element.disabled = !this._enabled;
100 if(!this._valueSyncedWithInputField)
101 {
102 this.element.checked = this._checked;
103 }
104 this._valueSyncedWithInputField = false;
105 }
106 },
107
108 prepareForDraw: {
109 value: function() {
110 if (this.label !== null) {
111 var b = document.createElement("label");
112 b.innerHTML = this.label;
113 this.element.appendChild(b);
114 b.addEventListener("click", this, false);
115 }
116 this.element.addEventListener("change", this, false);
117 }
118 }
119
120}); \ No newline at end of file
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*/
24var TreeController = exports.TreeController = Montage.create(ObjectController, /** @lends module:montage/ui/controller/tree-controller.TreeController# */ { 24var 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/converter/string-units-converter.js b/js/components/converter/string-units-converter.js
new file mode 100644
index 00000000..6b97d5c5
--- /dev/null
+++ b/js/components/converter/string-units-converter.js
@@ -0,0 +1,31 @@
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> */
6var Montage = require("montage").Montage,
7 Converter = require("montage/core/converter/converter").Converter,
8 NJUtils = require("js/lib/NJUtils").NJUtils;
9
10exports.StringUnitsConverter = Montage.create(Converter, {
11