diff options
author | Ananya Sen | 2012-05-31 10:13:40 -0700 |
---|---|---|
committer | Ananya Sen | 2012-05-31 10:13:40 -0700 |
commit | 286457b4f23974277274ba388afd283e8aa085cb (patch) | |
tree | c21bf791e7c4f572d12f97987ea6b89e74da67fe /js/panels/css-panel/css-panel.reel | |
parent | 4d9b481c58090e8f1fc7b0e9d73a81b0f49cccc8 (diff) | |
parent | d49c909cff7f0c5e5d0b127ad84a2fefc6677dc6 (diff) | |
download | ninja-286457b4f23974277274ba388afd283e8aa085cb.tar.gz |
Merge branch 'refs/heads/ninja-internal-master' into cut-copy-paste
Conflicts:
js/controllers/styles-controller.js
Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
Diffstat (limited to 'js/panels/css-panel/css-panel.reel')
-rw-r--r-- | js/panels/css-panel/css-panel.reel/css-panel.css | 63 | ||||
-rw-r--r-- | js/panels/css-panel/css-panel.reel/css-panel.html | 56 | ||||
-rw-r--r-- | js/panels/css-panel/css-panel.reel/css-panel.js | 19 |
3 files changed, 138 insertions, 0 deletions
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..8d8c8ff5 --- /dev/null +++ b/js/panels/css-panel/css-panel.reel/css-panel.css | |||
@@ -0,0 +1,63 @@ | |||
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 | overflow: hidden; | ||
22 | padding: 4px 0 2px 10px; | ||
23 | text-overflow: ellipsis; | ||
24 | vertical-align: top; | ||
25 | white-space: nowrap; | ||
26 | -webkit-box-flex: 0; | ||
27 | -webkit-user-select: none; | ||
28 | } | ||
29 | .css-panel .selection-name:before, .css-panel .document-name:before { | ||
30 | content:" - " | ||
31 | } | ||
32 | .css-panel .no-styles.selection-name, .css-panel .no-document.document-name { | ||
33 | display: none; | ||
34 | } | ||
35 | |||
36 | .css-panel .style-sheets-view-container { | ||
37 | display: -webkit-box; | ||
38 | min-height: 41px; | ||
39 | -webkit-box-flex: 0; | ||
40 | -webkit-box-orient: vertical; | ||
41 | } | ||
42 | .css-panel .styles-view-container { | ||
43 | display: -webkit-box; | ||
44 | -webkit-box-flex: 1; | ||
45 | -webkit-box-orient: vertical; | ||
46 | } | ||
47 | .panel-message { | ||
48 | background-color: rgba(255,255,255, 0.1); | ||
49 | border: 1px dashed rgba(255,255,255, 0.2); | ||
50 | border-radius: 4px; | ||
51 | color: #CCC; | ||
52 | font-size: 11px; | ||
53 | font-weight: normal; | ||
54 | margin: 0 8px; | ||
55 | padding: 5px; | ||
56 | position: relative; | ||
57 | text-shadow: 1px 1px 0px #333; | ||
58 | text-align: center; | ||
59 | top: 8px; | ||
60 | -webkit-box-flex: 0; | ||
61 | } | ||
62 | |||
63 | |||
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..42dca8a2 --- /dev/null +++ b/js/panels/css-panel/css-panel.reel/css-panel.html | |||
@@ -0,0 +1,56 @@ | |||
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 | { | ||
13 | "owner": { | ||
14 | "prototype" : "js/panels/css-panel/css-panel.reel", | ||
15 | "properties" : { | ||
16 | "element" : {"#" : "container"}, | ||
17 | "styleSheetsView": {"@": "styleSheetsView"}, | ||
18 | "stylesViewContainer": {"@": "stylesViewContainer"} | ||
19 | } | ||
20 | }, | ||
21 | |||
22 | "styleSheetsView": { | ||
23 | "prototype" : "js/panels/css-panel/style-sheets-view.reel", | ||
24 | "properties": { | ||
25 | "element": {"#": "style-sheet-view" }, | ||
26 | "documentNameLabel": {"#": "document-name" } | ||
27 | } | ||
28 | }, | ||
29 | "stylesViewContainer": { | ||
30 | "prototype" : "js/panels/css-panel/styles-view-container.reel", | ||
31 | "properties": { | ||
32 | "element": {"#": "styles-view-container" }, | ||
33 | "selectionName": {"@": "selectionName" } | ||
34 | } | ||
35 | }, | ||
36 | "selectionName" : { | ||
37 | "prototype": "montage/ui/dynamic-text.reel", | ||
38 | "properties": { | ||
39 | "element": {"#":"selection-name"} | ||
40 | }, | ||
41 | "bindings": { | ||
42 | "value" : {"<-": "@stylesViewContainer.selectionNameLabelText" } | ||
43 | } | ||
44 | } | ||
45 | } | ||
46 | </script> | ||
47 | </head> | ||
48 | <body> | ||
49 | <section data-montage-id="container" class="css-panel"> | ||
50 | <h3>Style Sheets <span data-montage-id="document-name" class="document-name"></span></h3> | ||
51 | <div data-montage-id="style-sheet-view"></div> | ||
52 | <h3>Styles <span data-montage-id="selection-name" class="selection-name"></span></h3> | ||
53 | <div data-montage-id="styles-view-container"></div> | ||
54 | </section> | ||
55 | </body> | ||
56 | </html> \ No newline at end of file | ||
diff --git a/js/panels/css-panel/css-panel.reel/css-panel.js b/js/panels/css-panel/css-panel.reel/css-panel.js new file mode 100644 index 00000000..a117787e --- /dev/null +++ b/js/panels/css-panel/css-panel.reel/css-panel.js | |||
@@ -0,0 +1,19 @@ | |||
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 | Component = require("montage/ui/component").Component; | ||
9 | |||
10 | exports.CssPanel = Montage.create(Component, { | ||
11 | prepareForDraw : { | ||
12 | value: function() { | ||
13 | } | ||
14 | }, | ||
15 | draw : { | ||
16 | value: function() { | ||
17 | } | ||
18 | } | ||
19 | }); | ||