aboutsummaryrefslogtreecommitdiff
path: root/js/panels/color/colorpanelpopup.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/color/colorpanelpopup.reel')
-rwxr-xr-xjs/panels/color/colorpanelpopup.reel/colorpanelpopup.html98
-rwxr-xr-xjs/panels/color/colorpanelpopup.reel/colorpanelpopup.js716
-rwxr-xr-xjs/panels/color/colorpanelpopup.reel/css/colorpanelpopup.scss180
3 files changed, 497 insertions, 497 deletions
diff --git a/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html b/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html
index bf6a83b4..99b781ab 100755
--- a/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html
+++ b/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html
@@ -29,14 +29,14 @@ ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
29POSSIBILITY OF SUCH DAMAGE. 29POSSIBILITY OF SUCH DAMAGE.
30</copyright> --> 30</copyright> -->
31<html lang="en"> 31<html lang="en">
32 <head> 32 <head>
33 33
34 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 34 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
35 35
36 <link rel="stylesheet" type="text/css" href="css/colorpanelpopup.css"> 36 <link rel="stylesheet" type="text/css" href="css/colorpanelpopup.css">
37 37
38 <script type="text/montage-serialization"> 38 <script type="text/montage-serialization">
39 { 39 {
40 "owner": { 40 "owner": {
41 "prototype": "js/panels/Color/colorpanelpopup.reel[ColorPanelPopup]", 41 "prototype": "js/panels/Color/colorpanelpopup.reel[ColorPanelPopup]",
42 "properties": { 42 "properties": {
@@ -60,48 +60,48 @@ POSSIBILITY OF SUCH DAMAGE.
60 } 60 }
61 } 61 }
62 } 62 }
63 </script> 63 </script>
64 64
65 </head> 65 </head>
66
67 <body>
68 66
69 <div data-montage-id="cpp_popup" class="cpp_popup"> 67 <body>
70 <div class="cp_pu_options">
71
72 <div class="cp_pu_history">
73
74 <button data-montage-id="btn_previous" class="cp_pu_color_previous">Previous Color</button>
75 <button data-montage-id="btn_current" class="cp_pu_color_current">Current Color</button>
76
77 </div>
78
79 <div class="cp_pu_hex">#<input data-montage-id="input_hex" class="cp_pu_hottext_hex" maxlength="6" /></div>
80
81 <button data-montage-id="btn_wheel" class="cp_pu_wheel" title="Color Wheel">Color Wheel</button>
82 <button data-montage-id="btn_images" class="cp_pu_images" title="Background Image">Images</button>
83 <button data-montage-id="btn_gradients" class="cp_pu_gradients" title="Gradient">Gradients</button>
84 <button data-montage-id="btn_palettes" class="cp_pu_palettes" title="Color Palette">Palettes</button>
85 <button data-montage-id="btn_nocolor" class="cp_pu_nocolor" title="No Color">No Color</button>
86
87 </div>
88
89 <div class="cp_pu_content">
90 <div data-montage-id="cntnr_wheel" class="cp_pu_wheel_container cp_pu_content_container"></div>
91 <div data-montage-id="cntnr_gradients" class="cp_pu_gradient_container cp_pu_content_container"></div>
92 <div data-montage-id="cntnr_palettes" class="cp_pu_palette_container cp_pu_content_container"></div>
93 <div data-montage-id="cntnr_images" class="cp_pu_image_container cp_pu_content_container"></div>
94 </div>
95
96 <div data-montage-id="cntnr_alpha" class="cp_pu_alpha">
97 <div class="cp_pu_a_label">Alpha</div>
98 <div data-montage-id="alpha_slider" class="cp_pu_a_slider"></div>
99 <input data-montage-id="alpha_hottext" class="cp_pu_a_hottext"/>
100 <div class="cp_pu_a_label2">%</div>
101 </div>
102
103 </div>
104 68
105 </body> 69 <div data-montage-id="cpp_popup" class="cpp_popup">
70 <div class="cp_pu_options">
71
72 <div class="cp_pu_history">
73
74 <button data-montage-id="btn_previous" class="cp_pu_color_previous">Previous Color</button>
75 <button data-montage-id="btn_current" class="cp_pu_color_current">Current Color</button>
76
77 </div>
78
79 <div class="cp_pu_hex">#<input data-montage-id="input_hex" class="cp_pu_hottext_hex" maxlength="6" /></div>
80
81 <button data-montage-id="btn_wheel" class="cp_pu_wheel" title="Color Wheel">Color Wheel</button>
82 <button data-montage-id="btn_images" class="cp_pu_images" title="Background Image">Images</button>
83 <button data-montage-id="btn_gradients" class="cp_pu_gradients" title="Gradient">Gradients</button>
84 <button data-montage-id="btn_palettes" class="cp_pu_palettes" title="Color Palette">Palettes</button>
85 <button data-montage-id="btn_nocolor" class="cp_pu_nocolor" title="No Color">No Color</button>
86
87 </div>
88
89 <div class="cp_pu_content">
90 <div data-montage-id="cntnr_wheel" class="cp_pu_wheel_container cp_pu_content_container"></div>
91 <div data-montage-id="cntnr_gradients" class="cp_pu_gradient_container cp_pu_content_container"></div>
92 <div data-montage-id="cntnr_palettes" class="cp_pu_palette_container cp_pu_content_container"></div>
93 <div data-montage-id="cntnr_images" class="cp_pu_image_container cp_pu_content_container"></div>
94 </div>
95
96 <div data-montage-id="cntnr_alpha" class="cp_pu_alpha">
97 <div class="cp_pu_a_label">Alpha</div>
98 <div data-montage-id="alpha_slider" class="cp_pu_a_slider"></div>
99 <input data-montage-id="alpha_hottext" class="cp_pu_a_hottext"/>
100 <div class="cp_pu_a_label2">%</div>
101 </div>
102
103 </div>
104
105 </body>
106 106
107</html> 107</html>
diff --git a/js/panels/color/colorpanelpopup.reel/colorpanelpopup.js b/js/panels/color/colorpanelpopup.reel/colorpanelpopup.js
index 83d4e6ed..6511cddc 100755
--- a/js/panels/color/colorpanelpopup.reel/colorpanelpopup.js
+++ b/js/panels/color/colorpanelpopup.reel/colorpanelpopup.js
@@ -30,18 +30,18 @@ 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 Slider = require("js/components/slider.reel").Slider, 35 Slider = require("js/components/slider.reel").Slider,
36 HotText = require("js/components/hottext.reel").HotText, 36 HotText = require("js/components/hottext.reel").HotText,
37 ColorWheel = require("js/components/colorwheel.reel").ColorWheel, 37 ColorWheel = require("js/components/colorwheel.reel").ColorWheel,
38 GradientPicker = require("js/components/gradientpicker.reel").GradientPicker; 38 GradientPicker = require("js/components/gradientpicker.reel").GradientPicker;
39//////////////////////////////////////////////////////////////////////// 39////////////////////////////////////////////////////////////////////////
40//Exporting as ColorPanelPopup 40//Exporting as ColorPanelPopup
41exports.ColorPanelPopup = Montage.create(Component, { 41exports.ColorPanelPopup = Montage.create(Component, {
42 //////////////////////////////////////////////////////////////////// 42 ////////////////////////////////////////////////////////////////////
43 // 43 //
44 hasTemplate: { 44 hasTemplate: {
45 value: true 45 value: true
46 }, 46 },
47 //////////////////////////////////////////////////////////////////// 47 ////////////////////////////////////////////////////////////////////
@@ -58,424 +58,424 @@ exports.ColorPanelPopup = Montage.create(Component, {
58 //////////////////////////////////////////////////////////////////// 58 ////////////////////////////////////////////////////////////////////
59 // 59 //
60 _components: { 60 _components: {
61 value: null 61 value: null
62 }, 62 },
63 //////////////////////////////////////////////////////////////////// 63 ////////////////////////////////////////////////////////////////////
64 // 64 //
65 setNoColor: { 65 setNoColor: {
66 value: function (code) { 66 value: function (code) {
67 if (this.colorManager) this.colorManager.applyNoColor(code); 67 if (this.colorManager) this.colorManager.applyNoColor(code);
68 // 68 //
69 if (!code && !this.props.panel) { 69 if (!code && !this.props.panel) {
70 this.dispatchEvent({type: 'change', wasSetByCode: code, mode: 'nocolor', value: null}); 70 this.dispatchEvent({type: 'change', wasSetByCode: code, mode: 'nocolor', value: null});
71 } 71 }
72 } 72 }
73 }, 73 },
74 //////////////////////////////////////////////////////////////////// 74 ////////////////////////////////////////////////////////////////////
75 // 75 //
76 prepareForDraw: { 76 prepareForDraw: {
77 value: function () { 77 value: function () {
78 // 78 //
79 this._components = null; 79 this._components = null;
80 this._components = {wheel: null, combo: null, gradient: null, hex: null}; 80 this._components = {wheel: null, combo: null, gradient: null, hex: null};
81 } 81 }
82 }, 82 },
83 //////////////////////////////////////////////////////////////////// 83 ////////////////////////////////////////////////////////////////////
84 // 84 //
85 willDraw: { 85 willDraw: {
86 value: function() { 86 value: function() {
87 // 87 //
88 this.element.style.opacity = 0; 88 this.element.style.opacity = 0;
89 // 89 //
90 this._components.combo = {}; 90 this._components.combo = {};
91