diff options
Diffstat (limited to 'js/panels/Materials/materials-popup.reel')
3 files changed, 958 insertions, 0 deletions
diff --git a/js/panels/Materials/materials-popup.reel/materials-popup.css b/js/panels/Materials/materials-popup.reel/materials-popup.css new file mode 100644 index 00000000..299dc5f9 --- /dev/null +++ b/js/panels/Materials/materials-popup.reel/materials-popup.css | |||
@@ -0,0 +1,162 @@ | |||
1 | @charset "UTF-8"; | ||
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 | |||
8 | .materials_popup { | ||
9 | font-size: 12px; | ||
10 | text-shadow: 1px 1px 1px #000; | ||
11 | overflow: hidden; | ||
12 | } | ||
13 | |||
14 | .materials_popup a:hover { | ||
15 | color: #CCC; | ||
16 | } | ||
17 | |||
18 | .materials_popup hr { | ||
19 | float: left; | ||
20 | clear: both; | ||
21 | width: 100%; | ||
22 | display: block; | ||
23 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #1d1d1d), color-stop(0.75, #424242)); | ||
24 | border: none; | ||
25 | height: 2px; | ||
26 | margin: 4px 0px 4px 0px; | ||
27 | } | ||
28 | |||
29 | #mp_title { | ||
30 | margin: 4px 0px 0px 0px; | ||
31 | text-align: center; | ||
32 | } | ||
33 | |||
34 | #mp_preview { | ||
35 | height: 100px; | ||
36 | text-align: center; | ||
37 | } | ||
38 | |||
39 | #mp_maps div div, | ||
40 | #mp_maps div div:focus, | ||
41 | #mp_maps div input, | ||
42 | #mp_maps div input:focus { | ||
43 | margin: 0px 0px 2px 0px; | ||
44 | } | ||
45 | |||
46 | #mp_properties_labels, | ||
47 | #mp_maps_labels { | ||
48 | display:block; | ||
49 | float: left; | ||
50 | width:86px; | ||
51 | margin: 0px 8px 2px 5px; | ||
52 | font-family: 'Droid Sans', sans-serif; | ||
53 | font-size: 12px; | ||
54 | } | ||
55 | |||
56 | #mp_properties_labels div, | ||
57 | #mp_maps_labels div { | ||
58 | float: right; | ||
59 | clear: left; | ||
60 | width: auto; | ||
61 | margin: 0px 0px 3px 0px; | ||
62 | } | ||
63 | |||
64 | #mp_maps_labels div { | ||
65 | margin: 2px 0px 3px 0px !important; | ||
66 | } | ||
67 | |||
68 | #mp_properties_labels div { | ||
69 | margin: 6px 0px 6px 0px !important; | ||
70 | } | ||
71 | |||
72 | #mp_properties_colors | ||
73 | { | ||
74 | float:left; | ||
75 | width: 24px; | ||
76 | margin: 0px -8px 0px 10px; | ||
77 | } | ||
78 | |||
79 | #mp_properties_colors button { | ||
80 | width: 22px; | ||
81 | height: 22px; | ||
82 | margin: 2px 0; | ||
83 | } | ||
84 | |||
85 | #mp_properties_colors input.hottext { | ||
86 | background: none; | ||
87 | float: right; | ||
88 | margin: 4px 0px; | ||
89 | padding: 0px; | ||
90 | width: 23px; | ||
91 | color: #FFF; | ||
92 | text-shadow: 1px 1px 1px #000; | ||
93 | font-family: 'Droid Sans', sans-serif; | ||
94 | font-size: 11px; | ||
95 | text-align: center; | ||
96 | } | ||
97 | |||
98 | #mp_properties_colors input.hottextInput { | ||
99 | background: #FFF; | ||
100 | color: #000; | ||
101 | text-shadow: none; | ||
102 | border: 1px solid #333; | ||
103 | margin: 3px -2px 5px 1px; | ||
104 | padding: 1px; | ||
105 | text-decoration: none; | ||
106 | outline: none; | ||
107 | } | ||
108 | |||
109 | #mp_maps_inputs | ||
110 | { | ||
111 | float: left; | ||
112 | width: auto; | ||
113 | } | ||
114 | |||
115 | #mp_maps_inputs input { | ||
116 | float:left; | ||
117 | clear:both; | ||
118 | width: 100px; | ||
119 | background: #555; | ||
120 | border: 1px solid #333; | ||
121 | color: #FFF; | ||
122 | padding: 1px 0px 1px 0px; | ||
123 | margin: 0px 0px 0px 10px; | ||
124 | text-decoration: none !important; | ||
125 | text-shadow: 1px 1px 1px #000; | ||
126 | font-family: 'Droid Sans', sans-serif; | ||
127 | font-size: 11px; | ||
128 | letter-spacing: 1px; | ||
129 | } | ||
130 | |||
131 | #mp_maps_inputs input:focus { | ||
132 | outline: none; | ||
133 | margin: -1px 0px -1px 10px; | ||
134 | background: #FFF; | ||
135 | color: #000; | ||
136 | text-shadow: none; | ||
137 | } | ||
138 | |||
139 | |||
140 | #mp_buttons { | ||
141 | clear:both; | ||
142 | float: left; | ||
143 | margin: 0px -4px 0px 4px; | ||
144 | width: 97%; | ||
145 | } | ||
146 | |||
147 | #mp_buttons button { | ||
148 | height: 22px; | ||
149 | overflow: hidden; | ||
150 | display: block; | ||
151 | cursor: pointer; | ||
152 | } | ||
153 | |||
154 | #mp_cancel_btn { | ||
155 | float: left; | ||
156 | width: 60px; | ||
157 | } | ||
158 | |||
159 | #mp_ok_btn { | ||
160 | float: right; | ||
161 | width: 30px; | ||
162 | } \ No newline at end of file | ||
diff --git a/js/panels/Materials/materials-popup.reel/materials-popup.html b/js/panels/Materials/materials-popup.reel/materials-popup.html new file mode 100644 index 00000000..bac69f25 --- /dev/null +++ b/js/panels/Materials/materials-popup.reel/materials-popup.html | |||
@@ -0,0 +1,122 @@ | |||
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 lang="en"> | ||
8 | <head> | ||
9 | |||
10 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
11 | |||
12 | <link rel="stylesheet" type="text/css" href="materials-popup.css"> | ||
13 | |||
14 | <script type="text/montage-serialization"> | ||
15 | { | ||
16 | "okButton": { | ||
17 | "module": "js/components/button.reel", | ||
18 | "name": "Button", | ||
19 | "properties": { | ||
20 | "element": {"#": "mp_ok_btn"}, | ||
21 | "label": "OK" | ||
22 | } | ||
23 | }, | ||
24 | "cancelButton": { | ||
25 | "module": "js/components/button.reel", | ||
26 | "name": "Button", | ||
27 | "properties": { | ||
28 | "element": {"#": "mp_cancel_btn"}, | ||
29 | "label": "Cancel" | ||
30 | } | ||
31 | }, | ||
32 | "eventDelegator": { | ||
33 | "module": "montage/event/action-event-listener", | ||
34 | "name": "ActionEventListener", | ||
35 | "properties": { | ||
36 | "handler": {"@": "owner"}, | ||
37 | "action": "updatePreview" | ||
38 | } | ||
39 | }, | ||
40 | "propControl1": { | ||
41 | "module": "js/components/ui/property-control", | ||
42 | "name": "PropertyControl", | ||
43 | "properties": { | ||
44 | "element": {"#": "mp_property"} | ||
45 | }, | ||
46 | "bindings": { | ||
47 | "data": { | ||
48 | "boundObject": {"@": "materialsProperties"}, | ||
49 | "boundObjectPropertyPath": "objectAtCurrentIteration", | ||
50 | "oneway": false | ||
51 | } | ||
52 | }, | ||
53 | "listeners": [ | ||
54 | { | ||
55 | "type": "propertyChange |