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 82	f00eb382bff1
parent 81	bf6adf981cc2
child 83	f8b1d6f5bb33

equal deleted inserted replaced

-:bf6adf981cc2
+:f00eb382bff1
 //  + '{{#locked}}<div class="Tl-Locked"></div>{{/locked}}'
 + '<div class="Tl-Link"{{#editing}} style="display: block"{{/editing}}></div></div>{{/occurrences}}{{#open_cluster}}<div class="Tl-ClusterOverlay" style="left: {{x}}px; top: {{y}}px;">'
 + '{{#occurrences}}<div class="Tl-Occurrence Tl-OccInCluster Tl-Occ{{type}} Tl-Occ{{status}}{{#editing}} Tl-Editing{{/editing}}" occurrence-id="{{id}}">'
 + '{{#locked}}<div class="Tl-Locked"></div>{{/locked}}<div class="Tl-Link"{{#editing}} style="display: block"{{/editing}}></div></div>{{/occurrences}}</div>{{/open_cluster}}';
-Tlns.Templates.Occurrence_List = '{{#occurrences}}<li class="Ls-Occurrence"><div class="Ls-OccIcon Tl-Occ{{type}} Tl-Occ{{status}}"></div><h4 class="Ls-Occurrence-Title">{{title}}</h4>'
+Tlns.Templates.Occurrence_List = '{{#occurrences}}<li class="Ls-Occurrence" data-id="{{id}}"><div class="Ls-OccIcon Tl-Occ{{type}} Tl-Occ{{status}}"></div><h4 class="Ls-Occurrence-Title"><a href="#">{{title}}</a></h4>'
 + '<p class="Ls-Occ-More">{{formatted_date}} &mdash; {{univers.title}} &mdash; {{translated_status}} &mdash; {{#jt}}Au JT{{/jt}}{{^jt}}Hors JT{{/jt}}</p><div style="clear:both;"></div></li>{{/occurrences}}';
 Tlns.Templates.OccurrenceTooltip = '<h3 class="Tl-Tooltip-Title">{{title}}</h3><p class="Tl-Tooltip-Date">{{formatted_date}} &mdash; {{translated_status}}</p>'
 + '<p class="Tl-Tooltip-Description">{{description}}</p>'
 //    + '<p class="Tl-Tooltip-Characters">{{univers.mainCharacter}}{{#characters}}, {{.}}{{/characters}}</p>'
 this.$.find('.Tl-Main').css({
 width : this.width + "px",
 height : this.height + "px"
 });
 this.main_height = this.height - this.$.find('.Tl-TopBar').outerHeight();
+//this.main_height = this.height - 27;
 this.$.find('.Tl-BottomPart').css("height", this.main_height + "px");
 this.$.find('.Tl-MainPart').css("width", this.main_width + "px");
 this.$.find('.Tl-Overlay-Container').css("left", (this.$.find('.Tl-BottomPart').outerWidth() - this.main_width) + "px");
 this.$.find('canvas.Tl-Layer').attr({
 width: this.main_width,
 /* BINDING MEDIADATA EVENTS */
 $("body").bind("AjoutOccurrenceEditeur MiseAJourOccurrenceEditeur", function(_event, _data) {
-var _type = _data.typeOccurrence.replace(/^occurrence/i,'').toLowerCase();
+var _type = _data.typeOccurrence.replace(/^Occurrence/i,'').toLowerCase();
 _this.createOrUpdateOccurrence(_type, _data);
 _this.throttledDrawGrid();
+_this.throttledDrawList();
 });
 $("body").bind("SuppressionOccurrenceEditeur", function(_event, _data) {
-var _id = _data.typeOccurrence.replace(/^occurrence/i,'').toLowerCase() + '_' + _data.id;
+var _id = _data.typeOccurrence.replace(/^Occurrence/i,'').toLowerCase() + '_' + _data.id;
 _this.deleteOccurrence(_id);
 _this.throttledDrawGrid();
+_this.throttledDrawList();
 });
 $("body").bind("AjoutDependanceEditeur", function(_event, _data) {
-var _sourceId = _data.typeOccurrence.replace(/^occurrence/i,'').toLowerCase() + '_' + _data.id,
+var _sourceId = _data.typeOccurrence.replace(/^Occurrence/i,'').toLowerCase() + '_' + _data.id,
-_targetId = _data.typeOccurrenceCible.replace(/^occurrence/i,'').toLowerCase() + '_' + _data.idCible;
+_targetId = _data.typeOccurrenceCible.replace(/^Occurrence/i,'').toLowerCase() + '_' + _data.idCible;
 _this.getOccurrence(_sourceId).addDependency(_targetId);
 _this.throttledDrawGrid();
 });
 $("body").bind("SuppressionDependanceEditeur", function(_event, _data) {
-var _sourceId = _data.typeOccurrence.replace(/^occurrence/i,'').toLowerCase() + '_' + _data.id,
+var _sourceId = _data.typeOccurrence.replace(/^Occurrence/i,'').toLowerCase() + '_' + _data.id,
-_targetId = _data.typeOccurrenceCible.replace(/^occurrence/i,'').toLowerCase() + '_' + _data.idCible;
+_targetId = _data.typeOccurrenceCible.replace(/^Occurrence/i,'').toLowerCase() + '_' + _data.idCible;
-_this.getOccurrence(_sourceId).addDependency(_targetId);
+_this.getOccurrence(_sourceId).removeDependency(_targetId);
 _this.throttledDrawGrid();
 });
 }
 switch (this.dragging_type) {
 case "occurrence":
 var _event = ( this.editing_occurrence.just_created ? "Ajout" : "MiseAJour" ) + "OccurrenceTimeline",
 _data = {
 id: this.editing_occurrence.original_id,
-typeOccurrence: "occurrence" + this.editing_occurrence.type.replace(/^./,function(_l) { return _l.toUpperCase()}),
+typeOccurrence: "Occurrence" + this.editing_occurrence.type.replace(/^./,function(_l) { return _l.toUpperCase()}),
 datePublication : Math.floor(this.editing_occurrence.date / 1000),
 titre : this.editing_occurrence.title,
 idUnivers: this.editing_occurrence.univers_id,
 statut: this.statuses[this.editing_occurrence.status],
 JT: +!!this.editing_occurrence.jt
 this.deleteOccurrence(this.editing_occurrence.id);
 this.throttledDrawGrid();
 } else {
 var _data = {
 id: this.editing_occurrence.original_id,
-typeOccurrence: "occurrence" + this.editing_occurrence.type.replace(/^./,function(_l) { return _l.toUpperCase()})
+typeOccurrence: "Occurrence" + this.editing_occurrence.type.replace(/^./,function(_l) { return _l.toUpperCase()})
 }
 $("body").trigger("SelectionOccurrenceTimeline", _data);
 }
 }
 }
 if (_target != _this.editing_occurrence.id) {
 _this.editing_occurrence.addDependency(_target);
 $("body").trigger("AjoutDependanceTimeline",
 {
 id: _this.editing_occurrence.original_id,
-typeOccurrence: "occurrence" + _this.editing_occurrence.type.replace(/^./,function(_l) { return _l.toUpperCase()}),
+typeOccurrence: "Occurrence" + _this.editing_occurrence.type.replace(/^./,function(_l) { return _l.toUpperCase()}),
 idCible: _target.replace(/^.*_/,''),
-typeOccurrenceCible: "occurrence" + _target.replace(/_.*$/,'').replace(/^./,function(_l) { return _l.toUpperCase()})
+typeOccurrenceCible: "Occurrence" + _target.replace(/_.*$/,'').replace(/^./,function(_l) { return _l.toUpperCase()})
 }
 );
 }
 }
 });
 if (_title) {
 this.$.find(".Ls-Occurrence-Title").each(function() {
 $(this).html($(this).text().replace(_titleregexp, "<span style='background:yellow'>$1</span>"));
 });
 }
+this.$.find(".Ls-Occurrence").click(function() {
+var _id = $(this).attr("data-id"),
+_data = {
+id: _id.replace(/^.*_/,''),
+typeOccurrence: "Occurrence" + _id.replace(/_.*$/,'').replace(/^./,function(_l) { return _l.toUpperCase()})
+}
+$("body").trigger("SelectionOccurrenceTimeline", _data);
+return false;
+});
 }
 Tlns.Classes.Timeline.prototype.getUnivers = function(_id) {
 return _(this.univers).find(function(_univ) {
 return (_univ.id == _id);

eulalie