3 var directory = new IriSP.Model.Directory(), |
3 var directory = new IriSP.Model.Directory(), |
4 project = directory.remoteSource({ |
4 project = directory.remoteSource({ |
5 url: "data/bpidata.json", |
5 url: "data/bpidata.json", |
6 serializer: IriSP.serializers.medialist |
6 serializer: IriSP.serializers.medialist |
7 }), |
7 }), |
8 mediatemplate = '<li class="item-video"><a class="clearfix" href="#"><img src="{{thumbnail}}" alt="aperçu" />' |
8 mediatemplate = '<li class="item-video"><img src="{{thumbnail}}" alt="aperçu" />' |
9 + '<span class="video-info"><span class="title-video">{{title}}</span><span class="author">{{description}}</span>' |
9 + '<span class="video-info"><span class="title-video">{{title}}</span><span class="author">{{description}}</span>' |
10 + '<span class="time-length">Durée : <span>{{duration}}</span></span></span></a></li>'; |
10 + '<span class="time-length">Durée : <span>{{duration}}</span></span></span></li>'; |
11 project.onLoad(function() { |
11 project.onLoad(function() { |
12 var html = ''; |
12 var html = ''; |
13 project.getMedias().forEach(function(_m) { |
13 project.getMedias().forEach(function(_m) { |
14 html += Mustache.to_html(mediatemplate, _m); |
14 html += Mustache.to_html(mediatemplate, _m); |
15 }); |
15 }); |
16 $(".col-left .list-video").html(html); |
16 $(".col-left .list-video").html(html); |
17 }); |
17 }); |
18 |
18 |
19 $(".col-left input").bind("keyup change input paste", function() { |
19 $(".col-left input").on("keyup change input paste", function() { |
20 var val = $(this).val(); |
20 var val = $(this).val(); |
21 if (val) { |
21 if (val) { |
22 var find = IriSP.Model.regexpFromTextOrArray(val, true), |
22 var find = IriSP.Model.regexpFromTextOrArray(val, true), |
23 replace = IriSP.Model.regexpFromTextOrArray(val, false); |
23 replace = IriSP.Model.regexpFromTextOrArray(val, false); |
24 } |
24 } |