diff options
Diffstat (limited to 'js/panels/Panel.reel/Panel.html')
| -rwxr-xr-x | js/panels/Panel.reel/Panel.html | 38 |
1 files changed, 15 insertions, 23 deletions
diff --git a/js/panels/Panel.reel/Panel.html b/js/panels/Panel.reel/Panel.html index 43b87940..f0fb1044 100755 --- a/js/panels/Panel.reel/Panel.html +++ b/js/panels/Panel.reel/Panel.html | |||
| @@ -9,8 +9,7 @@ | |||
| 9 | <script type="text/montage-serialization"> | 9 | <script type="text/montage-serialization"> |
| 10 | { | 10 | { |
| 11 | "Resizer": { | 11 | "Resizer": { |
| 12 | "module": "js/panels/resize-composer", | 12 | "prototype": "js/panels/resize-composer", |
| 13 | "name": "ResizeComposer", | ||
| 14 | "properties": { | 13 | "properties": { |
| 15 | "element": {"#": "resizeBar"}, | 14 | "element": {"#": "resizeBar"}, |
| 16 | "component": {"@": "owner"} | 15 | "component": {"@": "owner"} |
| @@ -32,8 +31,7 @@ | |||
| 32 | }, | 31 | }, |
| 33 | 32 | ||
| 34 | "DragDrop": { | 33 | "DragDrop": { |
| 35 | "module": "js/panels/drag-drop-composer", | 34 | "prototype": "js/panels/drag-drop-composer", |
| 36 | "name": "DragDropComposer", | ||
| 37 | "properties": { | 35 | "properties": { |
| 38 | "element": {"@": "panelTitle"}, | 36 | "element": {"@": "panelTitle"}, |
| 39 | "component": {"@": "owner"} | 37 | "component": {"@": "owner"} |
| @@ -59,8 +57,7 @@ | |||
| 59 | }, | 57 | }, |
| 60 | 58 | ||
| 61 | "btnCollapse": { | 59 | "btnCollapse": { |
| 62 | "module": "montage/ui/toggle-button.reel", | 60 | "prototype": "montage/ui/toggle-button.reel", |
| 63 | "name": "ToggleButton", | ||
| 64 | "properties": { | 61 | "properties": { |
| 65 | "element": {"#": "btnCollapse"}, | 62 | "element": {"#": "btnCollapse"}, |
| 66 | "pressedClass": "hide", | 63 | "pressedClass": "hide", |
| @@ -75,8 +72,7 @@ | |||
| 75 | }, | 72 | }, |
| 76 | 73 | ||
| 77 | "btnClose": { | 74 | "btnClose": { |
| 78 | "module": "montage/ui/button.reel", | 75 | "prototype": "montage/ui/button.reel", |
| 79 | "name": "Button", | ||
| 80 | "properties": { | 76 | "properties": { |
| 81 | "element": {"#": "btnClose"}, | 77 | "element": {"#": "btnClose"}, |
| 82 | "pressedClass": "hide", | 78 | "pressedClass": "hide", |
| @@ -91,16 +87,14 @@ | |||
| 91 | }, | 87 | }, |
| 92 | 88 | ||
| 93 | "slot1": { | 89 | "slot1": { |
| 94 | "module": "montage/ui/slot.reel", | 90 | "prototype": "montage/ui/slot.reel", |
| 95 | "name": "Slot", | ||
| 96 | "properties": { | 91 | "properties": { |
| 97 | "element": {"#": "panelObject"} | 92 | "element": {"#": "panelObject"} |
| 98 | } | 93 | } |
| 99 | }, | 94 | }, |
| 100 | 95 | ||
| 101 | "panelTitle": { | 96 | "panelTitle": { |
| 102 | "module": "montage/ui/dynamic-text.reel", | 97 | "prototype": "montage/ui/dynamic-text.reel", |
| 103 | "name": "DynamicText", | ||
| 104 | "properties": { | 98 | "properties": { |
| 105 | "element": {"#": "panelTitle"} | 99 | "element": {"#": "panelTitle"} |
| 106 | }, | 100 | }, |
| @@ -114,8 +108,7 @@ | |||
| 114 | }, | 108 | }, |
| 115 | 109 | ||
| 116 | "disabledCondition": { | 110 | "disabledCondition": { |
| 117 | "module": "montage/ui/condition.reel", | 111 | "prototype": "montage/ui/condition.reel", |
| 118 | "name": "Condition", | ||
| 119 | "properties": { | 112 | "properties": { |
| 120 | "element": {"#": "disabledCondition"} | 113 | "element": {"#": "disabledCondition"} |
| 121 | }, | 114 | }, |
| @@ -129,8 +122,7 @@ | |||
| 129 | }, | 122 | }, |
| 130 | 123 | ||
| 131 | "owner": { | 124 | "owner": { |
| 132 | "module": "js/panels/Panel.reel", | 125 | "prototype": "js/panels/Panel.reel", |
| 133 | "name": "Panel", | ||
| 134 | "properties": { | 126 | "properties": { |
| 135 | "element": {"#": "panel"}, | 127 | "element": {"#": "panel"}, |
| 136 | "resizer": {"@": "Resizer"}, | 128 | "resizer": {"@": "Resizer"}, |
| @@ -143,19 +135,19 @@ | |||
| 143 | </head> | 135 | </head> |
| 144 | <body> | 136 | <body> |
| 145 | 137 | ||
| 146 | <article id="panel" class="panel" draggable="draggable"> | 138 | <article data-montage-id="panel" class="panel" draggable="draggable"> |
| 147 | <div id="head" class="head"> | 139 | <div id="head" class="head"> |
| 148 | <span id="btnCollapse" class="arrowIcon"></span> | 140 | <span data-montage-id="btnCollapse" class="arrowIcon"></span> |
| 149 | <span id="panelTitle" class="panelTitle">Panel</span> | 141 | <span data-montage-id="panelTitle" class="panelTitle">Panel</span> |
| 150 | <span id="btnClose" class="closeBtn"></span> | 142 | <span data-montage-id="btnClose" class="closeBtn"></span> |
| 151 | </div> | 143 | </div> |
| 152 | <div class="panelBody"> | 144 | <div class="panelBody"> |
| 153 | <div class="panelBodyContent"> | 145 | <div class="panelBodyContent"> |
| 154 | <div id="disabledCondition" class="panelDisabled"></div> | 146 | <div data-montage-id="disabledCondition" class="panelDisabled"></div> |
| 155 | <div id="panelObject" class="panelObjects"></div> | 147 | <div data-montage-id="panelObject" class="panelObjects"></div> |
| 156 | </div> | 148 | </div> |
| 157 | </div> | 149 | </div> |
| 158 | <div id="resizeBar" class="resizeBar"></div> | 150 | <div data-montage-id="resizeBar" class="resizeBar"></div> |
| 159 | </article> | 151 | </article> |
| 160 | 152 | ||
| 161 | </body> | 153 | </body> |