src/templates/createAnnotationWidget.html
branchpopcorn-port
changeset 830 18ca612e9ff0
parent 808 f7de8a24fc74
child 831 0dd21c298380
equal deleted inserted replaced
829:ae16691d183d 830:18ca612e9ff0
     1 {{! template for the annotation creation widget }}
     1 {{! template for the annotation creation widget }}
     2 <div class='Ldt-createAnnotationWidget'>
     2 <div class='Ldt-createAnnotationWidget'>
     3   <!-- ugly div because we want to have a double border -->
     3     <!-- ugly div because we want to have a double border -->
     4   <div class='Ldt-createAnnotation-DoubleBorder'>
     4     <div class='Ldt-createAnnotation-DoubleBorder'>
     5     <div class='Ldt-createAnnotation-startScreen'>
     5         <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-startScreen'>
     6       <div style='margin-bottom: 7px; overflow: auto;'>
     6             <div style='margin-bottom: 7px; overflow: auto;'>
     7         <div class='Ldt-createAnnotation-Title'></div>
     7                 <div class='Ldt-createAnnotation-Title'></div>
     8         <div class='Ldt-createAnnotation-TimeFrame'></div>
     8                 <div class='Ldt-createAnnotation-TimeFrame'></div>
     9         {{^cinecast_version}}
     9                 {{^cinecast_version}} <div class='Ldt-createAnnotation-Minimize Ldt-TraceMe' title='Cancel'></div>
    10           <div class='Ldt-createAnnotation-Minimize' title='Cancel'></div>
    10                 {{/cinecast_version}}
    11         {{/cinecast_version}}
    11             </div>
    12       </div>
    12             <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-Container'>
    13       
    13                 {{#show_from_field}}
    14       <div class='Ldt-createAnnotation-Container'>
    14                 <label>Your name&nbsp;: </label><input class='Ldt-createAnnotation-userName Ldt-TraceMe' value='{{user_name}}' />
    15         <textarea class='Ldt-createAnnotation-Description'></textarea>
    15                 {{/show_from_field}}
    16         <div class='Ldt-createAnnotation-profileArrow'>          
    16                 <textarea class='Ldt-createAnnotation-Description Ldt-TraceMe'></textarea>
       
    17                 <div class='Ldt-createAnnotation-profileArrow'></div>
       
    18                 <div class='Ldt-createAnnotation-userAvatar Ldt-TraceMe'>
       
    19                     {{^user_avatar}} <img src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>
       
    20                     {{/user_avatar}}
       
    21                     {{#user_avatar}} <img src='{{ user_avatar }}'></img>
       
    22                     {{/user_avatar}}
       
    23                 </div>
       
    24             </div>
       
    25             <div class='Ldt-createAnnotation-submitButton Ldt-TraceMe'>
       
    26                 <div style='position: absolute; bottom: 5px; right: 5px;'>
       
    27                     Submit
       
    28                 </div>
       
    29             </div>
       
    30             {{#keywords.length}}
       
    31             <div class='Ldt-createAnnotation-keywords'>
       
    32                 Add keywords :
       
    33                 {{#keywords}}
       
    34                     <button class='Ldt-createAnnotation-absent-keyword Ldt-TraceMe'>{{.}}</button>
       
    35                 {{/keywords}}
       
    36             </div>
       
    37             {{/keywords.length}}
       
    38             {{#polemic_mode}}
       
    39             <div class='Ldt-createAnnotation-polemics'>
       
    40                 Add polemic keywords :
       
    41                 {{#polemics}}
       
    42                     <button class='Ldt-createAnnotation-polemic-{{className}} Ldt-createAnnotation-polemic-button Ldt-TraceMe'>{{keyword}}</button>
       
    43                 {{/polemics}}
       
    44             </div>
       
    45             {{/polemic_mode}}
    17         </div>
    46         </div>
    18         <div class='Ldt-createAnnotation-userAvatar'>
    47         <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-waitScreen' style='display: none; text-align: center'>
    19         {{^user_avatar}}
    48             <div class='Ldt-createAnnotation-spinner'></div>
    20           <img src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>
    49             Please wait while your request is being processed...
    21         {{/user_avatar}}
       
    22         {{#user_avatar}}
       
    23           <img src='{{ user_avatar }}'></img>
       
    24         {{/user_avatar}}
       
    25         </div>
    50         </div>
    26       </div>
    51         <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-errorScreen' style='display: none; text-align: center'>
    27       <div class='Ldt-createAnnotation-submitButton'>
    52             <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>
    28         <div style='position: absolute; bottom: 5px; right: 5px;'>Submit</div>
    53             An error happened while contacting the server. Your annotation has not been saved.
    29       </div>
    54         </div>
    30       <div class='Ldt-createAnnotation-keywords'>
    55         <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-endScreen' style='display: none'>
    31         Add keywords :       
    56             <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>
    32       </div>
    57             Thank you, your annotation has been saved.
    33       {{#polemic_mode}}
    58             <br>
    34       <div class='Ldt-createAnnotation-polemics'>
    59             Would you like to share it on social networks ?
    35         Add polemic keywords     
    60             <div style='margin-top: 12px; text-align: center;'>
    36       </div>
    61                 <a target='_blank' class='Ldt-createAnnotation-endScreen-TweetLink Ldt-TraceMe'></a>
    37       {{/polemic_mode}}
    62                 <a target='_blank' class='Ldt-createAnnotation-endScreen-FbLink Ldt-TraceMe'></a>
    38 
    63                 <a target='_blank' class='Ldt-createAnnotation-endScreen-GplusLink Ldt-TraceMe'></a>
       
    64             </div>
       
    65         </div>
    39     </div>
    66     </div>
    40     <div class='Ldt-createAnnotation-waitScreen' style='display: none; text-align: center'>
       
    41       <div class='Ldt-createAnnotation-spinner'></div>
       
    42       Please wait while your request is being processed...
       
    43     </div>
       
    44 
       
    45     <div class='Ldt-createAnnotation-errorScreen' style='display: none; text-align: center'>
       
    46       <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>
       
    47       An error happened while contacting the server. Your annotation has not been saved.
       
    48     </div>
       
    49     
       
    50     <div class='Ldt-createAnnotation-endScreen' style='display: none'>
       
    51       <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>
       
    52       Thank you, your annotation has been saved.<br>
       
    53       Would you like to share it on social networks ?
       
    54       <div style='margin-top: 12px; text-align: center;'>
       
    55           <a target='_blank' class='Ldt-createAnnotation-endScreen-TweetLink'></a>
       
    56           <a target='_blank' class='Ldt-createAnnotation-endScreen-FbLink'></a>
       
    57           <a target='_blank' class='Ldt-createAnnotation-endScreen-GplusLink'></a>                    
       
    58       </div>
       
    59     </div>
       
    60   </div>
       
    61 </div>
    67 </div>