QutBioacousticsResearchGroup/bioacoustic-workbench

View on GitHub
app/assets/templates/annotation_viewer.html

Summary

Maintainability
Test Coverage
<div ng-controller="AnnotationViewerCtrl">


    <div id="scroller">
        <div class="tag-preview">
            <ul>
                <li ng-repeat="annotation in model.audioEvents" ng-style="{left: (positionLabel(annotation)) + 'px' }" >
                <span ng-repeat="tag in annotation.audioEventTags">
                    {{getTag(tag.tagId)}}{{!$last && ',' || ''}}
                </span>
                </li>
            </ul>
        </div>
        <div class="annotation-viewer" id="annotation-viewer_{{id}}" >
            <img ng-src="{{model.media.imageUrl}}" src="">
            <div id="spectrogramAnnotations_{{id}}" ></div>
            <div class="positionLine" baw-translate-x="positionLine()"></div>
        </div>
    </div>

    <div id="controls">

    </div>
</div>