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 83	8f954a0d6031
parent 79	5dfa74fcec4b
child 84	9f481f896e60

equal deleted inserted replaced

-:5dfa74fcec4b
+:8f954a0d6031
 if(pos+wBtnCutChapter>wContainer){
 btnCutChapter.css("left",(pos - wBtnCutChapter));
 }else{
 btnCutChapter.css("left",pos);
 }
+$('.info-time').text(t)
 //annotations view
 refreshAnnotationDisplay(t);
 });//timeupdate
 }
 }
 function showCurrentAnnotationInTimeline(idAnnotation){
 $('.timeline-annotations .annotation').empty();
-$('#annotation-timeline-'+idAnnotation).text('en cours');
+$('#annotation-timeline-'+idAnnotation).html('<i class="icon-pencil"></i> '+textCurrentAnnotationEditT);
 }
 //display annotation view
 $('.list-current-annotations').on('click', 'a', function(e){
 e.preventDefault();
 var annotationDisplayView = $('.annotation-display-view'),
 annotationDisplayView.hide();
 }else{
 annotationDisplayView
 .attr('data-id', idAnnotation)
 .css('backgroundColor', annotation.color)
-.text(annotation.type)
+.text(annotation.type+' : '+annotation.title)
 .show();
 }
 });
 //########### modal
 $(document).on('click', 'a.open-modal', function(e){
-});
-//edition image
-$('.popup').on('change', '#media-type-select', function(e){
-var typeImage = $(this).val();
-$('.input-image-url, .input-image-upload').hide();
-$('.input-image-'+typeImage).show();
 });
 //select on bibliotheque
 //confirmation suppression
 e.preventDefault();
 });
 //--title-editor
 $(document).on('click', '.project-title-editor i, .project-title', function () {
+disabledPreview();
 var html = $('.project-title').html();
 var input = $('<input type="text" />');
 input.val(html);
 $('.project-title').replaceWith(input);
 input.focus().keypress(function(e){
 var idChapter = $(this).attr('id');
 loadFormChapter(idChapter);
 });
 $('.chapter-widget-info').on('keyup', 'input[name=title], textarea', function(e){
+disabledPreview();
 var name = $(this).attr('name'),
 value = $(this).val();
 currentChapter[name] = value;
 if(name == 'title'){
 var idChapter = $(this).parents('form').attr('data-chapter-id');
 function loadFormChapter(idChapter){
+disabledPreview();
 currentChapter = _.find(chapters, function(c){ return c.id == idChapter; });
 var chapterWrap = $('.chapter-widget-info'),
 indexChapter = _.indexOf(chapters, currentChapter),
 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);
-// $("#modal-confirm #btn-delete-modal").attr('onclick', 'deleteChapter("'+idChapter+'")')
-/*
-var idChapter = $(this).attr('data-chapter-id'),
-chapter = _.find(chapters, function(c){ return c.id == idChapter; }),
-indexChapter = _.indexOf(chapters, chapter),
-chapterModify;
-if(indexChapter == 0){
-chapterModify = chapters[1];
-chapterModify.setBegin(0);
-}else{
-chapterModify = chapters[indexChapter-1];
-//var newEnd = new IriSP.Model.Time(chapter.end)
-chapterModify.setEnd(chapter.end);
-}
-chapters = _(chapters).reject(function(c) { return c.id == idChapter; });
-renderChapter();
-//si le formulaire est visible
-if($('#form-chapter-edit-'+idChapter).length){
-$('#form-chapter-edit-'+idChapter).remove();
-}
-*/
 });
 function deleteChapter(idChapter){
-$("#modal-confirm").modal('hide')
+disabledPreview();
+$("#modal-confirm").modal('hide');
 var chapter = _.find(chapters, function(c){ return c.id == idChapter; }),
 indexChapter = _.indexOf(chapters, chapter),
 chapterModify;
 if(indexChapter == 0){
 chapterModify = chapters[1];
 return returnEnd;
 }
 function renderChapter(){
+disabledPreview();
 var chapterSegmentWrap = $('.chapter-segments'),
 wChapterSegmentWrap = chapterSegmentWrap.width(),
 chapterList = $('.list-chapter-rows-wrap');
 chapters = _.sortBy(chapters, function(c){
 return annotation;
 }
 function renderAnnotation(){
+disabledPreview();
 var timeline = $('.timeline-annotations'),
 wTimeline = timeline.width(),
 annotationList = $('#list-annotations-rows');
 annotations = _.sortBy(annotations, function(c){
 }//renderAnnotation
 //edit annotation
 $('#list-annotations').on('click', 'a.btn-edit-annotation', function(e){
 e.preventDefault();
+disabledPreview();
 var idAnnotation = $(this).attr('data-id');
 //si il est déjà ouvert
 if($('#tab-annotation-'+idAnnotation).length){
 $('a[href=#tab-annotation-'+idAnnotation+']').tab('show');
 }else{
 openTab(data.type, data);
 }
 });
 $('.tab-content').on('keyup', '.form-info-general-annotation input[name=title], .form-info-general-annotation textarea', function(e){
+disabledPreview();
 var name = $(this).attr('name'),
 value = $(this).val();
 currentAnnotation[name] = value;
 if(name == 'title'){
 var idAnnotation = $(this).parents('form').attr('data-id');
 });
 //delete annotation
 $(document).on('click','.btn-delete-annotation', function(e){
 e.preventDefault();
-/*
-var idAnnotation = $(this).attr('data-id');
-annotations = _(annotations).reject(function(c) { return c.id == idAnnotation; });
-closeTab(idAnnotation);
-if(!$(this).hasAttr('data-no-render'))//si on ferme à partir de la tab renderAnnotation sera appelé 2 fois
-renderAnnotation();
-*/
 var idAnnotation = $(this).attr('data-id'),
 btnDeleteModal = $("#modal-confirm #btn-delete-modal");
 btnDeleteModal.attr('data-type-delete', 'annotation');
 btnDeleteModal.attr('data-id', idAnnotation);
 });
 function deleteAnnotation(idAnnotation){
+disabledPreview();
 $("#modal-confirm").modal('hide');
 annotations = _(annotations).reject(function(c) { return c.id == idAnnotation; });
 closeTab(idAnnotation);
 renderAnnotation();
 }
 var type = $(this).attr('data-type');
 openTab(type);
 });
 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 = {
 //particularité selon type
 switch(type){
 case 'audio':
 break;
 case 'video':
 if(viewType.content.url != ""){
 var videoWrap = $(tabContent).find('.annotation-video-content');
 renderVideoInfo(videoWrap, viewType.content);
 }
 break;
 case 'text':
 var cledit = $(tabContent).find('.wysiwyg').cleditor(wysiwygConfig)[0];
 break;
 case 'links':
 addLinkRow(tbody);
 }
 break;
 case 'slideshow':
+$(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());
 },
 disabledBtnSortable(diaporama);
 };
 //edit title / description
-$('.tab-content').on('click', '.title-slideshow-row', function(){
+$('.tab-content').on('click', '.title-slideshow-row, .description-slideshow-row, .video-title-edit, .video-description-edit', function(){
 if($(this).find('input').length) return;
-var html = $(this).find('span').html();
+var html = $(this).find('span').html(),
-var input = $('<input type="text" />').addClass('input-mini').attr('name', 'title');
+inputType = $(this).attr('data-input'),
+name = $(this).attr('data-name'),
+input = $('<'+inputType+'>').attr('name', name);
 input.val(html);
 $(this).find('span').replaceWith(input);
 input.focus().keypress(function(e){
 code = (e.keyCode ? e.keyCode : e.which);
 if (code == 13) $(this).blur();
 });
 });
-$('.tab-content').on('click', '.description-slideshow-row', function(){
-if($(this).find('textarea').length) return;
-var html = $(this).find('span').html();
-var input = $('<textarea>').attr('name', 'description');
-input.val(html);
-$(this).find('span').replaceWith(input);
-input.focus().keypress(function(e){
-code = (e.keyCode ? e.keyCode : e.which);
-if (code == 13) $(this).blur();
-});
-});
 $(document).on('blur', '.title-slideshow-row input, .description-slideshow-row textarea', function(){
 var newValue = $(this).val(),
 name = $(this).attr('name'),
 span = $('<span>').html(newValue),
 indexRow = $(this).parents('.row-image-diaporama').index();
 $(this).replaceWith(span);
 currentAnnotation.content.images[indexRow][name] = newValue;
+});
+$(document).on('blur', '.video-title-edit input, .video-description-edit textarea', function(){
+var newValue = $(this).val(),
+name = $(this).attr('name'),
+span = $('<span>').html(newValue);
+$(this).replaceWith(span);
+currentAnnotation.content[name] = newValue;
 });
 //bouton up / down
 $(document).on('click', '.ui-sortable .btn-sort', function(e){
 e.preventDefault();
 });
 $('.tab-content').on('change keyup', '.config-diaporama input[name=duration]', function(){
 var value = $(this).val();
 if(!isNaN(value)){
-currentAnnotation.content.duration = value;
+currentAnnotation.content.slideduration = value * 1000;
 }
 });
+//save project
+$('.btn-save-project').bind('click', function(e){
+$('.btn-apercu-projet').removeClass('disabled');
+});
+function disabledPreview(){
+if(!$('.btn-apercu-projet').hasClass('disabled'))$('.btn-apercu-projet').addClass('disabled');
+}
 //################ config
 //tagit
 function onTagItChange(e, ui) {
 var tagitType = $(this).attr('data-type'),
 }
 //CLEditor annotation > text (wysiwyg)
 //http://premiumsoftware.net/cleditor/docs/GettingStarted.html#optionalParameters
 var wysiwygConfig = {
-width:        456,
+width:        450,
 height:       250,
 controls:     "bold italic underline strikethrough | font size " +
 "style | color highlight removeformat | bullets numbering | source",
 fonts:        "Arial,Arial Black,Comic Sans MS,Courier New,Narrow,Garamond," +
 "Georgia,Impact,Sans Serif,Serif,Tahoma,Trebuchet MS,Verdana",
 };
 break;
 case 'slideshow':
 content = {
 mimetype : "application/x-ldt-slideshow",
-duration : 1,
+slideduration : 1000,
 autostart : false,
 images : []
 };
 break;
 }
 }
 }
 this.splice(new_index, 0, this.splice(old_index, 1)[0]);
 return this;
 };
 function getVideoPlayer(src, videoWrap){
 var youtubeTemplate = _.template(
 '<iframe width="<%- width %>" height="<%- height %>" src="http://www.youtube.com/embed/<%- ytid %>?rel=0&autoplay=<%- autoplay %>" frameborder="0"></iframe>'

metadatacomposer