src/templates/createAnnotationWidget.html
branchpopcorn-port
changeset 830 18ca612e9ff0
parent 808 f7de8a24fc74
child 831 0dd21c298380
--- a/src/templates/createAnnotationWidget.html	Tue Mar 06 13:26:51 2012 +0100
+++ b/src/templates/createAnnotationWidget.html	Thu Mar 08 18:38:46 2012 +0100
@@ -1,61 +1,67 @@
 {{! template for the annotation creation widget }}
 <div class='Ldt-createAnnotationWidget'>
-  <!-- ugly div because we want to have a double border -->
-  <div class='Ldt-createAnnotation-DoubleBorder'>
-    <div class='Ldt-createAnnotation-startScreen'>
-      <div style='margin-bottom: 7px; overflow: auto;'>
-        <div class='Ldt-createAnnotation-Title'></div>
-        <div class='Ldt-createAnnotation-TimeFrame'></div>
-        {{^cinecast_version}}
-          <div class='Ldt-createAnnotation-Minimize' title='Cancel'></div>
-        {{/cinecast_version}}
-      </div>
-      
-      <div class='Ldt-createAnnotation-Container'>
-        <textarea class='Ldt-createAnnotation-Description'></textarea>
-        <div class='Ldt-createAnnotation-profileArrow'>          
-        </div>
-        <div class='Ldt-createAnnotation-userAvatar'>
-        {{^user_avatar}}
-          <img src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>
-        {{/user_avatar}}
-        {{#user_avatar}}
-          <img src='{{ user_avatar }}'></img>
-        {{/user_avatar}}
+    <!-- ugly div because we want to have a double border -->
+    <div class='Ldt-createAnnotation-DoubleBorder'>
+        <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-startScreen'>
+            <div style='margin-bottom: 7px; overflow: auto;'>
+                <div class='Ldt-createAnnotation-Title'></div>
+                <div class='Ldt-createAnnotation-TimeFrame'></div>
+                {{^cinecast_version}} <div class='Ldt-createAnnotation-Minimize Ldt-TraceMe' title='Cancel'></div>
+                {{/cinecast_version}}
+            </div>
+            <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-Container'>
+                {{#show_from_field}}
+                <label>Your name&nbsp;: </label><input class='Ldt-createAnnotation-userName Ldt-TraceMe' value='{{user_name}}' />
+                {{/show_from_field}}
+                <textarea class='Ldt-createAnnotation-Description Ldt-TraceMe'></textarea>
+                <div class='Ldt-createAnnotation-profileArrow'></div>
+                <div class='Ldt-createAnnotation-userAvatar Ldt-TraceMe'>
+                    {{^user_avatar}} <img src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>
+                    {{/user_avatar}}
+                    {{#user_avatar}} <img src='{{ user_avatar }}'></img>
+                    {{/user_avatar}}
+                </div>
+            </div>
+            <div class='Ldt-createAnnotation-submitButton Ldt-TraceMe'>
+                <div style='position: absolute; bottom: 5px; right: 5px;'>
+                    Submit
+                </div>
+            </div>
+            {{#keywords.length}}
+            <div class='Ldt-createAnnotation-keywords'>
+                Add keywords :
+                {{#keywords}}
+                    <button class='Ldt-createAnnotation-absent-keyword Ldt-TraceMe'>{{.}}</button>
+                {{/keywords}}
+            </div>
+            {{/keywords.length}}
+            {{#polemic_mode}}
+            <div class='Ldt-createAnnotation-polemics'>
+                Add polemic keywords :
+                {{#polemics}}
+                    <button class='Ldt-createAnnotation-polemic-{{className}} Ldt-createAnnotation-polemic-button Ldt-TraceMe'>{{keyword}}</button>
+                {{/polemics}}
+            </div>
+            {{/polemic_mode}}
         </div>
-      </div>
-      <div class='Ldt-createAnnotation-submitButton'>
-        <div style='position: absolute; bottom: 5px; right: 5px;'>Submit</div>
-      </div>
-      <div class='Ldt-createAnnotation-keywords'>
-        Add keywords :       
-      </div>
-      {{#polemic_mode}}
-      <div class='Ldt-createAnnotation-polemics'>
-        Add polemic keywords     
-      </div>
-      {{/polemic_mode}}
-
-    </div>
-    <div class='Ldt-createAnnotation-waitScreen' style='display: none; text-align: center'>
-      <div class='Ldt-createAnnotation-spinner'></div>
-      Please wait while your request is being processed...
+        <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-waitScreen' style='display: none; text-align: center'>
+            <div class='Ldt-createAnnotation-spinner'></div>
+            Please wait while your request is being processed...
+        </div>
+        <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-errorScreen' style='display: none; text-align: center'>
+            <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>
+            An error happened while contacting the server. Your annotation has not been saved.
+        </div>
+        <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-endScreen' style='display: none'>
+            <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>
+            Thank you, your annotation has been saved.
+            <br>
+            Would you like to share it on social networks ?
+            <div style='margin-top: 12px; text-align: center;'>
+                <a target='_blank' class='Ldt-createAnnotation-endScreen-TweetLink Ldt-TraceMe'></a>
+                <a target='_blank' class='Ldt-createAnnotation-endScreen-FbLink Ldt-TraceMe'></a>
+                <a target='_blank' class='Ldt-createAnnotation-endScreen-GplusLink Ldt-TraceMe'></a>
+            </div>
+        </div>
     </div>
-
-    <div class='Ldt-createAnnotation-errorScreen' style='display: none; text-align: center'>
-      <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>
-      An error happened while contacting the server. Your annotation has not been saved.
-    </div>
-    
-    <div class='Ldt-createAnnotation-endScreen' style='display: none'>
-      <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>
-      Thank you, your annotation has been saved.<br>
-      Would you like to share it on social networks ?
-      <div style='margin-top: 12px; text-align: center;'>
-          <a target='_blank' class='Ldt-createAnnotation-endScreen-TweetLink'></a>
-          <a target='_blank' class='Ldt-createAnnotation-endScreen-FbLink'></a>
-          <a target='_blank' class='Ldt-createAnnotation-endScreen-GplusLink'></a>                    
-      </div>
-    </div>
-  </div>
 </div>