<!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> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="materials-library-panel.css"> <script type="text/montage-serialization"> { "addButton": { "prototype": "montage/ui/button.reel", "properties": { "element": {"#": "ml_add_btn"} }, "listeners": [ { "type": "action", "listener": {"@": "owner"} } ] }, "copyButton": { "prototype": "montage/ui/button.reel", "properties": { "element": {"#": "ml_copy_btn"} }, "listeners": [ { "type": "action", "listener": {"@": "owner"} } ] }, "deleteButton": { "prototype": "montage/ui/button.reel", "properties": { "element": {"#": "ml_delete_btn"} }, "listeners": [ { "type": "action", "listener": {"@": "owner"} } ] }, "materialInfo": { "prototype": "js/panels/Materials/materials-popup.reel" }, "materialsController" : { "prototype": "js/components/controllers/tree-controller", "properties" : { "branchKey" : "children", "labelKey" : "label", "delegate": {"@": "owner" } }, "bindings": { "content": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "materialsData" } } }, "materialsContainer" : { "prototype" : "js/components/treeview/treeview.reel", "properties" : { "element" : {"#": "materials_library_tree"}, "branchComponent" : {"@": "branch" }, "contentController": {"@": "materialsController"}, "showRoot": false } }, "branch" : { "prototype" : "js/components/treeview/ninja-branch.reel[Branch]" }, "owner": { "prototype": "js/panels/Materials/materials-library-panel.reel[MaterialsLibraryPanels]", "properties": { "element": {"#": "materials_library_panel"}, "_materialInfo": {"@": "materialInfo"} } } } </script> </head> <body> <div data-montage-id="materials_library_panel" class="materials_library_panel"> <section data-montage-id="ml_tree_holder" class="animationsLibrary"> <div data-montage-id="materials_library_tree"></div> </section> <hr /> <div data-montage-id="ml_buttons" class="ml_buttons"> <button data-montage-id="ml_add_btn" class="nj-skinned">Add</button> <button data-montage-id="ml_copy_btn" class="nj-skinned">Copy</button> <button data-montage-id="ml_delete_btn" class="nj-skinned">Delete</button> </div> </div> </body> </html>