Changeset 29888 for main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/transform/pages/document.xsl

Timestamp:

2015-05-17T11:17:31+12:00 (9 years ago)

Author:

davidb

Message:

Working popup editor, saving to localStorage. Tidy up on space-bar for global pause and start play.

File:

• main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/transform/pages/document.xsl (modified) (2 diffs)

main/trunk/model-sites-dev/respooled/collect/popup-video-respooled/transform/pages/document.xsl

@@ -1399 +1399 @@
      </div>
 
+         <div id="delete-recording-popup" title="Delete Tracks">
+       <p>Are you sure you want to delete the selected tracks?</p>
+     </div>
+
+
+         <div id="edit-recording-popup" title="Edit Tracks">
+       <style>
+         #trackEditor {
+           position: absolute;
+           top: 0; right: 0; bottom: 0; left: 0;
+         }
+       </style>
+       <div id="trackEditor"><xsl:comment>Track Editor Area</xsl:comment></div>
+     </div>
+
+
+
           <div style="color: white;">
 
@@ -1483 +1500 @@
 
 
-        <form id="pamForm" style="width: 99%; margin-top: 10px; margin-bottom: 10px; ">
+        <form id="palForm" style="width: 99%; margin-top: 10px; margin-bottom: 10px; ">
           <fieldset>
-        <legend id="pam-legend">Play Along Layers: Game On!</legend>
-        <input type="checkbox" name="PianoHero" value="PianoHero" />Piano Hero<br />
-        <input type="checkbox" name="DrumHero"  value="DrumHero" />Drum-beat Hero<br />
+        <legend id="pal-legend">Play Along Layers: Game On!</legend>
+        <div id="palList"><xsl:comment>play along list</xsl:comment></div>
         
         <div style="padding: 8px;">
-          <button id="pam-display-overlay" style="background-color:#2E52A4; color:#CCC; width:19%; text-align: center; margin-right: 8px;">
+          <button id="pal-display-overlay" 
+              style="background-color:#2E52A4; color:#CCC; width:19%; text-align: center; margin-right: 2px;"
+              onclick="return palDisplay()">
             Display Selected
           </button>
-          <button id="pam-merge-overlay"   style="background-color:#2E52A4; color:#CCC; width:19%; text-align: center; margin-right: 8px;">
+          <button id="pal-merge-overlay"   
+              style="background-color:#2E52A4; color:#CCC; width:19%; text-align: center; margin-right: 2px;">
             Merge Selected
           </button>
-          <button id="pam-split-overlay"   style="background-color:#2E52A4; color:#CCC; width:19%; text-align: center; margin-right: 8px;">
+          <button id="pal-split-overlay"   
+              style="background-color:#2E52A4; color:#CCC; width:19%; text-align: center; margin-right: 2px;">
             Split Selected
           </button>
-          <button id="pam-edit-overlay"    style="background-color:#2E52A4; color:#CCC; width:19%; text-align: center; margin-right: 8px;">
+          <button id="pal-edit-overlay"    
+              style="background-color:#2E52A4; color:#CCC; width:19%; text-align: center; margin-right: 2px;"
+              onclick="return palEdit()">
           Edit Selected
           </button>
-          <button id="pam-delete-overlay"  
+          <button id="pal-delete-overlay"  
               style="background-color:#2E52A4; color:#CCC; width:19%; text-align: center;"
-              onclick="return pamDelete()">
+              onclick="return palDelete()">
           Delete Selected
           </button>