aboutsummaryrefslogtreecommitdiff
path: root/js/panels/css-panel/styles-view-container.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/css-panel/styles-view-container.reel')
-rw-r--r--js/panels/css-panel/styles-view-container.reel/styles-view-container.css11
-rw-r--r--js/panels/css-panel/styles-view-container.reel/styles-view-container.html77
-rw-r--r--js/panels/css-panel/styles-view-container.reel/styles-view-container.js35
3 files changed, 123 insertions, 0 deletions
diff --git a/js/panels/css-panel/styles-view-container.reel/styles-view-container.css b/js/panels/css-panel/styles-view-container.reel/styles-view-container.css
new file mode 100644
index 00000000..1d3baa5c
--- /dev/null
+++ b/js/panels/css-panel/styles-view-container.reel/styles-view-container.css
@@ -0,0 +1,11 @@
1.styles-view-container h3 {
2 background-color: rgba(255,255,255, 0.1);
3 border: 1px dashed rgba(255,255,255, 0.2);
4 border-radius: 4px;
5 color: #CCC;
6 font-size: 11px;
7 font-weight: normal;
8 margin: 5px;
9 padding: 10px;
10 text-shadow: 1px 1px 0px #333;
11} \ No newline at end of file
diff --git a/js/panels/css-panel/styles-view-container.reel/styles-view-container.html b/js/panels/css-panel/styles-view-container.reel/styles-view-container.html
new file mode 100644
index 00000000..17ba6326
--- /dev/null
+++ b/js/panels/css-panel/styles-view-container.reel/styles-view-container.html
@@ -0,0 +1,77 @@
1<!DOCTYPE html>
2<!-- <copyright>
3This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4No 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 <script type="text/montage-serialization">
11 {
12 "owner": {
13 "module" : "js/panels/css-panel/styles-view-container.reel",
14 "name" : "StylesViewContainer",
15 "properties" : {
16 "element" : {"#" : "container"}
17 }
18 },
19 "substitution": {
20 "module": "montage/ui/substitution.reel",
21 "name": "Substitution",
22 "properties": {
23 "element": {"#": "sub-panel-slot"},
24 "switchComponents": {
25 "rules": {"@": "ruleListCollection"},
26 "computed": {"@": "computedStyleView"}
27 }
28 },
29 "bindings": {
30 "switchValue": {
31 "boundObject": {"@": "owner"},
32 "boundObjectPropertyPath": "contentPanel",
33 "oneway": true
34 }
35 }
36 },
37 "ruleListCollection": {
38 "module" : "montage/ui/list.reel",
39 "name": "List",
40 "properties": { },
41 "bindings": {
42 "list": {
43 "boundObject": {"@": "owner" },
44 "boundObjectPropertyPath": "displayedList"
45 }
46 }
47 },
48 "computedStyleView": {
49 "module": "js/panels/CSSPanel/ComputedStyleSubPanel.reel",
50 "name": "ComputedStyleSubPanel",
51 "properties": { }
52 },
53 "noDocumentCondition": {
54 "module": "montage/ui/condition.reel",
55 "name": "Condition",
56 "properties": {
57 "element": {"#": "no-document-message" }
58 },
59 "bindings": {
60 "condition": {
61 "boundObject": {"@": "owner" },
62 "boundObjectPropertyPath": "noDocumentCondition",
63 "oneway": true
64 }
65 }
66 }
67 }
68 </script>
69</head>
70<body>
71<div id="container" class="styles-view-container">
72 <div id="sub-panel-slot">
73 <h3 id="no-document-message">No document loaded. Please Open or Create a new document.</h3>
74 </div>
75</div>
76</body>
77</html> \ No newline at end of file
diff --git a/js/panels/css-panel/styles-view-container.reel/styles-view-container.js b/js/panels/css-panel/styles-view-container.reel/styles-view-container.js
new file mode 100644
index 00000000..41e16192
--- /dev/null
+++ b/js/panels/css-panel/styles-view-container.reel/styles-view-container.js
@@ -0,0 +1,35 @@
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
7var Montage = require("montage/core/core").Montage,
8 Component = require("montage/ui/component").Component;
9
10exports.StylesViewContainer = Montage.create(Component, {
11 noDocumentCondition : {
12 value: true
13 },
14 contentPanel : {
15 value: 'rules'
16 },
17 displayedList : {
18 value: null
19 },
20 deserializedFromTemplate : {
21 value: function() {
22 console.log("styles view container - deserialized");
23 }
24 },
25 prepareForDraw : {
26 value: function() {
27 console.log("styles view container - prepare for draw");
28 }
29 },
30 draw : {
31 value: function() {
32 console.log("styles view container - draw");
33 }
34 }
35}); \ No newline at end of file