src/templates/annotationsListWidget.html
branchpopcorn-port
changeset 833 33a5d5882be4
parent 830 18ca612e9ff0
child 836 526f91f5253e
equal deleted inserted replaced
832:6397a2ca3a67 833:33a5d5882be4
     1 {{! template for the annotation list widget }}
     1 {{! template for the annotation list widget }}
     2 <div class='Ldt-AnnotationsListWidget'>
     2 <div class='Ldt-AnnotationsListWidget'>
     3   <!-- ugly div because we want to have a double border -->
     3     <ul class='Ldt-AnnotationsList-ul'>
     4   <div class='Ldt-Annotation-DoubleBorder'>
     4         {{#annotations}}
     5     <ul>
     5         <li id='Ldt-Annotation-li-{{id}}' class='Ldt-AnnotationsList-li Ldt-TraceMe'>
     6     {{#annotations}}
     6             <img class='Ldt-AnnotationsList-Thumbnail' src='{{thumbnail}}' />
     7       <li id='Ldt-Annotation-li-{{id}}' class='Ldt-TraceMe'>
     7             <div class='Ldt-AnnotationsList-Duration'>
     8         {{! if the url is not present, it means that the annotation exists 
     8                 <span class='Ldt-AnnotationsList-Begin'>{{begin}}</span>
       
     9                 <span class='Ldt-AnnotationsList-TcSeparator'>-</span>
       
    10                 <span class='Ldt-AnnotationsList-End'>{{end}}</span>
       
    11             </div>
       
    12             <div class='Ldt-AnnotationsList-Title'>
       
    13             {{! if the url is not present, it means that the annotation exists
     9             in the current project }}
    14             in the current project }}
    10         {{^url}}
    15             {{^url}} <a href='#id={{id}}'> {{/url}}
    11         <a href='#id={{id}}'>
    16             {{! otherwise link to url }}
    12         {{/url}}
    17             {{#url}} <a href='{{url}}#id={{id}}'> {{/url}}
    13         {{! otherwise link to url }}
    18                 {{title}}
    14         {{#url}}
    19             </a>
    15         <a href='{{url}}#id={{id}}'>
       
    16         {{/url}}
       
    17           <div style='overflow: auto; margin-top: 5px; margin-bottom: 5px;'>
       
    18             <div class='Ldt-AnnotationsList-Caption'>
       
    19             </div>
    20             </div>
    20             <div class='Ldt-AnnotationsList-Duration'>{{begin}} - {{end}}</div>
    21             <div class='Ldt-AnnotationsList-Description'>
    21             <div class='Ldt-AnnotationsList-Title'>{{title}}</div>
    22                 {{desc}}
    22             <div class='Ldt-AnnotationsList-Description'>{{desc}}</div>
    23             </div>
    23           </div>
    24             {{#tags.length}}
    24         </a>
    25             <ul class='Ldt-AnnotationsList-Tags'>
    25       </li>
    26                 {{#tags}}
    26     {{/annotations}}
    27                 <li class='Ldt-AnnotationsList-Tag-Li'>
       
    28                     <div class='Ldt-AnnotationsList-Tag-Div'>{{.}}</div>
       
    29                 </li>
       
    30                 {{/tags}}
       
    31             </ul>
       
    32             {{/tags.length}}
       
    33         </li>
       
    34         {{/annotations}}
    27     </ul>
    35     </ul>
    28   </div>
       
    29 </div>
    36 </div>