diff options
Diffstat (limited to 'js/panels/color/colorpanelpopup.reel/colorpanelpopup.html')
-rwxr-xr-x | js/panels/color/colorpanelpopup.reel/colorpanelpopup.html | 48 |
1 files changed, 32 insertions, 16 deletions
diff --git a/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html b/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html index f65d5bc0..596580b4 100755 --- a/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html +++ b/js/panels/color/colorpanelpopup.reel/colorpanelpopup.html | |||
@@ -16,7 +16,23 @@ | |||
16 | "owner": { | 16 | "owner": { |
17 | "prototype": "js/panels/Color/colorpanelpopup.reel[ColorPanelPopup]", | 17 | "prototype": "js/panels/Color/colorpanelpopup.reel[ColorPanelPopup]", |
18 | "properties": { | 18 | "properties": { |
19 | "element": {"#": "cpp_popup"} | 19 | "element": {"#": "cpp_popup"}, |
20 | "wheel": {"#": "cntnr_wheel"}, | ||
21 | "images": {"#": "cntnr_images"}, | ||
22 | "gradients": {"#": "cntnr_gradients"}, | ||
23 | "palettes": {"#": "cntnr_palettes"}, | ||
24 | "alpha": {"#": "cntnr_alpha"}, | ||
25 | "alphaSlider": {"#": "alpha_slider"}, | ||
26 | "alphaHottext": {"#": "alpha_hottext"}, | ||
27 | "btnPrevious": {"#": "btn_previous"}, | ||
28 | "btnCurrent": {"#": "btn_current"}, | ||
29 | "btnWheel": {"#": "btn_wheel"}, | ||
30 | "btnImage": {"#": "btn_images"}, | ||
31 | "btnGradient": {"#": "btn_gradients"}, | ||
32 | "btnPalette": {"#": "btn_palettes"}, | ||
33 | "btnNocolor": {"#": "btn_nocolor"}, | ||
34 | "inputHex": {"#": "input_hex"} | ||
35 | |||
20 | } | 36 | } |
21 | } | 37 | } |
22 | } | 38 | } |
@@ -31,32 +47,32 @@ | |||
31 | 47 | ||
32 | <div class="cp_pu_history"> | 48 | <div class="cp_pu_history"> |
33 | 49 | ||
34 | <button class="cp_pu_color_previous">Previous Color</button> | 50 | <button data-montage-id="btn_previous" class="cp_pu_color_previous">Previous Color</button> |
35 | <button class="cp_pu_color_current">Current Color</button> | 51 | <button data-montage-id="btn_current" class="cp_pu_color_current">Current Color</button> |
36 | 52 | ||
37 | </div> | 53 | </div> |
38 | 54 | ||
39 | <div class="cp_pu_hex">#<input class="cp_pu_hottext_hex" maxlength="6" /></div> | 55 | <div data-montage-id="input_hex" class="cp_pu_hex">#<input class="cp_pu_hottext_hex" maxlength="6" /></div> |
40 | 56 | ||
41 | <button class="cp_pu_wheel" title="Color Wheel">Color Wheel</button> | 57 | <button data-montage-id="btn_wheel" class="cp_pu_wheel" title="Color Wheel">Color Wheel</button> |
42 | <button class="cp_pu_images" title="Background Image">Images</button> | 58 | <button data-montage-id="btn_images" class="cp_pu_images" title="Background Image">Images</button> |
43 | <button class="cp_pu_gradients" title="Gradient">Gradients</button> | 59 | <button data-montage-id="btn_gradients" class="cp_pu_gradients" title="Gradient">Gradients</button> |
44 | <button class="cp_pu_palettes" title="Color Palette">Palettes</button> | 60 | <button data-montage-id="btn_palettes" class="cp_pu_palettes" title="Color Palette">Palettes</button> |
45 | <button class="cp_pu_nocolor" title="No Color">No Color</button> | 61 | <button data-montage-id="btn_nocolor" class="cp_pu_nocolor" title="No Color">No Color</button> |
46 | 62 | ||
47 | </div> | 63 | </div> |
48 | 64 | ||
49 | <div class="cp_pu_content"> | 65 | <div class="cp_pu_content"> |
50 | <div class="cp_pu_wheel_container cp_pu_content_container"></div> | 66 | <div data-montage-id="cntnr_wheel" class="cp_pu_wheel_container cp_pu_content_container"></div> |
51 | <div class="cp_pu_gradient_container cp_pu_content_container"></div> | 67 | <div data-montage-id="cntnr_gradients" class="cp_pu_gradient_container cp_pu_content_container"></div> |
52 | <div class="cp_pu_palette_container cp_pu_content_container"></div> | 68 | <div data-montage-id="cntnr_palettes" class="cp_pu_palette_container cp_pu_content_container"></div> |
53 | <div class="cp_pu_image_container cp_pu_content_container"></div> | 69 | <div data-montage-id="cntnr_images" class="cp_pu_image_container cp_pu_content_container"></div> |
54 | </div> | 70 | </div> |
55 | 71 | ||
56 | <div class="cp_pu_alpha"> | 72 | <div data-montage-id="cntnr_alpha" class="cp_pu_alpha"> |
57 | <div class="cp_pu_a_label">Alpha</div> | 73 | <div class="cp_pu_a_label">Alpha</div> |
58 | <div class="cp_pu_a_slider"></div> | 74 | <div data-montage-id="alpha_slider" class="cp_pu_a_slider"></div> |
59 | <input class="cp_pu_a_hottext"/> | 75 | <input data-montage-id="alpha_hottext" class="cp_pu_a_hottext"/> |
60 | <div class="cp_pu_a_label2">%</div> | 76 | <div class="cp_pu_a_label2">%</div> |
61 | </div> | 77 | </div> |
62 | 78 | ||