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