eulalie: comparison timeline/js/timeline.js

Mercurial Mercurial > eulalie / comparison

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

timeline/js/timeline.js

changeset 94	bf8879a6470e
parent 93	dc66d623dddd
child 95	907a53a35a95

equal deleted inserted replaced

-:dc66d623dddd
+:bf8879a6470e
 timescales : [{
 label : "Semaine",
 span : 7 * 86400 * 1000,
 grid_interval : 86400 * 1000,
 grid_date_format : '{{dayOfMonth}} {{monthName}}',
-min_importance : 1
+min_importance : 0
 }, {
 label : "3 jours",
 span : 3 * 86400 * 1000,
 grid_interval : 6 * 3600 * 1000,
 grid_date_format : '{{^isDayStart}}{{0hours}}h{{0minutes}}{{/isDayStart}}{{#isDayStart}}{{dayOfMonth}} {{shortMonthName}}{{/isDayStart}}',
 "Cms\\Message": "Message",
 "Cms\\Rule": "Règle",
 "Cms\\Video": "Vidéo",
 "Cms\\SweetCadaver": "Cadavre exquis"
 },
-maxtime: false
+maxtime: false,
+url_base: ""
 }
 for (var _i = 0; _i < Tlns.Defaults.Timeline.timescales.length; _i++) {
 Tlns.Defaults.Timeline.timescales[_i].level = _i;
 }
 Tlns.Templates.Timeline = '<div class="Tl-Main"><div class="Tl-Grid"></div><div class="Tl-TopBar"></div>'
 + '<div class="Tl-BottomPart"><ul class="Tl-UniversLabels"></ul>'
 + '<div class="Tl-MainPart"><div class="Tl-Occurrences"></div>'
 + '</div>'
 + '<div class="Tl-Overlay-Container"><div class="Tl-Overlay-Box"><div class="Tl-Overlay"><div class="Tl-Overlay-Tip-Top"></div><div class="Tl-Overlay-Main"></div><div class="Tl-Overlay-Tip-Bottom"></div></div></div></div></div></div>'
++ '<div class="Tl-Details"></div>'
 Tlns.Templates.Univers = '<div class="Tl-UniversText">{{title}}</div>';
 Tlns.Templates.Occurrence =
 '{{#occurrences}}<div class="Tl-Occurrence Tl-OccOnGrid Tl-Occ{{type}} Tl-Occ{{status}}{{#editing}} Tl-Editing{{/editing}}" occurrence-id="{{id}}" style="left: {{x}}px; top: {{y}}px;">'
 + '</div>{{/occurrences}}';
 Tlns.Templates.OccurrenceTooltip = '<h3 class="Tl-Tooltip-Title">{{title}}</h3><p class="Tl-Tooltip-Date">{{formatted_date}} &mdash; {{translated_status}} &mdash; {{format}}</p>'
 + '<p class="Tl-Tooltip-Description">{{description}}</p>'
 //    + '<p class="Tl-Tooltip-Characters">{{univers.mainCharacter}}{{#characters}}, {{.}}{{/characters}}</p>'
+Tlns.Templates.OccurrenceDetails = '<div class="Tl-Detail"><img class="Tl-Detail-Image" src="{{detail_image}}" />'
++ '<h2 class="Tl-Detail-Title">{{title}}</h2><p class="Tl-Detail-Description">{{detail_description}}</p>'
++ '<div class="Tl-Detail-Bottom"><span class="Tl-Detail-Date">{{formatted_date}}</span><a class="Tl-Detail-Read" href="{{url}}" target="_blank">Lire la suite</a></div></div>';
 /* Classes */
 Tlns.Classes.Timeline = function(_options) {
 if (!_this.editing_occurrence.editing) {
 _(_this.occurrences).each(function(_occ) {
 _occ.editing = false;
 });
 _this.editing_occurrence.editing = true;
+_this.$.find(".Tl-Details").html(Mustache.to_html(Tlns.Templates.OccurrenceDetails, _this.editing_occurrence));
 }
 _this.throttledDrawGrid();
 }
 }).mouseover(function(_event) {
 var _el = $(this),
 }
 }
 this.format = this.timeline.class_labels[this.type];
 if (_data.contentHasMedias && _data.contentHasMedias.length) {
 this.image = _data.contentHasMedias[0].media.cinema.replace(/cinema\/[\d]+\/[\d]+/,'cinema/85/38');
+this.detail_image = _data.contentHasMedias[0].media.carre.replace(/carre\/[\d]+\/[\d]+/,'carre/135/135');
 }
 this.translated_status = Tlns.Defaults.Timeline.statuses[this.status];
 //    this.published = (_data.publication && _data.publication == "En ligne");
 //    this.locked = _data.verrouille || false;
 //    this.characters = _data.personnagesSecondaires || [];
 var _tmp = $('<p>').html(_data.resume || "");
-this.description = _tmp.text().trim().replace(/(\n|\r|\r\n)/mg,' ').replace(/(^.{60,80})[\s].+$/m,'$1&hellip;');
+var trimmedDesc = _tmp.text().trim().replace(/(\n|\r|\r\n)/mg,' ');
+this.description = trimmedDesc.replace(/(^.{60,80})[\s].+$/m,'$1&hellip;');
+this.detail_description = trimmedDesc.replace(/(^.{360,380})[\s].+$/m,'$1&hellip;');
+this.url = this.timeline.url_base + _data.url;
 }
 Tlns.Classes.Occurrence.prototype.addDependency = function(_id) {
 if (_(this.dependsOn).indexOf(_id) == -1) {
 this.dependsOn.push(_id);

eulalie