/* Widget that displays the last annotation that was posted, optionally for current segment, optionally for a given username */

IriSP.Widgets.LatestAnnotation = function(player, config){

    IriSP.Widgets.Widget.call(this, player, config);

};

IriSP.Widgets.LatestAnnotation.prototype = new IriSP.Widgets.Widget();

IriSP.Widgets.LatestAnnotation.prototype.defaults = {

    from_user: false,

    filter_by_segment: false,

    segments_annotation_type: "chap",

    hide_without_segment: false,

    annotation_type: "contribution",

    /*

     * Set to a username if you only want to display annotations from a given user

     */

    show_only_annotation_from_user: false,

    empty_message: false,

    starts_hidden: false,

};

IriSP.Widgets.LatestAnnotation.prototype.template = 

    "<div class='Ldt-LatestAnnotation'>"

    + "</div>";

IriSP.Widgets.LatestAnnotation.prototype.annotationTemplate =

    "<div class='Ldt-LatestAnnotation-Box'>"

    + "    <div class='Ldt-LatestAnnotation-Element Ldt-LatestAnnotation-CreationDate'>{{{annotation_created}}}</div>" 

    + "    <div class='Ldt-LatestAnnotation-Element Ldt-LatestAnnotation-Title'>{{{annotation_creator}}}{{#annotation_title}}: {{{annotation_title}}}{{/annotation_title}}</div>" 

    + "    <div class='Ldt-LatestAnnotation-Element Ldt-LatestAnnotation-Content'>"

    +         "{{{annotation_content}}}"

    + "    </div>"

    + "</div>"

IriSP.Widgets.LatestAnnotation.prototype.draw = function(){

    var _this = this;

    this.renderTemplate();

    this.annotationContainer_$ = this.$.find('.Ldt-LatestAnnotation');

    this.onMediaEvent("timeupdate", "refresh");

    if (this.starts_hidden){

        this.visible = true;

        this.hide();

    }

    else{

        this.visible = false;

        this.show();

    }

    this.refresh();

}

IriSP.Widgets.LatestAnnotation.prototype.messages = {

    fr : {

        empty : "Aucune annotation à afficher"

    },

    en: {

        empty: "No annotation to display"

    }

}

IriSP.Widgets.LatestAnnotation.prototype.refresh = function(){ 

    var _currentTime = this.media.getCurrentTime() 

    var _segmentsAnnotations = this.source.getAnnotationsByTypeTitle(this.segments_annotation_type)

    var _currentSegments = _segmentsAnnotations.filter(function(_segment){

        return (_currentTime >= _segment.begin && _currentTime <= _segment.end)

    });

    if (this.hide_without_segment){

        if (_currentSegments.length == 0){

            if (this.visible){

                this.hide()

            }

        }

        else {

            if (!this.visible){

                this.show()

            }

        }

    }

    if (this.visible){

        var _list = this.getWidgetAnnotations();

        if(this.filter_by_segment){

            if (_currentSegments.length == 0) {

                _list = _list.filter(function(_annotation){

                    return false;

                });

            }

            else {

                _list = _list.filter(function(_annotation){

                    _annotationTime = (_annotation.begin+_annotation.end)/2;

                    return (_currentSegments[0].begin <= _annotationTime && _currentSegments[0].end >= _annotationTime);

                });

            }

            _list.sortBy(function(_annotation){

                return _annotation.created;

            });

            var _latestAnnotation = false;

            var _html="";

            if (_list.length != 0){

                _latestAnnotation = _list.pop();

                _html = Mustache.to_html(this.annotationTemplate, {

                    annotation_created: _latestAnnotation.created.toLocaleDateString()+", "+_latestAnnotation.created.toLocaleTimeString(),

                    annotation_creator: _latestAnnotation.creator,

                    annotation_title: _latestAnnotation.title,

                    annotation_content: _latestAnnotation.description,

                });

            }

            else {

                var _empty_message = this.l10n.empty

                if (this.empty_message) {

                    _empty_message = this.empty_message

                }

                _html = "<div class='Ldt-LatestAnnotation-Element Ldt-LatestAnnotation-NoAnnotation'>"+_empty_message+"</div>";

            }

            this.annotationContainer_$.html(_html);

        }

    }

}

IriSP.Widgets.LatestAnnotation.prototype.hide = function() {

    if (this.visible){

        this.visible = false;

        this.annotationContainer_$.hide()

    }

}

IriSP.Widgets.LatestAnnotation.prototype.show = function() {

    if(!this.visible){

        this.visible = true;

        this.annotationContainer_$.show()

    }

}