integration/js/editor.js
author veltr
Mon, 03 Dec 2012 13:57:52 +0100
changeset 92 54cd42adea33
parent 73 475e5fb0ea2b
child 97 213e81430f7a
permissions -rw-r--r--
Minor changes
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
     1
IriSP.editor = function(options) {
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
     2
    
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
     3
    /* Load Media List */
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
     4
    
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
     5
    var directory = new IriSP.Model.Directory(),
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
     6
        apidirectory = new IriSP.Model.Directory(),
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
     7
        project = directory.remoteSource({
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
     8
            url: IriSP.endpoints.content,
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
     9
            url_params: _({}).extend(options.filter),
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    10
            serializer: IriSP.serializers.content
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    11
        }),
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
    12
        mashup = new IriSP.Model.Mashup(false, project),
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    13
        mediatemplate = _.template(
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    14
            '<li class="item-video media" data-media-id="<%= id %>"><div class="media-count-wrap"><span class="media-count"></span></div>'
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    15
            + '<img class="thumbnail" src="<%= thumbnail %>" alt="<%= title %>" />'
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
    16
            + '<div class="video-info"><h3 class="title-video"><%= title %></h3><p class="description"><%= description %></p>'
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    17
            + '<p class="time-length"><%= IriSP.translate("Duration:") %> <span><%= duration.toString() %></span></p></div><div class="media-found-segments"></div></li>'
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    18
        ),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    19
        segmenttemplate = _.template(
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    20
            '<li class="item-video annotation" data-segment-id="<%= annotation.id %>" data-media-id="<%= annotation.getMedia().id %>">'
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    21
            + '<img class="thumbnail" src="<%= annotation.thumbnail %>" alt="<%= annotation.getMedia().title %>" />'
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
    22
            + '<div class="validate <%= annotation.status %>"><div class="validate-tooltip"><ul><li><%= annotation.status_messages.join("</li><li>") %></li></ul></div></div><div class="video-info"><h3 class="title-video"><%= annotation.getMedia().title %></h3>'
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
    23
            + '<p class="subtitle"><%= annotation.title %></p><p class="duration"><%= annotation.begin.toString() %> - <%= annotation.end.toString() %> (<%= annotation.getDuration().toString() %>)</p>'
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    24
            + '<ul class="tools"><li><a class="edit" href="#" title="<%= IriSP.translate("Edit segment") %>"></a></li><li><a class="bottom" href="#" title="<%= IriSP.translate("Move segment down") %>"></a></li>'
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    25
            + '<li><a class="top" href="#" title="<%= IriSP.translate("Move segment up") %>"></a></li><li><a class="delete" href="#" title="<%= IriSP.translate("Delete segment") %>"></a></li></ul></div></li>'
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    26
        ),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    27
        mediasegmenttemplate = _.template(
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    28
            '<div class="media-segment">'
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    29
            + '<div class="media-segment-section" style="left:<%= left %>px; width:<%= width %>px; background:<%= color %>; top: <%= top %>px;" data-segment-id="<%= annotation.id %>"></div>'
65
60a1e58b0a08 Changed Pointer IMGs into DIVs
veltr
parents: 64
diff changeset
    30
            + '<div class="popin media-segment-popin" style="left:<%= popleft %>px; top: <%= 5+top %>px;"><div style="left:<%= pointerpos %>px;" class="pointer"></div><div class="popin-content">'
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    31
            + '<h3><%= annotation.title %></h3><a href="#" class="button reprendre-segment" data-segment-id="<%= annotation.id %>"><%= IriSP.translate("Clone segment") %></a>'
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    32
            + '<p><%= IriSP.translate("From:") %> <span><%= annotation.begin.toString() %></span> <%= IriSP.translate("to:") %> <span><%= annotation.end.toString() %></span> (<%= IriSP.translate("duration:") %> <span><%= annotation.getDuration().toString() %></span>)</p>'
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    33
            + '</div></div></div>'
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    34
        ),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    35
        mediasegmentlisttemplate = _.template(
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    36
            '<div class="media-segment-list" style="height: <%= height %>px"><div class="media-current-section" style="left: <%= left %>px; width: <%= width %>px;"></div><div class="media-segment-list-inner"></div><%= segments %></div>'
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    37
        ),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    38
        mediafoundtemplate = _.template(
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    39
            '<div class="media-segment"><div class="media-segment-section" style="left:<%= left %>px; width:<%= width %>px; background:<%= color %>; top: <%= top %>px;"></div>'
65
60a1e58b0a08 Changed Pointer IMGs into DIVs
veltr
parents: 64
diff changeset
    40
            + '<div class="popin media-found-popin" style="left:<%= popleft %>px; top: <%= 5+top %>px;"><div style="left:<%= pointerpos %>px;" class="pointer"></div><div class="popin-content">'
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    41
            + '<h3><%= title %></h3><a href="#" class="button clone-segment" data-segment-id="<%= annotation.id %>"><%= IriSP.translate("Clone segment") %></a>'
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    42
            + '</div></div></div>'
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    43
        ),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    44
        mediafoundlisttemplate = _.template(
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    45
            '<div class="media-found-list" style="height: <%= height %>px"><div class="media-segment-list-inner"></div><%= segments %></div>'
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    46
        ),
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
    47
        mashupstatus = '',
92
54cd42adea33 Minor changes
veltr
parents: 73
diff changeset
    48
        mediasegmentscache = {},
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    49
        addMode, currentMedia, currentSegment;
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
    50
        
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    51
    IriSP.mashupcore(project, mashup);
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    52
    
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    53
    /* Validation of segments and mashup */
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    54
    
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    55
    var segmentcritical = [
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    56
        {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    57
            validate: function(_s) {
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    58
                return (_s.getDuration() >= 1000);
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    59
            },
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    60
            message: "A segment must be at least one second long"
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    61
        },
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    62
        {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    63
            validate: function(_s) {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    64
                return (_s.getDuration() < 180000);
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    65
            },
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    66
            message: "A segment must be at most three minutes long"
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    67
        },
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    68
        {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    69
            validate: function(_s) {
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    70
                return (!!_s.title && _s.title !== IriSP.translate("Untitled segment"));
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    71
            },
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    72
            message: "A segment must have a title"
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    73
        }
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    74
    ];
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    75
    var segmentwarning = [
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    76
        {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    77
            validate: function(_s) {
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    78
                return (!!_s.description);
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    79
            },
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    80
            message: "A segment should have a description"
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    81
        },
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    82
        {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    83
            validate: function(_s) {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    84
                return (!!_s.keywords.length);
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
    85
            },
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    86
            message: "A segment should have tags"
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    87
        }
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    88
    ];
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    89
    
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    90
    var mashupcritical = [
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    91
        {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    92
            validate: function(_m) {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    93
                return _m.segments.length > 2;
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    94
            },
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    95
            message: "A hashcut must be made from at least three segments"
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    96
        },
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    97
        {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
    98
            validate: function(_m) {
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
    99
                return (!!_m.title && _m.title !== IriSP.translate("Untitled Hashcut"));
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   100
            },
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   101
            message: "A hashcut must have a title"
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   102
        }
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   103
    ];
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   104
    var mashupwarning = [
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   105
        {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   106
            validate: function(_m) {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   107
                return !!_m.description
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   108
            },
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   109
            message: "A hashcut should have a description"
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   110
        }
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   111
    ];
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   112
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   113
    /* Fill left column with Media List */
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   114
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   115
    project.onLoad(function() {
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   116
        var html = '';
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   117
        project.getMedias().forEach(function(_m) {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   118
            html += mediatemplate(_m);
13
42c59d09670e display media list
veltr
parents: 12
diff changeset
   119
        });
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   120
        $(".col-left .list-video").html(html);
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   121
        project.getMedias().forEach(function(_m) {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   122
            apidirectory.remoteSource({
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   123
                url: IriSP.endpoints.segment,
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   124
                url_params: {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   125
                    iri_id: _m.id,
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   126
                    limit: 0
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   127
                },
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   128
                serializer: IriSP.serializers.segmentapi
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   129
            }).onLoad(function() {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   130
                var medias = this.getMedias(),
92
54cd42adea33 Minor changes
veltr
parents: 73
diff changeset
   131
                    annotations = this.getAnnotations().filter(function(annotation) {
54cd42adea33 Minor changes
veltr
parents: 73
diff changeset
   132
                        return annotation.getDuration() > 0;
54cd42adea33 Minor changes
veltr
parents: 73
diff changeset
   133
                    });;
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   134
                if (medias && medias.length) {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   135
                    var mediaid = medias[0].id;
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   136
                    el = $(".item-video[data-media-id='" + mediaid + "'] .media-count");
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   137
                    el.text(annotations.length).parent().show();
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   138
                    mediasegmentscache[mediaid] = annotations;
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   139
                    if (currentMedia && mediaid === currentMedia.id && currentSegment) {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   140
                        showOtherSegments();
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   141
                    }
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   142
                }
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   143
            });
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   144
        });
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   145
    });
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   146
    
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   147
    /* Search Media with left column form */
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   148
    
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   149
    $(".col-left input").on("keyup change input paste", function() {
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   150
        var val = $(this).val();
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   151
        if (val) {
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   152
            var find = IriSP.Model.regexpFromTextOrArray(val, true),
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   153
                replace = IriSP.Model.regexpFromTextOrArray(val, false);
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   154
        }
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   155
        $(".col-left .item-video").each(function() {
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   156
            var li = $(this),
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   157
                mediaid = li.attr("data-media-id"),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   158
                media = directory.getElement(mediaid);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   159
            if (!val) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   160
                li.find(".title-video").text(media.title);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   161
                li.find(".description").text(media.description);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   162
                li.find(".media-found-segments").html("");
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   163
                li.show();
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   164
            } else {
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   165
                var apimedia = apidirectory.getElement(mediaid);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   166
                if (apimedia) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   167
                    var annotations = apimedia.getAnnotations().searchByTextFields(val);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   168
                } else {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   169
                    var annotations = [];
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   170
                }   
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   171
                var found = find.test(media.title) || find.test(media.description) || annotations.length;
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   172
                if (found) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   173
                    li.find(".title-video").html(media.title.replace(replace, '<span style="background: #fc00ff; color: #ffffff;">$1</span>'));
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   174
                    li.find(".description").html(media.description.replace(replace, '<span style="background: #fc00ff; color: #ffffff;">$1</span>'));
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   175
                    var html = '',
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   176
                        k = 230 / media.duration,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   177
                        lines = [];
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   178
                    _(annotations).each(function(_a, i) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   179
                        var pos = k * (_a.begin + _a.end) / 2,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   180
                            corrpos = Math.max(76, Math.min(156, pos)),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   181
                            line = IriSP._(lines).find(function(line) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   182
                                return !IriSP._(line.annotations).find(function(ann) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   183
                                    return ann.begin < _a.end && ann.end > _a.begin
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   184
                                });
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   185
                            });
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   186
                        if (!line) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   187
                            line = { index: lines.length, annotations: []};
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   188
                            lines.push(line); 
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   189
                        }
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   190
                        line.annotations.push(_a);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   191
                        vizdata = {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   192
                            annotation : _a,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   193
                            left : k * _a.begin,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   194
                            width : k * _a.getDuration(),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   195
                            top: 8 * line.index,
50
89e152523cb6 Improving media page
veltr
parents: 49
diff changeset
   196
                            color: IriSP.vizcolors[i % IriSP.vizcolors.length],
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   197
                            title: _a.title.replace(replace, '<span style="background: #fc00ff; color: #ffffff;">$1</span>'),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   198
                            popleft : corrpos,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   199
                            pointerpos : (pos - corrpos),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   200
                        }
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   201
                        html += mediafoundtemplate(vizdata);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   202
                    });
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   203
                    html = mediafoundlisttemplate({
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   204
                        height: 8 * lines.length,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   205
                        segments: html
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   206
                    });
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   207
                    li.find(".media-found-segments").html(html);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   208
                    li.show();
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   209
                } else {
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   210
                    li.hide();
13
42c59d09670e display media list
veltr
parents: 12
diff changeset
   211
                }
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   212
            }
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   213
        })
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   214
    });
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   215
    
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   216
    /* Fill right column when mashup is updated */
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   217
    
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   218
    function updateMashupUI() {
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   219
        var listhtml = '', critical = false, warning = false, messages = [];
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   220
        mashup.segments.forEach(function(_s) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   221
            listhtml += segmenttemplate(_s);
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   222
            if (_s.annotation.status === "critical") {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   223
                critical = true;
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   224
            }
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   225
        });
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   226
        if (critical) {
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   227
            messages.push("One or more segments are invalid");
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   228
        }
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   229
        
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   230
        _(mashupcritical).each(function(sc) {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   231
            if (!sc.validate(mashup)) {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   232
                critical = true;
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   233
                messages.push(sc.message);
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   234
            }
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   235
        });
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   236
        _(mashupwarning).each(function(sc) {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   237
            if (!sc.validate(mashup)) {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   238
                warning = true;
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   239
                messages.push(sc.message);
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   240
            }
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   241
        });
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   242
        mashup.status = critical ? "critical" : (warning ? "warning" : "valid");
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   243
        if (!messages.length) {
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   244
            messages.push("Your hashcut is valid!");
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   245
        }
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   246
        mashupstatus = ' - ' + _(messages).map(IriSP.translate).join('\n - ');
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   247
        
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   248
        $(".publier-button").toggleClass("disable", critical);
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   249
        
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   250
        $(".liste-segment .validate").removeClass("critical warning valid").addClass(mashup.status);
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   251
        $(".liste-segment .validate-tooltip").html("<ul><li>" + messages.join("</li><li>")+"</li></ul>");
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   252
        
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   253
        $(".col-right .list-video").html(listhtml).find(".item-video:last-child .bottom, .item-video:first-child .top").addClass("disable");
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   254
        
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   255
        project.trigger("mouseout-annotation");
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   256
    }
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   257
    
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   258
    mashup.on("setcurrent", function() {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   259
        currentMedia = mashup;
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   260
    });
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   261
    
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   262
    mashup.on("change",updateMashupUI);
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   263
    
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   264
    /* Slice Widget */
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   265
   
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   266
    var sliceSlider = $(".Ldt-Slice"),
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   267
        sliceStartTime,
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   268
        slidersRange = 920;
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   269
    
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   270
    sliceSlider.slider({
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   271
        range: true,
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   272
        values: [0, slidersRange],
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   273
        min: 0,
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   274
        max: slidersRange,
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   275
        start: function() {
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   276
            if (currentMedia) {
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   277
                if (!currentMedia.getPaused()) {
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   278
                    currentMedia.pause();
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   279
                }
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   280
            }
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   281
        },
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   282
        slide: function(event, ui) {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   283
            if (currentMedia && currentSegment) {
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   284
                var t = currentMedia.duration * ui.value / slidersRange;
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   285
                if (ui.value === ui.values[0]) {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   286
                    currentSegment.setBegin(t);
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   287
                } else {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   288
                    currentSegment.setEnd(t);
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   289
                }
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   290
            }
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   291
        }
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   292
    });
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   293
    
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   294
    sliceSlider.find(".ui-slider-handle:first")
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   295
        .addClass("Ldt-Slice-left-handle")
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   296
        .click(function() {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   297
            if (currentMedia && currentSegment) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   298
                currentMedia.setCurrentTime(currentSegment.begin);
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   299
            }
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   300
        });
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   301
    sliceSlider.find(".ui-slider-handle:last")
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   302
        .addClass("Ldt-Slice-right-handle")
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   303
        .click(function() {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   304
            if (currentMedia && currentSegment) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   305
                currentMedia.setCurrentTime(currentSegment.end);
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   306
            }
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   307
        });
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   308
    
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   309
    
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   310
    /* Update Segment UI */
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   311
    
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   312
    function updateSegmentUI() {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   313
        if (currentMedia && currentSegment) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   314
            var start = currentSegment.begin,
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   315
                end = currentSegment.end,
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   316
                dur = currentSegment.getDuration(),
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   317
                f = slidersRange / currentMedia.duration,
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   318
                tangleStart = $(".tangle-start"),
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   319
                tangleEnd = $(".tangle-end"),
29
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   320
                tangleDuration = $(".tangle-duration"),
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   321
                k = 100 / currentMedia.duration,
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   322
                p = k * (start + end) / 2;
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   323
            sliceSlider.slider( "values", [ f * start, f * end ] );
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   324
            tangleStart.text(start.toString(tangleStart.hasClass("active"))).attr("data-milliseconds",start.milliseconds);
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   325
            tangleEnd.text(end.toString(tangleEnd.hasClass("active"))).attr("data-milliseconds",end.milliseconds);
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   326
            tangleDuration.text(dur.toString(tangleDuration.hasClass("active"))).attr("data-milliseconds",dur.milliseconds);
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   327
            $(".segmentation .pointer").css("left", p + "%");
29
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   328
            $(".media-current-section").css({
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   329
                left: (k * start) + "%",
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   330
                width: (k * dur) + "%"
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   331
            });
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   332
            var messages = [],
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   333
                critical = false,
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   334
                warning = false;
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   335
            _(segmentcritical).each(function(sc) {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   336
                if (!sc.validate(currentSegment)) {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   337
                    critical = true;
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   338
                    messages.push(sc.message);
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   339
                }
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   340
            });
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   341
            _(segmentwarning).each(function(sc) {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   342
                if (!sc.validate(currentSegment)) {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   343
                    warning = true;
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   344
                    messages.push(sc.message);
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   345
                }
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   346
            });
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   347
            currentSegment.status = critical ? "critical" : (warning ? "warning" : "valid");
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   348
            if (!messages.length) {
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   349
                messages.push("This segment is valid!")
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   350
            }
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   351
            currentSegment.status_messages = _(messages).map(IriSP.translate);
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   352
            
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   353
            $(".segmentation .validate").removeClass("critical warning valid").addClass(currentSegment.status);
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   354
            $(".segmentation .validate-tooltip").html("<ul><li>" + currentSegment.status_messages.join("</li><li>")+"</li></ul>");
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   355
        }
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   356
    }
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   357
    
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   358
    function setMedia(media) {
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   359
        if (currentMedia) {
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   360
            currentMedia.pause();
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   361
        }
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   362
        currentMedia = media;
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   363
        project.trigger("set-current", media);
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   364
        if (currentMedia.elementType == "media") {
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   365
            showSegmentation();
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   366
            $(".tab-media-title").text(currentMedia.title);
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   367
            
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   368
            addMode = !(currentSegment && mashup.hasAnnotation(currentSegment));
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   369
            
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   370
            if (!currentSegment) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   371
                currentSegment = new IriSP.Model.Annotation(false, project);
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   372
                currentSegment.setMedia(currentMedia.id);
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   373
                currentSegment.setBegin(currentMedia.getCurrentTime());
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   374
                currentSegment.setEnd(Math.min(currentMedia.getCurrentTime() +  180000, currentMedia.duration));
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   375
                currentSegment.title = IriSP.translate("Untitled segment");
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   376
                currentSegment.color = currentMedia.color;
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   377
                currentSegment.thumbnail = currentMedia.thumbnail;
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   378
                currentSegment.created = new Date();
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   379
                currentSegment.keywords = [];
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   380
                currentSegment.description = "";
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   381
                currentSegment.on("change-begin", function() {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   382
                    if (currentMedia && currentSegment === this) {
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   383
                        currentMedia.setCurrentTime(this.begin);
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   384
                        updateSegmentUI();
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   385
                    }
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   386
                });
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   387
                currentSegment.on("change-end", function() {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   388
                    if (currentMedia && currentSegment === this) {
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   389
                        currentMedia.setCurrentTime(this.end);
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   390
                        updateSegmentUI();
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   391
                    }
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   392
                });
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   393
            }
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   394
            if (currentMedia.loaded) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   395
                currentMedia.setCurrentTime(currentSegment.begin);
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   396
            }
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   397
            $(".add-segment").val(IriSP.translate(addMode ? "Add segment to hashcut" : "Save segment"));
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   398
            $(".create-or-edit").text(IriSP.translate(addMode ? "Create new segment" : "Edit existing segment"));
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   399
            $("#segment-title").val(currentSegment.title);
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   400
            $("#segment-description").val(currentSegment.description);
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   401
            var segment_tags = $("#segment-tags");
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   402
            segment_tags.tagit("option","onTagRemoved",function(){});
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   403
            segment_tags.tagit("option","onTagAdded",function(){});
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   404
            segment_tags.tagit("removeAll");
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   405
            _(currentSegment.keywords).each(function(tag) {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   406
                segment_tags.tagit("createTag",tag);
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   407
            });
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   408
            segment_tags.tagit("option","onTagRemoved",updateSegmentTags);
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   409
            segment_tags.tagit("option","onTagAdded",updateSegmentTags);
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   410
            updateSegmentUI();
29
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   411
            var relatedSegments = mashup.segments.filter(function(_s) {
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   412
                return _s.getMedia() === currentMedia && _s.annotation !== currentSegment;
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   413
            });
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   414
            if (relatedSegments.length) {
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   415
                $(".self-media-segments").show();
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   416
            } else {
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   417
                $(".self-media-segments").hide();
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   418
            }
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   419
            $(".self-media-segments .media-segments-list").html(mediaSegmentList(_(relatedSegments).pluck("annotation")));
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   420
            showOtherSegments();
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   421
            project.trigger("mouseout-annotation");
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   422
        }
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   423
        if (currentMedia.elementType === "mashup") {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   424
            showPreview();
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   425
        }
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   426
    }
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   427
    
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   428
    function mediaSegmentList(_annotations) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   429
        var html = '',
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   430
            k = $(".Ldt-Slider").width() / currentMedia.duration,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   431
            lines = [];
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   432
        _(_annotations).each(function(_a, i) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   433
            var pos = k * (_a.begin + _a.end) / 2,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   434
                corrpos = Math.max(145, Math.min(305, pos)),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   435
                line = IriSP._(lines).find(function(line) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   436
                    return !IriSP._(line.annotations).find(function(ann) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   437
                        return ann.begin < _a.end && ann.end > _a.begin
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   438
                    });
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   439
                });
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   440
            if (!line) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   441
                line = { index: lines.length, annotations: []};
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   442
                lines.push(line); 
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   443
            }
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   444
            line.annotations.push(_a);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   445
            vizdata = {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   446
                annotation : _a,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   447
                popleft : corrpos,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   448
                left : k * _a.begin,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   449
                width : k * _a.getDuration(),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   450
                height: 8,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   451
                top: 8 * line.index,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   452
                pointerpos : (pos - corrpos),
50
89e152523cb6 Improving media page
veltr
parents: 49
diff changeset
   453
                color: IriSP.vizcolors[i % IriSP.vizcolors.length]
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   454
            }
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   455
            html += mediasegmenttemplate(vizdata);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   456
        });
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   457
        return mediasegmentlisttemplate({
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   458
            height: 8 * lines.length,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   459
            left: k * currentSegment.begin,
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   460
            width: k * currentSegment.getDuration(),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   461
            segments: html
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   462
        });
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   463
    }
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   464
    
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   465
    /* Show Related Segments */
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   466
    
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   467
    function showOtherSegments() {
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   468
        var annotations = mediasegmentscache[currentMedia.id];
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   469
        $(".other-media-segments .media-segments-list").html(mediaSegmentList(annotations));
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   470
        if (annotations && annotations.length) {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   471
            $(".other-media-segments").show();
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   472
        }
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   473
        else {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   474
            $(".other-media-segments").hide();
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   475
        }
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   476
     }
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   477
    /* Set In, Out */
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   478
   
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   479
    $(".Ldt-Ctrl-SetIn").click(function() {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   480
        if (currentMedia && currentSegment) {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   481
            currentSegment.setBegin(currentMedia.getCurrentTime());
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   482
        }
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   483
    });
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   484
    $(".Ldt-Ctrl-SetOut").click(function() {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   485
        if (currentMedia && currentSegment) {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   486
            currentSegment.setEnd(currentMedia.getCurrentTime());
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   487
        }
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   488
    });
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   489
       
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   490
    /* Segment Form interaction */
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   491
   
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   492
    $("#segment-title").on("keyup change input paste", function() {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   493
        if (currentMedia && currentSegment) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   494
            currentSegment.title = $(this).val();
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   495
            updateSegmentUI();
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   496
            mashup.trigger("change");
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   497
        }
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   498
    });
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   499
    $("#segment-title").on("focus click", function() {
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   500
        if ($(this).val() === IriSP.translate("Untitled segment")) {
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   501
            $(this).val("");
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   502
        }
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   503
    });
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   504
    $("#segment-description").on("keyup change input paste", function() {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   505
        if (currentMedia && currentSegment) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   506
            currentSegment.description = $(this).val();
64
2de3ca9542ed Corrections
veltr
parents: 50
diff changeset
   507
            updateSegmentUI();
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   508
            mashup.trigger("change");
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   509
        }
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   510
    });
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   511
    $("#segment-form").submit(function() {
64
2de3ca9542ed Corrections
veltr
parents: 50
diff changeset
   512
        currentSegment.title = $("#segment-title").val();
2de3ca9542ed Corrections
veltr
parents: 50
diff changeset
   513
        currentSegment.description = $("#segment-description").val();
2de3ca9542ed Corrections
veltr
parents: 50
diff changeset
   514
        currentSegment.keywords = $("#segment-tags").tagit("assignedTags");
2de3ca9542ed Corrections
veltr
parents: 50
diff changeset
   515
        updateSegmentUI();
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   516
        if (addMode) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   517
            mashup.addAnnotation(currentSegment);
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   518
            currentSegment = undefined;
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   519
            setMedia(currentMedia);
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   520
        } else {
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   521
            mashup.trigger("change");
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   522
            var segment = mashup.getAnnotation(currentSegment);
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   523
            currentSegment = undefined;
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   524
            setMedia(mashup);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   525
            if (segment) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   526
                mashup.setCurrentTime(segment.begin);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   527
                mashup.trigger("enter-annotation",segment);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   528
            }
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   529
        }
29
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   530
        return false;
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   531
    });
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   532
    
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   533
    $("#segment-tags").tagit();
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   534
    
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   535
    
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   536
    /* We have to defer this function because the tagit events
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   537
     * are triggered before the data are updated */
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   538
    function updateSegmentTags() {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   539
        window.setTimeout(function() {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   540
            if (currentMedia && currentSegment) {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   541
                currentSegment.keywords = $("#segment-tags").tagit("assignedTags");
64
2de3ca9542ed Corrections
veltr
parents: 50
diff changeset
   542
                updateSegmentUI();
2de3ca9542ed Corrections
veltr
parents: 50
diff changeset
   543
                mashup.trigger("change");
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   544
            }
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   545
        }, 0);
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   546
    }
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   547
    
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   548
    /* Click on media items */
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   549
   
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   550
    $(".col-left").on("click", ".item-video", function() {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   551
        currentSegment = undefined;
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   552
        setMedia(project.getElement($(this).attr("data-media-id")));
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   553
    });
12
8a8b6097d382 Starting 'editorjs' branch
veltr
parents:
diff changeset
   554
    
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   555
    /* Click on Tabs */
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   556
    
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   557
    function showSegmentation() {
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   558
        $(".col-middle").removeClass("empty-mode pvw-mode").addClass("segment-mode");
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   559
        return false;
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   560
    }
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   561
    function showPreview() {
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   562
        $(".col-middle").removeClass("empty-mode segment-mode").addClass("pvw-mode");
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   563
        return false;
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   564
    }
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   565
    function showEmpty() {
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   566
        $("video").hide();
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   567
        $(".col-middle").removeClass("pvw-mode segment-mode").addClass("empty-mode");
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   568
        return false;
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   569
    }
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   570
    
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   571
    $(".tab-pvw").click(function() {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   572
        if (mashup.segments.length) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   573
            setMedia(mashup);
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   574
        }
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   575
    });
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   576
    
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   577
    /* Click on segments */
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   578
    
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   579
    function reorganizeMashup() {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   580
        var ids = $(".organize-segments .item-video").map(function(){return $(this).attr("data-segment-id")});
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   581
        mashup.setAnnotationsById(ids);
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   582
    }
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   583
    
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   584
    project.on("mouseover-annotation", function(annotation) {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   585
        var mediaid = annotation.getMedia().id;
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   586
        $(".media").removeClass("active");
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   587
        $(".media[data-media-id='" + mediaid + "']").addClass("active");
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   588
    });
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   589
    
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   590
    project.on("mouseout-annotation", function() {
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   591
        $(".media").removeClass("active");
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   592
        var mediaid = undefined;
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   593
        if (currentMedia && currentMedia.elementType === "media") {
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   594
            mediaid = currentMedia.id;
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   595
            if (currentSegment) {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   596
                $(".annotation").removeClass("active");
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   597
                $(".annotation[data-segment-id='" + currentSegment.id + "']").addClass("active");
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   598
            }
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   599
        }
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   600
        if (currentMedia === mashup && mashup.currentMedia) {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   601
            mediaid = mashup.currentMedia.id
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   602
        }
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   603
        $(".media[data-media-id='" + mediaid + "']").addClass("active");
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   604
    });
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   605
    
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   606
    $(".organize-segments")
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   607
    .sortable({
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   608
        stop : reorganizeMashup
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   609
    })
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   610
    .on("mouseover", ".item-video", function() {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   611
        project.trigger("mouseover-annotation", project.getElement($(this).attr("data-segment-id")));
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   612
    })
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   613
    .on("mouseout", ".item-video", function() {
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   614
        project.trigger("mouseout-annotation");
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   615
    })
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   616
    .on("click", ".item-video", function() {
69
e56b4456668f Added CSRF Token and Username Option
veltr
parents: 65
diff changeset
   617
        var segment = project.getElement($(this).attr("data-segment-id"));
e56b4456668f Added CSRF Token and Username Option
veltr
parents: 65
diff changeset
   618
        if (currentMedia === mashup) {
e56b4456668f Added CSRF Token and Username Option
veltr
parents: 65
diff changeset
   619
            project.trigger("click-annotation", segment);
e56b4456668f Added CSRF Token and Username Option
veltr
parents: 65
diff changeset
   620
        } else {
e56b4456668f Added CSRF Token and Username Option
veltr
parents: 65
diff changeset
   621
            currentSegment = segment;
e56b4456668f Added CSRF Token and Username Option
veltr
parents: 65
diff changeset
   622
            setMedia(segment.getMedia());
e56b4456668f Added CSRF Token and Username Option
veltr
parents: 65
diff changeset
   623
        }
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   624
    })
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   625
    .on("click", ".edit", function(e) {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   626
        var currentItem = $(this).parents(".item-video"),
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   627
            media = project.getElement(currentItem.attr("data-media-id")),
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   628
            segment = project.getElement(currentItem.attr("data-segment-id"));
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   629
        currentSegment = segment;
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   630
        setMedia(media);
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   631
        return false;
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   632
    })
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   633
    .on("click", ".top", function(e){
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   634
        var currentItem = $(this).parents(".item-video");
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   635
        currentItem.insertBefore(currentItem.prev());
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   636
		reorganizeMashup();
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   637
		return false;
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   638
    })
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   639
    .on("click", ".bottom", function(e){
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   640
        var currentItem = $(this).parents(".item-video");
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   641
        currentItem.insertAfter(currentItem.next());
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   642
		reorganizeMashup();
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   643
        return false;
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   644
    })
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   645
    .on("click", ".delete", function(e){
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   646
        var id = $(this).parents(".item-video").attr("data-segment-id");
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   647
        mashup.removeAnnotationById(id);
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   648
        if (!mashup.segments.length) {
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   649
            showEmpty();
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   650
        }
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   651
        return false;
22
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   652
    });
bd904d592881 Started player integration
veltr
parents: 18
diff changeset
   653
    
73
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   654
    $(".mashup-frise").click(function(evt) {
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   655
        if (!mashup.duration.milliseconds) {
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   656
            return;
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   657
        }
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   658
        var el = $(this), t = ( evt.pageX - el.offset().left ) * mashup.duration / el.width(), segment = mashup.getAnnotationAtTime(t);
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   659
        if (segment) {
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   660
            if (currentMedia === mashup) {
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   661
                project.trigger("click-annotation", segment.annotation);
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   662
            } else {
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   663
                currentSegment = segment.annotation;
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   664
                setMedia(currentSegment.getMedia());
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   665
            }
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   666
        }
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   667
    });
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   668
    
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   669
    /* Tangles */
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   670
    var tangleMsPerPixel = 100,
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   671
        activeTangle,
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   672
        tangleStartX,
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   673
        tangleStartVal,
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   674
        tangleHasMoved;
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   675
    
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   676
    $(".time-tangle").mousedown(function(evt) {
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   677
        activeTangle = $(this);
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   678
        activeTangle.addClass("active");
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   679
        tangleStartVal = +activeTangle.attr("data-milliseconds");
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   680
        tangleStartX = evt.pageX;
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   681
        tangleHasMoved = false;
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   682
        $(this).siblings(".time-tangle").addClass("deactivate");
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   683
        return false;
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   684
    });
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   685
    $(document)
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   686
        .mousemove(function(evt) {
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   687
            if (activeTangle) {
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   688
                tangleHasMoved = true;
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   689
                var newval = new IriSP.Model.Time(tangleMsPerPixel * (evt.pageX - tangleStartX) + tangleStartVal);
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   690
                activeTangle.trigger("valuechange", newval);
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   691
                return false;
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   692
            }
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   693
        })
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   694
        .mouseup(function() {
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   695
            if (activeTangle) {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   696
                activeTangle.text(activeTangle.text().replace(/\.\d+$/,''));
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   697
                $(".time-tangle").removeClass("active deactivate");
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   698
                activeTangle = undefined;
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   699
            }
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   700
        });
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   701
        
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   702
    $(".tangle-start")
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   703
        .mouseup(function(evt) {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   704
            if (!tangleHasMoved && currentMedia && currentSegment) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   705
                currentMedia.setCurrentTime(currentSegment.begin);
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   706
            }
23
c9dc489913af Work on video loading - Commit before weekend
veltr
parents: 22
diff changeset
   707
        })
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   708
        .on("valuechange", function(evt, val) {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   709
            if (currentMedia && currentSegment) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   710
                currentSegment.setBegin(val);
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   711
            }
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   712
        });
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   713
    $(".tangle-end")
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   714
        .mouseup(function(evt) {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   715
            if (!tangleHasMoved && currentMedia && currentSegment) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   716
                currentMedia.setCurrentTime(currentSegment.end);
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   717
            }
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   718
        })
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   719
        .on("valuechange", function(evt, val) {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   720
            if (currentMedia && currentSegment) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   721
                currentSegment.setEnd(val);
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   722
            }
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   723
        });
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   724
    $(".tangle-duration").on("valuechange", function(evt, val) {
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   725
        if (currentMedia && currentSegment) {
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   726
            currentSegment.setDuration(val);
25
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   727
        }
eea45f9b124b commit before merge
veltr
parents: 23
diff changeset
   728
    });
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   729
    
29
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   730
    /* Click on current segment in Preview */
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   731
    
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   732
    $(".mashup-description .edit").click(function() {
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   733
        if (mashup.currentAnnotation) {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   734
            currentSegment = mashup.currentAnnotation.annotation;
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   735
            setMedia(mashup.currentAnnotation.getMedia());
27
b2d068afdbd8 Mashup editing and preview
veltr
parents: 26
diff changeset
   736
        }
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   737
        return false;
29
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   738
    });
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   739
    
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   740
    /* Handling related segments */
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   741
   
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   742
    function cloneSegment(sid) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   743
        var s = directory.getElement(sid) || apidirectory.getElement(sid),
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   744
            media = directory.getElement(s.getMedia().id);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   745
        
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   746
        currentSegment = new IriSP.Model.Annotation(false, project);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   747
        currentSegment.setMedia(media.id);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   748
        currentSegment.setBegin(s.begin);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   749
        currentSegment.setEnd(s.end);
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   750
        currentSegment.title = IriSP.translate("Copy of ") + s.title;
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   751
        currentSegment.description = s.description;
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   752
        currentSegment.keywords = s.keywords;
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   753
        currentSegment.color = media.color;
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   754
        currentSegment.thumbnail = media.thumbnail;
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   755
        currentSegment.created = new Date();
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   756
        currentSegment.on("change-begin", function() {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   757
            if (currentMedia && currentSegment === this) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   758
                currentMedia.setCurrentTime(this.begin);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   759
                updateSegmentUI();
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   760
            }
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   761
        });
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   762
        currentSegment.on("change-end", function() {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   763
            if (currentMedia && currentSegment === this) {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   764
                currentMedia.setCurrentTime(this.end);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   765
                updateSegmentUI();
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   766
            }
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   767
        });
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   768
        setMedia(media);
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   769
    }
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   770
    
29
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   771
    $(".media-segments-list").on("mouseover", ".media-segment", function() {
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   772
        $(this).find(".media-segment-popin").show();
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   773
    }).on("mouseout", ".media-segment", function() {
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   774
        $(this).find(".media-segment-popin").hide();
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   775
    }).on("click", ".reprendre-segment", function() {
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   776
        cloneSegment($(this).attr("data-segment-id"));
29
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   777
        return false;
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   778
    }).on("click", ".media-segment-section", function() {
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   779
        var sid = $(this).attr("data-segment-id"),
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   780
            s = directory.getElement(sid) || apidirectory.getElement(sid);
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   781
        if (s.media.id === currentMedia.id) {
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   782
            currentMedia.setCurrentTime(s.begin);
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   783
        }
29
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   784
    });
5ce5e26091ea Various improvements
veltr
parents: 27
diff changeset
   785
    
45
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   786
    $(".col-left").on("mouseover", ".media-segment", function() {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   787
        $(this).find(".media-found-popin").show();
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   788
    }).on("mouseout", ".media-segment", function() {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   789
        $(this).find(".media-found-popin").hide();
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   790
    }).on("click", ".clone-segment", function() {
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   791
        cloneSegment($(this).attr("data-segment-id"));
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   792
        return false;
f39df810caab Segments show up in search engine
veltr
parents: 43
diff changeset
   793
    });
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   794
    /* Changing Hashcut Title and description */
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   795
    
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   796
    mashup.title = IriSP.translate("Untitled Hashcut");
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   797
    $(".title-video-wrap a").text(mashup.title);
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   798
    $("#hashcut-title").val(mashup.title);
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   799
    
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   800
    $("#hashcut-title").on("keyup change input paste", function() {
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   801
        mashup.title = $(this).val();
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   802
        $(".title-video-wrap a").text(mashup.title);
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   803
        mashup.trigger("change");
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   804
    });
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   805
    $("#hashcut-title").on("focus click", function() {
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   806
        if ($(this).val() === IriSP.translate("Untitled Hashcut")) {
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   807
            $(this).val("");
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   808
        }
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   809
    });
32
47f9a2d63a0a Various UI improvements
veltr
parents: 29
diff changeset
   810
    
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   811
    $("#hashcut-description").on("keyup change input paste", function() {
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   812
        mashup.description = $(this).val();
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   813
        mashup.trigger("change");
39
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   814
    });
d3d8a88878ed Added validation before publication
veltr
parents: 32
diff changeset
   815
    
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   816
    $("#hashcut-form").submit(function() {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   817
        $(".update-title").hide();
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   818
        return false;
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   819
    })
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   820
    
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   821
    /* Publication */
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   822
   
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   823
    function onLeave() {
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   824
        return IriSP.translate("You haven't published your hashcut yet.\nIf you leave this page, it will be lost");
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   825
    }
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   826
    
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   827
    $(window).on("beforeunload", onLeave);
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   828
   
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   829
    $(".publier-button").click(function() {
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   830
        if ($(this).hasClass("disable")) {
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   831
            alert(IriSP.translate("The mashup can't be published because:")+"\n\n"+mashupstatus);
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   832
            return false;
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   833
        }
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   834
        var postproject = directory.newLocalSource(),
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   835
            medias = mashup.getMedias()
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   836
            annotations = mashup.getOriginalAnnotations();
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   837
        postproject.addList("annotationType");
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   838
        postproject.addList("tag");
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   839
        medias.forEach(function(_m) {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   840
            var anntype = new IriSP.Model.AnnotationType(false, postproject);
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   841
            anntype.title = "Segments from " + _m.title;
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   842
            anntype.media = _m;
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   843
            postproject.getAnnotationTypes().push(anntype);
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   844
        });
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   845
        annotations.forEach(function(_a) {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   846
            _a.setAnnotationType(
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   847
                postproject.getAnnotationTypes().filter(
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   848
                    function(_at) { return _at.media === _a.getMedia() }
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   849
                )[0].id);
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   850
            var tagids = [];
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   851
            _(_a.keywords).each(function(keyword) {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   852
                var tags = postproject.getTags().searchByTitle(keyword);
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   853
                if (tags.length) {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   854
                    tagids.push(tags[0].id);
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   855
                } else {
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   856
                    var tag = new IriSP.Model.Tag(false, postproject);
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   857
                    tag.title = tag.description = keyword;
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   858
                    postproject.getTags().push(tag);
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   859
                    tagids.push(tag.id);
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   860
                }
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   861
            });
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   862
            _a.setTags(tagids);
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   863
        });
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   864
        postproject.addList("annotation",annotations);
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   865
        postproject.addList("media",medias);
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   866
        postproject.addList("mashup",[mashup]);
69
e56b4456668f Added CSRF Token and Username Option
veltr
parents: 65
diff changeset
   867
        postproject.creator = options.creator;
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   868
        postproject.created = new Date();
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   869
        postproject.modified = new Date();
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   870
        postproject.title = mashup.title;
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   871
        postproject.description = mashup.description;
73
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   872
        var waitscreen = $('<div class="full-wait">');
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   873
        waitscreen.appendTo('body');
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   874
        $.ajax({
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   875
            type: "POST",
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   876
            url: IriSP.endpoints.project,
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   877
            data: IriSP.serializers.ldt.serialize(postproject),
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   878
            contentType: "application/cinelab",
69
e56b4456668f Added CSRF Token and Username Option
veltr
parents: 65
diff changeset
   879
            headers: {
e56b4456668f Added CSRF Token and Username Option
veltr
parents: 65
diff changeset
   880
                "X-CSRFToken": options.csrf_token
e56b4456668f Added CSRF Token and Username Option
veltr
parents: 65
diff changeset
   881
            },
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   882
            success: function(data, status, request){
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   883
                var location = request.getResponseHeader("Location"),
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   884
                    projid = location.match(/([^/]+)\/?$/)[1],
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   885
                    destination = IriSP.endpoints.hashcut_page + projid;
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   886
                $(window).off("beforeunload", onLeave);
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   887
                document.location.href = destination;
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   888
            },
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   889
            error: function(jqXHR, textStatus, errorThrown){
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   890
                alert(IriSP.translate("Server error\nYour hashcut couldn't be published"));
73
475e5fb0ea2b Cleaned imgs, corrected some bugs
veltr
parents: 69
diff changeset
   891
                waitscreen.remove();
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   892
            }
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   893
        });
49
a21b851538b2 Added Media page
veltr
parents: 45
diff changeset
   894
        
43
5a5024bc74e6 Save before weekend
veltr
parents: 42
diff changeset
   895
        return false;
42
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   896
    });
40909e8d6855 Commit before weekend
veltr
parents: 41
diff changeset
   897
    
41
3ec2343f2b85 Refactoring to have common code between editor and player
veltr
parents: 39
diff changeset
   898
    mashup.trigger("change");
13
42c59d09670e display media list
veltr
parents: 12
diff changeset
   899
}
50
89e152523cb6 Improving media page
veltr
parents: 49
diff changeset
   900
89e152523cb6 Improving media page
veltr
parents: 49
diff changeset
   901
/* END editor.js */