# HG changeset patch # User veltr # Date 1351093458 -7200 # Node ID 42c59d09670e8923fd6bd230d6f0b33eeb85f02c # Parent 8a8b6097d3828b77f1dfc25cf273b252bc8acce4 display media list diff -r 8a8b6097d382 -r 42c59d09670e integration/css/edition.css --- a/integration/css/edition.css Wed Oct 24 15:58:27 2012 +0200 +++ b/integration/css/edition.css Wed Oct 24 17:44:18 2012 +0200 @@ -1,12 +1,12 @@ /* bloc */ div.bloc-pvw{ - + display: none; } div.bloc-segmentation{ display: none; } div.bloc-vide{ - display: none; + display: block; } /* header - title-video-wrap */ div.header div.title-video-wrap{ @@ -39,6 +39,7 @@ } /* popin - update-title */ div.update-title.popin{ + display: none; top: 34px; left: 150px; } @@ -75,7 +76,7 @@ } /* col-middle */ div.col-middle{ - width: 460px; + width: 460px; min-height: 1px; } div.col-middle-header{ height: 35px; @@ -511,12 +512,12 @@ display: block; margin-bottom: 1px; } -ul.list-video li a span.video-info span.time-lenght{ +ul.list-video li a span.video-info span.time-length{ font-size: 12px; font-weight: 600; display: block; } -ul.list-video li a span.video-info span.time-lenght span{ +ul.list-video li a span.video-info span.time-length span{ color: #de2500; } ul.list-video li a span.number{ diff -r 8a8b6097d382 -r 42c59d09670e integration/edition.html --- a/integration/edition.html Wed Oct 24 15:58:27 2012 +0200 +++ b/integration/edition.html Wed Oct 24 17:44:18 2012 +0200 @@ -1,8 +1,5 @@ - - - - + @@ -10,13 +7,12 @@ - - +
- Bibliothèque centre Pompidou + Bibliothèque centre Pompidou
@@ -128,39 +124,7 @@

@@ -401,9 +365,15 @@
- - - - + + + + + + + + + + diff -r 8a8b6097d382 -r 42c59d09670e integration/js/editor.js --- a/integration/js/editor.js Wed Oct 24 15:58:27 2012 +0200 +++ b/integration/js/editor.js Wed Oct 24 17:44:18 2012 +0200 @@ -1,3 +1,50 @@ -$(function() { +(function() { + var Hashcut = function() { + var directory = new IriSP.Model.Directory(), + project = directory.remoteSource({ + url: "data/bpidata.json", + serializer: IriSP.serializers.medialist + }), + mediatemplate = '
  • aperçu' + + '{{title}}{{description}}' + + 'Durée : {{duration}}
  • '; + project.onLoad(function() { + var html = ''; + project.getMedias().forEach(function(_m) { + html += Mustache.to_html(mediatemplate, _m); + }); + $(".col-left .list-video").html(html); + }); + + $(".col-left input").bind("keyup change input paste", function() { + var val = $(this).val(); + if (val) { + var find = IriSP.Model.regexpFromTextOrArray(val, true), + replace = IriSP.Model.regexpFromTextOrArray(val, false); + } + $(".col-left .item-video").each(function() { + var li = $(this), + title = $(this).find(".title-video"), + titletext = title.text(); + if (val && find.test(titletext)) { + title.html(titletext.replace(replace, '$1')); + li.show(); + } else { + title.text(titletext); + if (val) { + li.hide(); + } else { + li.show(); + } + } + }) + }); + } + IriSP.Hashcut = Hashcut; +} +)(); + +$(function() { + var hashcut = new IriSP.Hashcut(); }); diff -r 8a8b6097d382 -r 42c59d09670e integration/js/medialist-serializer.js --- a/integration/js/medialist-serializer.js Wed Oct 24 15:58:27 2012 +0200 +++ b/integration/js/medialist-serializer.js Wed Oct 24 17:44:18 2012 +0200 @@ -4,7 +4,6 @@ }, deSerialize : function(_data, _source) { var _medialist = new IriSP.Model.List(_source.directory); - console.log(_medialist); IriSP._(_data).each(function(_m) { var _media = new IriSP.Model.Media(_m.id, _source); _media.video = _m.video; @@ -13,7 +12,6 @@ _media.setDuration(_m.duration); _media.thumbnail = _m.thumbnail; _medialist.push(_media); - console.log(_medialist); }); _source.addList("media", _medialist); }