From 24b483db367291b72170f969de78efcb1a9b95bd Mon Sep 17 00:00:00 2001
From: Valerio Virgillito
Date: Thu, 3 May 2012 22:53:07 -0700
Subject: integrating the latest montage version

Signed-off-by: Valerio Virgillito <valerio@motorola.com>
---
 .../montage/ui/video-player.reel/video-player.html | 97 +++++++++-------------
 1 file changed, 38 insertions(+), 59 deletions(-)

(limited to 'node_modules/montage/ui/video-player.reel/video-player.html')

diff --git a/node_modules/montage/ui/video-player.reel/video-player.html b/node_modules/montage/ui/video-player.reel/video-player.html
index d622e96f..79e1addd 100755
--- a/node_modules/montage/ui/video-player.reel/video-player.html
+++ b/node_modules/montage/ui/video-player.reel/video-player.html
@@ -12,8 +12,7 @@
     <script type="text/montage-serialization">{
 
     "dynamictext1": {
-        "module": "montage/ui/dynamic-text.reel",
-        "name": "DynamicText",
+        "prototype": "montage/ui/dynamic-text.reel",
         "properties": {
             "element": {
                 "#": "duration"
@@ -21,8 +20,7 @@
         }
     },
     "dynamictext2": {
-        "module": "montage/ui/dynamic-text.reel",
-        "name": "DynamicText",
+        "prototype": "montage/ui/dynamic-text.reel",
         "properties": {
             "element": {
                 "#": "position"
@@ -30,8 +28,7 @@
         }
     },
     "mediacontroller1": {
-        "module": "montage/ui/controller/media-controller",
-        "name": "MediaController",
+        "prototype": "montage/ui/controller/media-controller",
         "properties": {
             "mediaElement": {
                 "#": "video-tag"
@@ -42,8 +39,7 @@
         }
     },
     "slider1": {
-        "module": "montage/ui/bluemoon/slider.reel",
-        "name": "Slider",
+        "prototype": "montage/ui/bluemoon/slider.reel",
         "properties": {
             "element": {
                 "#": "durationSlider"
@@ -56,8 +52,7 @@
         }
     },
     "actioneventlistener1": {
-        "module": "montage/core/event/action-event-listener",
-        "name": "ActionEventListener",
+        "prototype": "montage/core/event/action-event-listener",
         "properties": {
             "handler": {
                 "@": "mediacontroller1"
@@ -66,8 +61,7 @@
         }
     },
     "togglebutton1": {
-        "module": "montage/ui/bluemoon/button.reel",
-        "name": "ToggleButton",
+        "prototype": "montage/ui/bluemoon/button.reel[ToggleButton]",
         "properties": {
             "element": {
                 "#": "playButton"
@@ -84,8 +78,7 @@
         ]
     },
     "actioneventlistener2": {
-        "module": "montage/core/event/action-event-listener",
-        "name": "ActionEventListener",
+        "prototype": "montage/core/event/action-event-listener",
         "properties": {
             "handler": {
                 "@": "mediacontroller1"
@@ -94,8 +87,7 @@
         }
     },
     "button1": {
-        "module": "montage/ui/bluemoon/button.reel",
-        "name": "Button",
+        "prototype": "montage/ui/bluemoon/button.reel",
         "properties": {
             "element": {
                 "#": "rewindButton"
@@ -112,8 +104,7 @@
         ]
     },
     "actioneventlistener3": {
-        "module": "montage/core/event/action-event-listener",
-        "name": "ActionEventListener",
+        "prototype": "montage/core/event/action-event-listener",
         "properties": {
             "handler": {
                 "@": "mediacontroller1"
@@ -122,8 +113,7 @@
         }
     },
     "button2": {
-        "module": "montage/ui/bluemoon/button.reel",
-        "name": "Button",
+        "prototype": "montage/ui/bluemoon/button.reel",
         "properties": {
             "element": {
                 "#": "ffButton"
@@ -140,8 +130,7 @@
         ]
     },
     "actioneventlistener4": {
-        "module": "montage/core/event/action-event-listener",
-        "name": "ActionEventListener",
+        "prototype": "montage/core/event/action-event-listener",
         "properties": {
             "handler": {
                 "@": "mediacontroller1"
@@ -150,8 +139,7 @@
         }
     },
     "button3": {
-        "module": "montage/ui/bluemoon/button.reel",
-        "name": "Button",
+        "prototype": "montage/ui/bluemoon/button.reel",
         "properties": {
             "element": {
                 "#": "decreaseVolume"
@@ -168,8 +156,7 @@
         ]
     },
     "actioneventlistener5": {
-        "module": "montage/core/event/action-event-listener",
-        "name": "ActionEventListener",
+        "prototype": "montage/core/event/action-event-listener",
         "properties": {
             "handler": {
                 "@": "mediacontroller1"
@@ -178,8 +165,7 @@
         }
     },
     "button4": {
-        "module": "montage/ui/bluemoon/button.reel",
-        "name": "Button",
+        "prototype": "montage/ui/bluemoon/button.reel",
         "properties": {
             "element": {
                 "#": "increaseVolume"
@@ -196,8 +182,7 @@
         ]
     },
     "actioneventlistener6": {
-        "module": "montage/core/event/action-event-listener",
-        "name": "ActionEventListener",
+        "prototype": "montage/core/event/action-event-listener",
         "properties": {
             "handler": {
                 "@": "mediacontroller1"
@@ -206,8 +191,7 @@
         }
     },
     "button5": {
-        "module": "montage/ui/bluemoon/button.reel",
-        "name": "Button",
+        "prototype": "montage/ui/bluemoon/button.reel",
         "properties": {
             "element": {
                 "#": "muteButton"
@@ -224,8 +208,7 @@
         ]
     },
     "actioneventlistener7": {
-        "module": "montage/core/event/action-event-listener",
-        "name": "ActionEventListener",
+        "prototype": "montage/core/event/action-event-listener",
         "properties": {
             "handler": {
                 "@": "mediacontroller1"
@@ -234,8 +217,7 @@
         }
     },
     "button6": {
-        "module": "montage/ui/bluemoon/button.reel",
-        "name": "Button",
+        "prototype": "montage/ui/bluemoon/button.reel",
         "properties": {
             "element": {
                 "#": "repeatButton"
@@ -252,8 +234,7 @@
         ]
     },
     "actioneventlistener8": {
-        "module": "montage/core/event/action-event-listener",
-        "name": "ActionEventListener",
+        "prototype": "montage/core/event/action-event-listener",
         "properties": {
             "handler": {
                 "@": "owner"
@@ -262,8 +243,7 @@
         }
     },
     "button7": {
-        "module": "montage/ui/bluemoon/button.reel",
-        "name": "Button",
+        "prototype": "montage/ui/bluemoon/button.reel",
         "properties": {
             "element": {
                 "#": "fullScreenButton"
@@ -280,8 +260,7 @@
         ]
     },
     "owner": {
-        "module": "montage/ui/video-player.reel",
-        "name": "VideoPlayer",
+        "prototype": "montage/ui/video-player.reel",
         "properties": {
             "element": {
                 "#": "video-player"
@@ -325,30 +304,30 @@
 </head>
 <body>
 
-<div id="video-player" class="montage-video-player">
-    <video id="video-tag" class="video"></video>
+<div data-montage-id="video-player" class="montage-video-player">
+    <video data-montage-id="video-tag" class="video"></video>
 
-    <div id="controlWrapper" class="control-wrapper">
-        <div id="controller" class="controller">
+    <div data-montage-id="controlWrapper" class="control-wrapper">
+        <div data-montage-id="controller" class="controller">
             <div class="controller-button-panel">
-                <div id="repeatButton" class="repeat controller-button" title="Repeat Video"></div>
-                <div id="rewindButton" class="rw controller-button" title="Rewind"> </div>
-                <div id="playButton" class="play controller-button" title="Play/Pause"> </div>
-                <div id="ffButton" class="ff controller-button" title="Fast Forward"> </div>
+                <div data-montage-id="repeatButton" class="repeat controller-button" title="Repeat Video"></div>
+                <div data-montage-id="rewindButton" class="rw controller-button" title="Rewind"> </div>
+                <div data-montage-id="playButton" class="play controller-button" title="Play/Pause"> </div>
+                <div data-montage-id="ffButton" class="ff controller-button" title="Fast Forward"> </div>
             </div>
             <div class="controller-scrubber-panel">
-                <div id="position" class="position controller-text"></div>
-                <div id="durationSlider" class="scrubber dark"></div>
-                <div id="duration" class="duration controller-text"></div>
+                <div data-montage-id="position" class="position controller-text"></div>
+                <div data-montage-id="durationSlider" class="scrubber dark"></div>
+                <div data-montage-id="duration" class="duration controller-text"></div>
             </div>
             <div class="controller-volume-panel">
-                <div id="muteButton" class="mute controller-button" title="Mute"></div>
-                <div id="decreaseVolume" class="volume-minus controller-button" title="Decrease Volume"> </div>
-                <div class="volume controller-progress"><div id="volumeLevel" class="volume-progress"></div></div>
-                <div id="increaseVolume" class="volume-plus controller-button" title="Increase Volume"> </div>
+                <div data-montage-id="muteButton" class="mute controller-button" title="Mute"></div>
+                <div data-montage-id="decreaseVolume" class="volume-minus controller-button" title="Decrease Volume"> </div>
+                <div class="volume controller-progress"><div data-montage-id="volumeLevel" class="volume-progress"></div></div>
+                <div data-montage-id="increaseVolume" class="volume-plus controller-button" title="Increase Volume"> </div>
             </div>
-            <div id="fullScreenPanel" class="controller-fullscreen-panel">
-                <div id="fullScreenButton" class="fullscreen controller-button" title="Toggle Fullscreen"> </div>
+            <div data-montage-id="fullScreenPanel" class="controller-fullscreen-panel">
+                <div data-montage-id="fullScreenButton" class="fullscreen controller-button" title="Toggle Fullscreen"> </div>
             </div>
 
         </div>
-- 
cgit v1.2.3