metadatacomposer: comparison integration/js/edition.js

Mercurial Mercurial > metadatacomposer / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

integration/js/edition.js

changeset 95	5f42ac58d262
parent 94	79c19e74a121
child 101	e40637c085b0

equal deleted inserted replaced

-:79c19e74a121
+:5f42ac58d262
 $('.timeline-annotations').on('click', '.annotation', function(e){
 e.preventDefault();
 var idAnnotation = $(this).attr('data-id'),
 annotation = _.find(annotations, function(c){ return c.id == idAnnotation; });
 myMedia.setCurrentTime(annotation.begin);
-openTab(annotation.type, annotation);
+if($('#tab-annotation-'+idAnnotation).length){
+$('a[href=#tab-annotation-'+idAnnotation+']').tab('show');
+}else{
+openTab(annotation.type, annotation);
+}
 });
 myProject.onLoad(function() {
 myProject.regenerateTags = true;
 controls: true,
 autostart: true,
 url_transform: function(src) {
 return [{
 type: "video/mp4",
-src: src.replace(/\.[\d\w]+$/,'.mp4')
+src: src.replace(/\.[\d\w]+$/,'.mp4').replace('rtmp://media.iri.centrepompidou.fr/ddc_player', 'http://media.iri.centrepompidou.fr')
 }, {
 type: "video/webm",
-src: src.replace(/\.[\d\w]+$/,'.webm')
+src: src.replace(/\.[\d\w]+$/,'.webm').replace('rtmp://media.iri.centrepompidou.fr/ddc_player', 'http://media.iri.centrepompidou.fr')
 }];
 }
 }
 );
 $.each(annotations, function(k, v){
 if(v.begin <= t && v.end >= t){
 currentAnnotationsDisplay.push(v.id);
 if(!$('#item-current-annotation-'+v.id).length){
-var itemAnnotation =
+var itemAnnotation = getTemplate('#tpl-item-annotation-display');
-$('<li>')
+itemAnnotation = Mustache.render(itemAnnotation, v);
-.attr('id', 'item-current-annotation-'+v.id)
-.attr('data-id', v.id)
-.append(
-$('<a>')
-.css('backgroundColor', v.color)
-.attr('data-id', v.id)
-.attr('href', '#')
-.append(
-$('<i>').addClass('icon-'+getIcon(v.type))
-)
-);
 $('.list-current-annotations').append(itemAnnotation)
 }
 }
 });
 $.each($('.list-current-annotations li'), function(k, v){
 showCurrentAnnotationInTimeline(currentAnnotation.id);
 }
 }
 function showCurrentAnnotationInTimeline(idAnnotation){
-$('.timeline-annotations .annotation span').hide();
+$('.annotation').removeClass('editing');
-$('#annotation-timeline-'+idAnnotation+' span').show();
+$('#annotation-timeline-'+idAnnotation).addClass('editing');
 }
 //display annotation view
 $('.list-current-annotations').on('click', 'a', function(e){
 e.preventDefault();
 var annotationDisplayView = $('.annotation-display-view'),
 currentChapter[name] = value;
 if(name == 'title'){
 var idChapter = $(this).parents('form').attr('data-chapter-id');
 $('.chapter-segments').find('#'+idChapter).text(value);
 $('#row-list-chapter-'+idChapter).find('td:first').text(value);
+$(this).parents('form').find('.btn-delete-chapter').attr('data-title', value);
 }
 });
 function getTemplate(idTpl){
 return $('#templates').find(idTpl).html();
 }
 //supprimer
-$('.list-chapter-wrap').on('click', '.btn-delete-chapter', function(e){
+$(document).on('click', '.btn-delete-chapter', function(e){
 e.preventDefault();
 if(chapters.length == 1){alert('Le projet doit contenir au moins un chapitre.'); return;}
 var idChapter = $(this).attr('data-chapter-id'),
 btnDeleteModal = $("#modal-confirm #btn-delete-modal");
 btnDeleteModal.attr('data-type-delete', 'chapter');
 btnDeleteModal.attr('data-id', idChapter);
 });
+$(document).on('click', '.btn-ok-chapter', function(e){
+e.preventDefault();
+$('.form-chapter-edit').remove();
+})
 function deleteChapter(idChapter){
 disabledPreview();
 $("#modal-confirm").modal('hide');
 var chapter = _.find(chapters, function(c){ return c.id == idChapter; }),
 $('.chapter-widget').on('click', '.btn-cut-chapter', function(e){
 e.preventDefault();
 var dataChapter = {
 title : 'New',
 begin : myMedia.currentTime,
 end : organizeNewChapter(myMedia.currentTime),
 description : 'description',
 keywords : ['tag1','tag2']
 };
 newChapter(dataChapter, true);
 });
 left = Math.floor(v.begin * wTimeline / myMedia.duration),
 dataAnntim = {
 left : left,
 width : width,
 color : v.color,
-id : v.id
+id : v.id,
+title : v.title
 },
 segment = getTemplate('#tpl-annotation-in-timeline');
 segment = Mustache.render(segment, dataAnntim);
-/*
-segment = $('<a>').css({
-left : left,
-width : width,
-backgroundColor : v.color
-}).addClass('annotation')
-.attr('data-id', v.id)
-.attr('id', 'annotation-timeline-'+v.id);
-*/
 var isInTimeline = false;
 $.each(timeline.find('li'), function(a, b){
 if(isInTimeline) return;
 var row = $(this);
 if(row.children().length){
 currentAnnotation[name] = value;
 if(name == 'title'){
 var idAnnotation = $(this).parents('form').attr('data-id');
 $('#onglet-title-'+idAnnotation).text(value);
 $(this).parents('form').find('.btn-delete-annotation').attr('data-title', value);
+$('#annotation-timeline-'+ idAnnotation+' span').text(value);
 }
 });
 //delete annotation
 $(document).on('click','.btn-delete-annotation', function(e){
 function openTab(type, data){
 var dataView;
 if(_.isUndefined(data)){//nouveau
 var currentTimePlusUnMin = 60 * 1000 + myMedia.currentTime,
 endAnnotation = (currentTimePlusUnMin<myMedia.duration) ? currentTimePlusUnMin : myMedia.duration;
 var dataAnnotation = {
 title : '',
 begin : myMedia.currentTime,
 addLinkRow(tbody);
 }
 break;
 case 'slideshow':
+console.log(currentAnnotation)
 $(tabContent).find('.number-spin').val(dataView.content.slideduration/1000);
 $(tabContent).find('.number-spin').spin(spinParam);
 $(tabContent).find('.ui-sortable').sortable({
 start: function (event, ui) {
 $(ui.item).data("startindex", ui.item.index());
 row.remove();
 updateLinks(tbody);
 });
 function addLinkRow(tbody, dataView){
 //head commun à tous
 var tplLinkRow = getTemplate('#tpl-links-row');
 var output = Mustache.render(tplLinkRow, dataView);
 tbody.append(output);
 }
 $('.tab-content').on('keyup', '.links-rows input', function(e){
 var tbody = $(this).parents('.links-rows');
 updateLinks(tbody);
 //save project
 $('.btn-save-project').bind('click', function(e){
 $('.btn-apercu-projet').removeClass('disabled');
-console.log(JSON.parse(myProject.serialize()));
+console.log(myProject.serialize());
-/*
 $.ajax({
 type: "POST",
 url: urlSaveProject,
 data: myProject.serialize(),
 contentType: "application/cinelab",
 headers: {
-//"X-CSRFToken": options.csrf_token
+"X-CSRFToken": tokenSaveProject
 },
 success: function(data, status, request){
 console.log('data : ', data);
 console.log('status : ', status);
 console.log('request : ', request);
 },
 error: function(jqXHR, textStatus, errorThrown){
 alert(gettext("Server error\nYour hashcut couldn't be published"));
 }
 });
-*/
 });
 function disabledPreview(){
 if(!$('.btn-apercu-projet').hasClass('disabled'))$('.btn-apercu-projet').addClass('disabled');
 break;
 case 'text':
 content = {
 mimetype : "application/x-ldt-text",
 markup : "html",
-text : "azerty"
+text : ""
 };
 break;
 case 'links':
 content = {
 mimetype : "application/x-ldt-links",

metadatacomposer