diff options
Diffstat (limited to 'js/panels')
32 files changed, 1864 insertions, 2 deletions
diff --git a/js/panels/CSSPanel/css-shorthand-map.js b/js/panels/CSSPanel/css-shorthand-map.js index bc43ebc4..191dbae5 100755 --- a/js/panels/CSSPanel/css-shorthand-map.js +++ b/js/panels/CSSPanel/css-shorthand-map.js | |||
@@ -52,7 +52,6 @@ exports.CSS_SHORTHAND_MAP = { | |||
52 | 'font-style' : ['font'], | 52 | 'font-style' : ['font'], |
53 | 'font-family' : ['font'], | 53 | 'font-family' : ['font'], |
54 | 'font-size' : ['font'], | 54 | 'font-size' : ['font'], |
55 | 'font-style' : ['font'], | ||
56 | 'font-variant' : ['font'], | 55 | 'font-variant' : ['font'], |
57 | 'font-weight' : ['font'], | 56 | 'font-weight' : ['font'], |
58 | 57 | ||
@@ -74,4 +73,21 @@ exports.CSS_SHORTHAND_MAP = { | |||
74 | '-webkit-transition-duration' : ['-webkit-transition'], | 73 | '-webkit-transition-duration' : ['-webkit-transition'], |
75 | '-webkit-transition-timing-function' : ['-webkit-transition'], | 74 | '-webkit-transition-timing-function' : ['-webkit-transition'], |
76 | '-webkit-transition-delay' : ['-webkit-transition'] | 75 | '-webkit-transition-delay' : ['-webkit-transition'] |
76 | }; | ||
77 | |||
78 | exports.CSS_SHORTHAND_TO_SUBPROP_MAP = { | ||
79 | 'background' : ["background-image", "background-repeat-x", "background-repeat-y", "background-attachment", | ||
80 | "background-position-x", "background-position-y", "background-origin", "background-clip", | ||
81 | "background-color"], | ||
82 | 'border' : ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width", | ||
83 | "border-top-style", "border-right-style", "border-bottom-style", "border-left-style", | ||
84 | "border-top-color", "border-right-color", "border-bottom-color", "border-left-color", "border-image"], | ||
85 | 'border-radius' : ["border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", | ||
86 | "border-bottom-left-radius"], | ||
87 | 'font' : ["font-family", "font-size", "font-style", "font-variant", "font-weight", "line-height"], | ||
88 | 'list' : ["list-style-type", "list-style-image", "list-style-position"], | ||
89 | 'margin' : ["margin-top", "margin-right", "margin-bottom", "margin-left"], | ||
90 | 'padding' : ["padding-top", "padding-right", "padding-bottom", "padding-left"], | ||
91 | '-webkit-transition' : ["-webkit-transition-property", "-webkit-transition-duration", | ||
92 | "-webkit-transition-timing-function", "-webkit-transition-delay"] | ||
77 | }; \ No newline at end of file | 93 | }; \ No newline at end of file |
diff --git a/js/panels/PanelContainer.reel/PanelContainer.html b/js/panels/PanelContainer.reel/PanelContainer.html index 251e86e4..1561f973 100755 --- a/js/panels/PanelContainer.reel/PanelContainer.html +++ b/js/panels/PanelContainer.reel/PanelContainer.html | |||
@@ -61,6 +61,13 @@ | |||
61 | "element": {"#": "panel_5"} | 61 | "element": {"#": "panel_5"} |
62 | } | 62 | } |
63 | }, | 63 | }, |
64 | "panel_6": { | ||
65 | "module": "js/panels/Panel.reel", | ||
66 | "name": "Panel", | ||
67 | "properties": { | ||
68 | "element": {"#": "panel_6"} | ||
69 | } | ||
70 | }, | ||
64 | 71 | ||
65 | "owner": { | 72 | "owner": { |
66 | "module": "js/panels/PanelContainer.reel", | 73 | "module": "js/panels/PanelContainer.reel", |
@@ -74,7 +81,8 @@ | |||
74 | "panel_2": {"@": "panel_2"}, | 81 | "panel_2": {"@": "panel_2"}, |
75 | "panel_3": {"@": "panel_3"}, | 82 | "panel_3": {"@": "panel_3"}, |
76 | "panel_4": {"@": "panel_4"}, | 83 | "panel_4": {"@": "panel_4"}, |
77 | "panel_5": {"@": "panel_5"} | 84 | "panel_5": {"@": "panel_5"}, |
85 | "panel_6": {"@": "panel_6"} | ||
78 | }, | 86 | }, |
79 | "listeners": [ | 87 | "listeners": [ |
80 | { | 88 | { |
@@ -104,6 +112,7 @@ | |||
104 | <article data-montage-id="panel_3"></article> | 112 | <article data-montage-id="panel_3"></article> |
105 | <article data-montage-id="panel_4"></article> | 113 | <article data-montage-id="panel_4"></article> |
106 | <article data-montage-id="panel_5"></article> | 114 | <article data-montage-id="panel_5"></article> |
115 | <article data-montage-id="panel_6"></article> | ||
107 | </article> | 116 | </article> |
108 | </section> | 117 | </section> |
109 | </body> | 118 | </body> |
diff --git a/js/panels/css-panel/css-panel-container.js b/js/panels/css-panel/css-panel-container.js new file mode 100644 index 00000000..6110c999 --- /dev/null +++ b/js/panels/css-panel/css-panel-container.js | |||
@@ -0,0 +1,15 @@ | |||
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> */ | ||
6 | |||
7 | var Montage = require("montage/core/core").Montage; | ||
8 | var PanelBase = require("js/panels/PanelBase").PanelBase; | ||
9 | var Content = require("js/panels/css-panel/css-panel.reel").CSSPanelNew; | ||
10 | |||
11 | exports.CSSPanelContainer = Montage.create(PanelBase, { | ||
12 | panelName : { value: "CSS Panel" }, | ||
13 | minHeight : { value: 200 }, | ||
14 | content : { value: Content } | ||
15 | }); \ No newline at end of file | ||
diff --git a/js/panels/css-panel/css-panel.reel/css-panel.css b/js/panels/css-panel/css-panel.reel/css-panel.css new file mode 100644 index 00000000..6d296a8e --- /dev/null +++ b/js/panels/css-panel/css-panel.reel/css-panel.css | |||
@@ -0,0 +1,49 @@ | |||
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> */ | ||
6 | .css-panel { | ||
7 | color: #FFF; | ||
8 | display: -webkit-box; | ||
9 | height: 100%; | ||
10 | -webkit-box-orient: vertical; | ||
11 | } | ||
12 | .css-panel > h3 { | ||
13 | background-color: #333; | ||
14 | border-top: 1px solid #3D3D3D; | ||
15 | color: #FFF; | ||
16 | cursor: default; | ||
17 | font-size: 12px; | ||
18 | font-weight: normal; | ||
19 | height: 16px; | ||
20 | margin: 0; | ||
21 | padding: 4px 0 2px 10px; | ||
22 | vertical-align: top; | ||
23 | -webkit-box-flex: 0; | ||
24 | -webkit-user-select: none; | ||
25 | } | ||
26 | .css-panel .style-sheets-view-container { | ||
27 | -webkit-box-flex: 0; | ||
28 | min-height: 41px; | ||
29 | } | ||
30 | .css-panel .styles-view-container { | ||
31 | -webkit-box-flex: 1; | ||
32 | display: -webkit-box; | ||
33 | -webkit-box-orient: vertical; | ||
34 | } | ||
35 | .panel-message { | ||
36 | background-color: rgba(255,255,255, 0.1); | ||
37 | border: 1px dashed rgba(255,255,255, 0.2); | ||
38 | border-radius: 4px; | ||
39 | color: #CCC; | ||
40 | font-size: 11px; | ||
41 | font-weight: normal; | ||
42 | margin: 0 8px; | ||
43 | padding: 5px; | ||
44 | position: relative; | ||
45 | text-shadow: 1px 1px 0px #333; | ||
46 | text-align: center; | ||
47 | top: 8px; | ||
48 | -webkit-box-flex: 0; | ||
49 | } | ||
diff --git a/js/panels/css-panel/css-panel.reel/css-panel.html b/js/panels/css-panel/css-panel.reel/css-panel.html new file mode 100644 index 00000000..61ec82bf --- /dev/null +++ b/js/panels/css-panel/css-panel.reel/css-panel.html | |||
@@ -0,0 +1,46 @@ | |||
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 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
10 | <link rel="stylesheet" href="css-panel.css" type="text/css"> | ||
11 | <script type="text/montage-serialization"> | ||
12 | { | <