1 IriSP.mashupplayer = function(options) { |
1 IriSP.mashupplayer = function(options) { |
2 |
2 |
3 var directory = new IriSP.Model.Directory(), |
3 var directory = new IriSP.Model.Directory(), |
4 project = directory.remoteSource({ |
4 project = directory.remoteSource({ |
5 url: IriSP.endpoints.ldt + options.id, |
5 url: IriSP.endpoints.ldt.replace('__PROJECT_ID__', options.id), |
6 serializer: IriSP.serializers.ldt |
6 serializer: IriSP.serializers.ldt |
7 }), |
7 }), |
8 apidirectory = new IriSP.Model.Directory(), |
8 apidirectory = new IriSP.Model.Directory(), |
9 mashup, |
9 mashup, |
10 mediatemplate = _.template('<li class="item-video media" data-media-id="<%= media.id %>">' |
10 mediatemplate = _.template('<li class="item-video media" data-media-id="<%= media.id %>">' |
11 + '<a href="<%= IriSP.endpoints.media_page + media.id %>"><img class="thumbnail" alt="<%= media.title %>" src="<%= media.thumbnail %>"></a><div class="video-info">' |
11 + '<a href="<%= IriSP.endpoints.media_page.replace("__CONTENT_ID__", media.id) %>"><img class="thumbnail" alt="<%= media.title %>" src="<%= media.thumbnail %>"></a><div class="video-info">' |
12 + '<h3 class="title-video"><a href="<%= IriSP.endpoints.media_page + media.id %>"><%= media.title %></a></h3><p class="description"><%= media.description %></p>' |
12 + '<h3 class="title-video"><a href="<%= IriSP.endpoints.media_page.replace("__CONTENT_ID__", media.id) %>"><%= media.title %></a></h3><p class="description"><%= media.description %></p>' |
13 + '<p class="time-length">Durée : <span><%= media.duration.toString() %></span></p><div class="frise">' |
13 + '<p class="time-length">Durée : <span><%= media.duration.toString() %></span></p><div class="frise">' |
14 + '<div class="frise-overflow"><div class="frise-segments"><%= segments %></div></div></div></div></li>'); |
14 + '<div class="frise-overflow"><div class="frise-segments"><%= segments %></div></div></div></div></li>'); |
15 segmenttemplate = _.template('<div style="background-color:<%= annotation.color %>; left:<%= left %>%; width: <%= width %>%;"' |
15 segmenttemplate = _.template('<div style="background-color:<%= annotation.color %>; left:<%= left %>%; width: <%= width %>%;"' |
16 + ' class="frise-segment annotation" data-segment-id="<%= annotation.id %>" title="<%= annotation.title %>"></div>') |
16 + ' class="frise-segment annotation" data-segment-id="<%= annotation.id %>" title="<%= annotation.title %>"></div>') |
17 |
17 |