{{! template for the annotation list widget }}

<div class='Ldt-AnnotationsListWidget'>

    <ul class='Ldt-AnnotationsList-ul'>

        {{#annotations}}

        <li id='Ldt-Annotation-li-{{id}}' class='Ldt-AnnotationsList-li Ldt-TraceMe'>

            {{#url}} <a href='{{url}}'> {{/url}}

                <img class='Ldt-AnnotationsList-Thumbnail' src='{{thumbnail}}' />

            </a>

            <div class='Ldt-AnnotationsList-Duration'>

                <span class='Ldt-AnnotationsList-Begin'>{{begin}}</span>

                <span class='Ldt-AnnotationsList-TcSeparator'>-</span>

                <span class='Ldt-AnnotationsList-End'>{{end}}</span>

            </div>

            <div class='Ldt-AnnotationsList-Title'>

                {{title}}

            </div>

            <div class='Ldt-AnnotationsList-Description'>

            </div>

            {{#tags.length}}

            <ul class='Ldt-AnnotationsList-Tags'>

                {{#tags}}

                <li class='Ldt-AnnotationsList-Tag-Li'>

                    <div class='Ldt-AnnotationsList-Tag-Div'>{{.}}</div>

                </li>

                {{/tags}}

            </ul>

            {{/tags.length}}

        </li>

        {{/annotations}}

    </ul>

</div>