<!DOCTYPE html> <!-- <copyright> This file contains proprietary software owned by Motorola Mobility, Inc.<br/> No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. </copyright> --> <html lang="en"> <head> <script type="text/montage-serialization"> { "panelData": { "module": "js/data/panels-data", "name": "PanelsData" }, "PanelController": { "module": "montage/ui/controller/array-controller", "name" : "ArrayController", "properties": { "automaticallyOrganizeObjects": true }, "bindings": { "content": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "panels", "oneway": true } } }, "repetition1": { "module": "montage/ui/repetition.reel", "name": "Repetition", "properties": { "element": {"#": "panels"}, "contentController": {"@" : "PanelController"} } }, "panel": { "module": "js/panels/Panel.reel", "name": "Panel", "properties": { "element": {"#": "panel"}, "identifier" : "panels" }, "bindings": { "name": { "boundObject": {"@": "repetition1"}, "boundObjectPropertyPath": "objectAtCurrentIteration.name", "oneway": true }, "height": { "boundObject": {"@": "repetition1"}, "boundObjectPropertyPath": "objectAtCurrentIteration.height", "oneway": false }, "minHeight": { "boundObject": {"@": "repetition1"}, "boundObjectPropertyPath": "objectAtCurrentIteration.minHeight", "oneway": true }, "maxHeight": { "boundObject": {"@": "repetition1"}, "boundObjectPropertyPath": "objectAtCurrentIteration.maxHeight", "oneway": true }, "flexible": { "boundObject": {"@": "repetition1"}, "boundObjectPropertyPath": "objectAtCurrentIteration.flexible", "oneway": true }, "collapsed": { "boundObject": {"@": "repetition1"}, "boundObjectPropertyPath": "objectAtCurrentIteration.collapsed", "oneway": false }, "modulePath": { "boundObject": {"@": "repetition1"}, "boundObjectPropertyPath": "objectAtCurrentIteration.modulePath", "oneway": true }, "moduleName": { "boundObject": {"@": "repetition1"}, "boundObjectPropertyPath": "objectAtCurrentIteration.moduleName", "oneway": true }, "contentComponent": { "boundObject": {"@": "repetition1"}, "boundObjectPropertyPath": "objectAtCurrentIteration.contentComponent", "oneway": false } }, "listeners": [ { "type": "resizeStart", "listener": {"@": "owner"} }, { "type": "resizeMove", "listener": {"@": "owner"} }, { "type": "resizeEnd", "listener": {"@": "owner"} } ] }, "owner": { "module": "js/panels/PanelContainer/PanelContainer.reel", "name": "PanelContainer", "properties": { "element": {"#": "panelContainer"}, "repeater": {"@": "repetition1"}, "panelData": {"@": "panelData" }, "panelController" : {"@" : "PanelController"} }, "listeners": [ { "type": "panelResizing", "listener": {"@": "owner"} }, { "type": "action", "listener": {"@": "owner"} }, { "type": "dropped", "listener": {"@": "owner"} } ] } } </script> </head> <body> <section id="panelContainer"> <article id="panels" class="panels"> <article id="panel"></article> </article> </section> </body> </html>