aboutsummaryrefslogtreecommitdiff
path: root/js/components
diff options
context:
space:
mode:
Diffstat (limited to 'js/components')
-rwxr-xr-xjs/components/colorbar.reel/colorbar.html40
-rwxr-xr-xjs/components/colorbar.reel/colorbar.js236
-rwxr-xr-xjs/components/colorbar.reel/css/colorbar.scss2
-rwxr-xr-xjs/components/colorwheel.reel/colorwheel.html60
-rwxr-xr-xjs/components/colorwheel.reel/colorwheel.js710
-rwxr-xr-xjs/components/colorwheel.reel/css/colorwheel.scss6
-rwxr-xr-xjs/components/combobox.reel/combobox.js4
-rwxr-xr-xjs/components/core/class-uuid.js2
-rwxr-xr-xjs/components/gradientpicker.reel/css/gradientpicker.scss146
-rwxr-xr-xjs/components/gradientpicker.reel/gradientpicker.html96
-rwxr-xr-xjs/components/gradientpicker.reel/gradientpicker.js460
-rw-r--r--js/components/hintable.reel/hintable.js14
-rwxr-xr-xjs/components/layout/document-bar.reel/document-bar.html4
-rwxr-xr-xjs/components/layout/document-bar.reel/document-bar.js30
-rwxr-xr-xjs/components/layout/document-entry.reel/document-entry.html4
-rwxr-xr-xjs/components/layout/tools-list.reel/tools-list.html4
-rwxr-xr-xjs/components/layout/tools-properties.reel/tools-properties.html6
-rwxr-xr-xjs/components/popup-manager.reel/popup-manager.html18
-rwxr-xr-xjs/components/popup-manager.reel/popup-manager.js212
-rwxr-xr-xjs/components/popup.reel/css/popup.scss54
-rwxr-xr-xjs/components/popup.reel/popup.html28
-rwxr-xr-xjs/components/popup.reel/popup.js336
-rw-r--r--js/components/prompt.reel/prompt.js112
-rwxr-xr-xjs/components/radio.reel/radio.js4
-rwxr-xr-xjs/components/tools-properties/binding-properties.reel/binding-properties.html4
-rwxr-xr-xjs/components/tools-properties/brush-properties.reel/brush-properties.html4
-rwxr-xr-xjs/components/tools-properties/eraser-properties.reel/eraser-properties.html4
-rwxr-xr-xjs/components/tools-properties/eyedropper-properties.reel/eyedropper-properties.html4
-rwxr-xr-xjs/components/tools-properties/fill-properties.reel/fill-properties.html2
-rwxr-xr-xjs/components/tools-properties/ink-bottle-properties.reel/ink-bottle-properties.css2
-rwxr-xr-xjs/components/tools-properties/line-properties.reel/line-properties.html4
-rwxr-xr-xjs/components/tools-properties/object3d-properties.reel/object3d-properties.html4
-rwxr-xr-xjs/components/tools-properties/oval-properties.reel/oval-properties.html4
-rwxr-xr-xjs/components/tools-properties/pan-properties.reel/pan-properties.html4
-rwxr-xr-xjs/components/tools-properties/rect-properties.reel/rect-properties.html4
-rwxr-xr-xjs/components/tools-properties/rotate-stage-properties.reel/rotate-stage-properties.html4
-rwxr-xr-xjs/components/tools-properties/selection-properties.reel/selection-properties.html2
-rwxr-xr-xjs/components/tools-properties/shape-properties.reel/shape-properties.html4
-rwxr-xr-xjs/components/tools-properties/tag-properties.reel/tag-properties.html4
-rwxr-xr-xjs/components/tools-properties/text-properties.reel/text-properties.html4
-rwxr-xr-xjs/components/tools-properties/zoom-properties.reel/zoom-properties.html4
-rw-r--r--js/components/treeview/leaf.reel/leaf.html6
-rw-r--r--js/components/treeview/ninja-leaf.reel/ninja-leaf.html6
-rw-r--r--js/components/treeview/treeview.reel/treeview.html6
-rwxr-xr-xjs/components/ui/color-chip.reel/color-chip.html2
-rwxr-xr-xjs/components/ui/color-chip.reel/color-chip.js6
-rwxr-xr-xjs/components/ui/file-input.reel/file-input.js4
-rwxr-xr-xjs/components/ui/icon-list-basic/icon.reel/icon.js22
-rwxr-xr-xjs/components/ui/icon-list-basic/iconsList.reel/iconsList.js18
-rwxr-xr-xjs/components/ui/property-control.reel/property-control.js10
-rwxr-xr-xjs/components/ui/tree-basic/tree.reel/tree.js18
-rwxr-xr-xjs/components/ui/tree-basic/treeItem.reel/treeItem.js16
52 files changed, 1382 insertions, 1382 deletions
diff --git a/js/components/colorbar.reel/colorbar.html b/js/components/colorbar.reel/colorbar.html
index e61cc2f2..fc31d742 100755
--- a/js/components/colorbar.reel/colorbar.html
+++ b/js/components/colorbar.reel/colorbar.html
@@ -31,28 +31,28 @@ POSSIBILITY OF SUCH DAMAGE.
31</copyright> 31</copyright>
32--> 32-->
33<html> 33<html>
34 <head> 34 <head>
35 35
36 <link rel="stylesheet" type="text/css" href="css/colorbar.css"> 36 <link rel="stylesheet" type="text/css" href="css/colorbar.css">
37 37
38 <script type="text/montage-serialization"> 38 <script type="text/montage-serialization">
39 { 39 {
40 "owner": { 40 "owner": {
41 "prototype": "js/components/colorbar.reel[ColorBar]", 41 "prototype": "js/components/colorbar.reel[ColorBar]",
42 "properties": { 42 "properties": {
43 "element": {"#": "colorbar"} 43 "element": {"#": "colorbar"}
44 44
45 } 45 }
46 } 46 }
47 } 47 }
48 </script> 48 </script>
49 49
50 </head> 50 </head>
51
52 <body>
53 51
54 <canvas data-montage-id="colorbar" class="colorbar"></canvas> 52 <body>
55 53
56 </body> 54 <canvas data-montage-id="colorbar" class="colorbar"></canvas>
55
56 </body>
57 57
58</html> 58</html>
diff --git a/js/components/colorbar.reel/colorbar.js b/js/components/colorbar.reel/colorbar.js
index 4f3577d9..808ada4e 100755
--- a/js/components/colorbar.reel/colorbar.js
+++ b/js/components/colorbar.reel/colorbar.js
@@ -30,152 +30,152 @@ POSSIBILITY OF SUCH DAMAGE.
30 30
31//////////////////////////////////////////////////////////////////////// 31////////////////////////////////////////////////////////////////////////
32// 32//
33var Montage = require("montage/core/core").Montage, 33var Montage = require("montage/core/core").Montage,
34 Component = require("montage/ui/component").Component; 34 Component = require("montage/ui/component").Component;
35//////////////////////////////////////////////////////////////////////// 35////////////////////////////////////////////////////////////////////////
36//Exporting as ColorBar 36//Exporting as ColorBar
37exports.ColorBar = Montage.create(Component, { 37exports.ColorBar = Montage.create(Component, {
38 //////////////////////////////////////////////////////////////////// 38 ////////////////////////////////////////////////////////////////////
39 //No reel needed since it's just a bar component 39 //No reel needed since it's just a bar component
40 hasTemplate: { 40 hasTemplate: {
41 value: true 41 value: true
42 }, 42 },
43 //////////////////////////////////////////////////////////////////// 43 ////////////////////////////////////////////////////////////////////
44 //Width of spectrum (not including b/w buttons) 44 //Width of spectrum (not including b/w buttons)
45 _colorBarSpectrumWidth: { 45 _colorBarSpectrumWidth: {
46 value: null 46 value: null
47 }, 47 },
48 //////////////////////////////////////////////////////////////////// 48 ////////////////////////////////////////////////////////////////////
49 //Width of spectrum steps (used to calculate size of B/W buttons) 49 //Width of spectrum steps (used to calculate size of B/W buttons)
50 _colorBarSpectrumWidthSteps: { 50 _colorBarSpectrumWidthSteps: {
51 value: 10 51 value: 10
52 }, 52 },
53 //////////////////////////////////////////////////////////////////// 53 ////////////////////////////////////////////////////////////////////
54 //Default value 54 //Default value
55 _value: { 55 _value: {
56 value: {h: 0, s: 0, v: 0} 56 value: {h: 0, s: 0, v: 0}
57 }, 57 },
58 //////////////////////////////////////////////////////////////////// 58 ////////////////////////////////////////////////////////////////////
59 //HSV Value selected from bar 59 //HSV Value selected from bar
60 value: { 60 value: {
61 get: function() {return this._value;}, 61 get: function() {return this._value;},
62 set: function(value) { 62 set: function(value) {
63 if (value) { 63 if (value) {
64 //Checking for limits (Max and Min HSV values) 64 //Checking for limits (Max and Min HSV values)
65 if (value.h > Math.PI*2) { 65 if (value.h > Math.PI*2) {
66 value.h = Math.PI*2; 66 value.h = Math.PI*2;
67 } else if (value.h < 0) { 67 } else if (value.h < 0) {
68 value.h = 0; 68 value.h = 0;
69 } 69 }
70 // 70 //
71 if (value.s > 1) { 71 if (value.s > 1) {
72 value.s = 1; 72 value.s = 1;
73 } else if (value.s < 0) { 73 } else if (value.s < 0) {
74 value.s = 0; 74 value.s = 0;
75 } 75 }
76 // 76 //
77 if (value.v > 1) { 77 if (value.v > 1) {
78 value.v = 1; 78 value.v = 1;
79 } else if (value.v < 0) { 79 } else if (value.v < 0) {
80 value.v = 0; 80 value.v = 0;
81 } 81 }
82 //Setting value 82 //Setting value
83 this._value = value; 83 this._value = value;
84 // 84 //
85 if (!this._isMouseDown) { 85 if (!this._isMouseDown) {