1 {{! template for the annotation creation widget }}

     2 <div class='Ldt-createAnnotationWidget'>

     3     <!-- ugly div because we want to have a double border -->

     4     <div class='Ldt-createAnnotation-DoubleBorder'>

     5         <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-startScreen'>

     6             <div style='margin-bottom: 7px; overflow: auto;'>

     7                 <div class='Ldt-createAnnotation-Title'></div>

     8                 <div class='Ldt-createAnnotation-TimeFrame'></div>

     9                 {{^cinecast_version}} <div class='Ldt-createAnnotation-Minimize Ldt-TraceMe' title='Cancel'></div>

    10                 {{/cinecast_version}}

    11             </div>

    12             <div class='Ldt-createAnnotation-Container'>

    13                 {{#show_from_field}}

    14                 <label>{{l10n.your_name}}&nbsp;: </label><input class='Ldt-createAnnotation-userName Ldt-TraceMe' value='{{user_name}}' />

    15                 {{/show_from_field}}

    16                 <textarea class='Ldt-createAnnotation-Description Ldt-TraceMe'></textarea>

    17                 <div class='Ldt-createAnnotation-userAvatar Ldt-TraceMe'>

    18                     {{^user_avatar}} <img src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>

    19                     {{/user_avatar}}

    20                     {{#user_avatar}} <img src='{{ user_avatar }}'></img>

    21                     {{/user_avatar}}

    22                 </div>

    23                 <div class='Ldt-createAnnotation-profileArrow'></div>

    24             </div>

    25             <button class='Ldt-createAnnotation-submitButton Ldt-TraceMe'>{{l10n.submit}}</button>

    26             {{#tags.length}}

    27             <div class='Ldt-createAnnotation-btnblock Ldt-createAnnotation-keywords'>

    28                 <label>{{l10n.add_keywords}} :</label>

    29                 <ul class='Ldt-floatList'>

    30                 {{#tags}}

    31                     <li><button class='Ldt-createAnnotation-keyword-button Ldt-TraceMe' tag-id='{{id}}'>{{meta.description}}</button></li>

    32                 {{/tags}}

    33                 </ul>

    34             </div>

    35             {{#random_tags}}

    36                 <button class='Ldt-createAnnotation-moar-keywordz'>{{l10n.more_tags}}</button>

    37             {{/random_tags}}

    38             {{/tags.length}}

    39             {{#polemic_mode}}

    40             {{#polemics.length}}

    41             <div class='Ldt-createAnnotation-btnblock Ldt-createAnnotation-polemics'>

    42                 <label>{{l10n.add_polemic_keywords}} :</label>

    43                 <ul class='Ldt-floatList'>

    44                 {{#polemics}}

    45                     <li><button class='Ldt-createAnnotation-polemic-{{className}} Ldt-createAnnotation-polemic-button Ldt-TraceMe'>{{keyword}}</button></li>

    46                 {{/polemics}}

    47                 </ul>

    48             </div>

    49             {{/polemics.length}}

    50             {{/polemic_mode}}

    51         </div>

    52         <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-waitScreen' style='display: none; text-align: center'>

    53             <div class='Ldt-createAnnotation-spinner'></div>

    54             {{l10n.wait_while_processed}}

    55         </div>

    56         <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-errorScreen' style='display: none; text-align: center'>

    57             <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>

    58             {{l10n.error_while_contacting}}

    59         </div>

    60         <div class='Ldt-createAnnotation-screen Ldt-createAnnotation-endScreen' style='display: none'>

    61             <div class='Ldt-createAnnotation-Minimize' title='Hide'></div>

    62             {{l10n.annotation_saved}}

    63             <br>

    64             {{^disable_share}}

    65             {{l10n.share_annotation}}

    66             <div style='margin-top: 12px; text-align: center;'>

    67                 <a target='_blank' class='Ldt-createAnnotation-endScreen-TweetLink Ldt-TraceMe'></a>

    68                 <a target='_blank' class='Ldt-createAnnotation-endScreen-FbLink Ldt-TraceMe'></a>

    69                 <a target='_blank' class='Ldt-createAnnotation-endScreen-GplusLink Ldt-TraceMe'></a>

    70             </div>

    71             {{/disable_share}}

    72         </div>

    73         <div class='Ldt-floatClear'></div>

    74     </div>

    75 </div>