aboutsummaryrefslogtreecommitdiff
path: root/js/panels
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels')
-rwxr-xr-xjs/panels/CSSPanel/css-shorthand-map.js18
-rwxr-xr-xjs/panels/PanelContainer.reel/PanelContainer.html7
-rw-r--r--js/panels/collapse-composer.js137
-rw-r--r--js/panels/css-panel/css-panel-container.js15
-rw-r--r--js/panels/css-panel/css-panel.reel/css-panel.css59
-rw-r--r--js/panels/css-panel/css-panel.reel/css-panel.html48
-rw-r--r--js/panels/css-panel/css-panel.reel/css-panel.js55
-rw-r--r--js/panels/css-panel/declaration.reel/declaration.css15
-rw-r--r--js/panels/css-panel/declaration.reel/declaration.html58
-rw-r--r--js/panels/css-panel/declaration.reel/declaration.js171
-rw-r--r--js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.css49
-rw-r--r--js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html76
-rw-r--r--js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.js91
-rw-r--r--js/panels/css-panel/rule-list-container.reel/rule-list-container.html45
-rw-r--r--js/panels/css-panel/rule-list-container.reel/rule-list-container.js137
-rw-r--r--js/panels/css-panel/rule-list.reel/rule-list.css26
-rw-r--r--js/panels/css-panel/rule-list.reel/rule-list.html26
-rw-r--r--js/panels/css-panel/rule-list.reel/rule-list.js99
-rw-r--r--js/panels/css-panel/style-sheet.reel/style-sheet.css132
-rw-r--r--js/panels/css-panel/style-sheet.reel/style-sheet.html134
-rw-r--r--js/panels/css-panel/style-sheet.reel/style-sheet.js221
-rw-r--r--js/panels/css-panel/style-sheets-view.reel/style-sheets-view.css19
-rw-r--r--js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html103
-rw-r--r--js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js68
-rw-r--r--js/panels/css-panel/style-shorthand.reel/style-shorthand.css41
-rw-r--r--js/panels/css-panel/style-shorthand.reel/style-shorthand.html174
-rw-r--r--js/panels/css-panel/style-shorthand.reel/style-shorthand.js58
-rw-r--r--js/panels/css-panel/style.reel/style.css164
-rw-r--r--js/panels/css-panel/style.reel/style.html77
-rw-r--r--js/panels/css-panel/style.reel/style.js178
-rw-r--r--js/panels/css-panel/styles-view-container.reel/styles-view-container.css26
-rw-r--r--js/panels/css-panel/styles-view-container.reel/styles-view-container.html81
-rw-r--r--js/panels/css-panel/styles-view-container.reel/styles-view-container.js59
-rw-r--r--js/panels/css-panel/styles-view-mediator.js38
34 files changed, 2704 insertions, 1 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
78exports.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 d3673105..ef023f01 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 "panel_6": { 72 "panel_6": {
66 "prototype": "js/panels/Panel.reel", 73 "prototype": "js/panels/Panel.reel",
diff --git a/js/panels/collapse-composer.js b/js/panels/collapse-composer.js
new file mode 100644
index 00000000..0bd916c8
--- /dev/null
+++ b/js/panels/collapse-composer.js
@@ -0,0 +1,137 @@
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;
8var Composer = require("montage/ui/composer/composer").Composer;
9
10exports.CollapseComposer = Montage.create(Composer, {
11
12 collapsed : {
13 value: false
14 },
15
16 _expandedHeight : {
17 value: null
18 },
19
20 _doCollapse : {
21 value: false,
22 distinct: true
23 },
24
25 _doExpand : {
26 value: false,
27 distinct: true
28 },
29
30 _step : {
31 value: 0,
32 distinct: true
33 },
34
35 load: {
36 value: function() {
37 //this.element.addEventListener("mousedown", this, true);
38 this.element.addEventListener("click", this, false);
39 }
40 },
41
42 unload: {
43 value: function() {
44 //this.element.removeEventListener("mousedown", this, true);
45 this.element.removeEventListener("click", this, true);
46 }
47 },
48
49 handleClick : {
50 value: function(e) {
51 e.preventDefault();
52 this.toggleCollapse();
53 }
54 },
55
56 toggleCollapse : {
57 value: function() {
58 if(this.collapsed) {
59 this.initExpand();
60 } else {
61 this.initCollapse();
62 }
63
64 this.collapsed = !this.collapsed;
65 }
66 },
67
68 initCollapse : {
69 value: function() {
70 //this.component.element.style.display = 'none';
71 console.log("init collapse");
72 this._expandedHeight = window.getComputedStyle(this.component.element).height;
73 this.needsFrame = this._doCollapse = true;
74 }
75 },
76
77 initExpand : {
78 value: function() {
79 //this.component.element.style.display = '';
80 console.log("init collapse");
81
82 this.needsFrame = this._doExpand = true;
83 }
84 },
85
86 frame : {
87 value: function() {
88 if(this._doCollapse) {
89 if (this._step === 0) {
90 this.component.element.style.height = this._expandedHeight;
91 this._step = 1;
92 this.needsFrame = true;
93 } else if (this._step === 1) {
94 this.component.element.style.webkitTransition = 'height 0.14s cubic-bezier(.44,.19,0,.99)';
95 this._step = 2;
96 this.needsFrame = true;
97 } else {
98 this.component.element.style.height = '0px';
99 this.collapsed = true;
100 this._doCollapse = false;
101 this._step = 0;
102 }
103 } else if(this._doExpand) {
104 this.component.element.style.height = this._expandedHeight;
105 this.collapsed = false;
106 this._doExpand = false;
107 }
108 }
109 },
110
111 handleWebkitTransitionEnd : {