'
+ + '{{#occurrences}}
'
+// + '{{#locked}}
{{/locked}}'
+ + '
{{/occurrences}}{{#open_cluster}}
'
+ + '{{#occurrences}}
'
+ '{{#locked}}
{{/locked}}
{{/occurrences}}
{{/open_cluster}}';
-Tlns.Templates.Occurrence_List = '{{#occurrences}}
{{title}}
Type d\'occurrence : {{type}}
'
- + 'Univers : {{univers.title}}
Date : {{formatted_date}}
{{description}}
{{/occurrences}}';
+Tlns.Templates.Occurrence_List = '{{#occurrences}}
{{title}}
{{formatted_date}}
{{/occurrences}}';
-Tlns.Templates.OccurrenceTooltip = '
{{formatted_date}}
'
+Tlns.Templates.OccurrenceTooltip = '
{{formatted_date}} - {{translated_status}}
'
+ '
{{description}}
{{univers.mainCharacter}}{{#characters}}, {{.}}{{/characters}}
'
/* Classes */
@@ -196,14 +249,12 @@
Tlns.Utils.SetDefaults(this, Tlns.Defaults.Timeline, _options);
/* Setting container CSS */
- this.$ = $('#' + this.container);
- this.$.addClass('Tl-Main');
- this.$.css({
+ this.$ = $('#' + this.container).html(Mustache.to_html(Tlns.Templates.Timeline, this));
+
+ this.$.find('.Tl-Main').css({
width : this.width + "px",
height : this.height + "px"
});
- this.$.html(Mustache.to_html(Tlns.Templates.Timeline, this));
-
this.main_height = this.height - this.$.find('.Tl-TopBar').outerHeight();
this.$.find('.Tl-BottomPart').css("height", this.main_height + "px");
this.$.find('.Tl-MainPart').css("width", this.main_width + "px");
@@ -226,6 +277,10 @@
_this.drawGrid();
}, 150);
+ this.throttledDrawList = _.throttle(function() {
+ _this.drawList();
+ }, 150);
+
this.setLevel(this.level);
this.$.find('.Tl-TopBar-Timescales>div').click(function() {
@@ -296,7 +351,8 @@
date: _d,
titre: '
',
univers: _this.univers[_u].id,
- publie: true
+ publie: true,
+ statut: 'a_realiser'
}
);
_occ.just_created = true;
@@ -318,14 +374,43 @@
_this.onUniversLoaded(_data);
});
-
+ /* LIST */
- /* LIST */
-
- $("body").append(Mustache.to_html(Tlns.Templates.List, this));
-
- $(".Ls-Main input").bind("click change keyup", function() {
+ $("li.Ls-Critere").click(function() {
+ $(this).toggleClass("Ls-Active");
+ _this.throttledDrawList();
+ });
+ $(".Ls-Search").bind("keyup change click", function() {
+ _this.throttledDrawList();
+ });
+ $(".Ls-From-Date, .Ls-To-Date").datepicker(
+ {
+ dateFormat: "dd/mm/yy",
+ dayNames: [ "Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi" ],
+ dayNamesShort: [ "Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam" ],
+ dayNamesMin: [ "D", "L", "Ma", "Me", "J", "V", "S" ],
+ monthNames: [ "Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre" ],
+ monthNamesShort: [ "Jan", "Fév", "Mar", "Avr", "Mai", "Jun", "Jul", "Aoû", "Sep", "Oct", "Nov", "Déc" ],
+ showOtherMonths: true,
+ selectOtherMonths: true
+ }
+ ).change(function() {
+ var _val = $(this).val();
+ if (_val) {
+ $(this).val(Tlns.Utils.dateFieldProcess( _val ).text);
+ }
_this.drawList();
+ }).bind("keyup", function() {
+ _this.throttledDrawList();
+ });
+ $(".Ls-From-Time, .Ls-To-Time").change(function() {
+ var _val = $(this).val();
+ if (_val) {
+ $(this).val(Tlns.Utils.timeFieldProcess( _val ).text);
+ }
+ _this.throttledDrawList();
+ }).bind("keyup", function() {
+ _this.throttledDrawList();
});
}
@@ -429,8 +514,9 @@
$(".Ls-Univers").html(Mustache.to_html(Tlns.Templates.Univers_List, this));
var _this = this;
- $(".Ls-Univers input").bind("click change keyup", function() {
- _this.drawList();
+ $(".Ls-Univers li.Ls-Critere").click( function() {
+ $(this).toggleClass("Ls-Active");
+ _this.throttledDrawList();
});
this.loadOccurrences();
}
@@ -442,7 +528,7 @@
Tlns.Classes.Timeline.prototype.setTime = function(_centralTime) {
this.sync_now = false;
this.central_time = _centralTime;
- this.throttledDrawGrid();
+ this.changeSpan();
}
Tlns.Classes.Timeline.prototype.setLevel = function(_level) {
@@ -456,11 +542,11 @@
}
});
this.level = _level;
- this.throttledDrawGrid();
+ this.changeSpan();
}
}
-Tlns.Classes.Timeline.prototype.drawGrid = function() {
+Tlns.Classes.Timeline.prototype.changeSpan = function() {
var _now = new Date().valueOf();
if (this.sync_now) {
this.central_time = _now;
@@ -468,12 +554,23 @@
} else {
this.$.find('.Tl-TopBar-SyncButton').removeClass("active");
}
- var _timescale = this.timescales[this.level],
- _offset = new Date().getTimezoneOffset() * 60000;
- this.current_scale = this.main_width / (_timescale.span)
+ var _timescale = this.timescales[this.level];
+ this.current_scale = this.main_width / (_timescale.span);
this.start_time = this.central_time - (_timescale.span / 2);
this.end_time = this.central_time + (_timescale.span / 2);
- var _grid_width = Math.floor(_timescale.grid_interval * this.current_scale),
+ $(".Ls-From-Time").val(Tlns.Utils.dateFormat(this.start_time, '{{0hours}}:{{0minutes}}'));
+ $(".Ls-From-Date").val(Tlns.Utils.dateFormat(this.start_time, '{{0dayOfMonth}}/{{0monthNumber}}/{{year}}'));
+ $(".Ls-To-Time").val(Tlns.Utils.dateFormat(this.end_time, '{{0hours}}:{{0minutes}}'));
+ $(".Ls-To-Date").val(Tlns.Utils.dateFormat(this.end_time, '{{0dayOfMonth}}/{{0monthNumber}}/{{year}}'));
+ this.throttledDrawGrid();
+ this.throttledDrawList();
+}
+
+Tlns.Classes.Timeline.prototype.drawGrid = function() {
+ var _now = new Date().valueOf(),
+ _timescale = this.timescales[this.level],
+ _offset = new Date().getTimezoneOffset() * 60000,
+ _grid_width = Math.floor(_timescale.grid_interval * this.current_scale),
_roundstart = Math.floor((this.start_time - _offset) / _timescale.grid_interval) * _timescale.grid_interval + _offset,
_html = '';
this.$.find('.Tl-TopBar-TimeSpan').html(Tlns.Utils.dateFormat(this.start_time, _timescale.start_date_format) + ' - ' + Tlns.Utils.dateFormat(this.end_time, _timescale.end_date_format));
@@ -514,7 +611,7 @@
if (!this.mouse_down) {
this.drawOccurrences();
}
- this.drawList();
+ this.throttledDrawList();
}
Tlns.Classes.Timeline.prototype.deleteOccurrence = function(_id) {
@@ -614,19 +711,12 @@
_cluster.occurrences = _(_cluster.occurrences).sortBy(function(_o) {
return _o.date;
});
- _cluster.type = _cluster.occurrences[0].type;
_cluster.contents = _cluster.occurrences.map(function(_o) {
return _o.type + ":" + _o.id;
}).join("|");
if (_cluster.contents == _this.open_cluster) {
_openCluster = _cluster;
}
- for (var _i = 1; _i < _cluster.occurrences.length; _i++) {
- if (_cluster.occurrences[_i].type !== _cluster.type) {
- _cluster.type = "both";
- break;
- }
- }
});
@@ -680,7 +770,7 @@
_id = _el.attr("occurrence-id");
if (typeof _id !== "undefined") {
_this.editing_occurrence = _this.getOccurrence(_id);
- if (typeof _this.dragging_type === "undefined" && typeof _this.editing_occurrence !== "undefined" && !_this.editing_occurrence.locked) {
+ if (typeof _this.dragging_type === "undefined" && typeof _this.editing_occurrence !== "undefined" /* && !_this.editing_occurrence.locked */ ) {
_this.dragging_type = "occurrence";
_this.editing_occurrence.editing = true;
}
@@ -690,9 +780,9 @@
_id = _el.attr("occurrence-id");
if (typeof _id !== "undefined") {
var _occurrence = _this.getOccurrence(_id);
- if (!_occurrence.locked) {
- _el.find('.Tl-Link').show();
- }
+// if (!_occurrence.locked) {
+ _el.find('.Tl-Link').show();
+// }
if (!_this.is_dragging) {
var _html = Mustache.to_html(Tlns.Templates.OccurrenceTooltip, _occurrence);
_this.showTooltip(_occurrence.x, _occurrence.y, _html, (_event.pageY - _this.dragging_bounds.top) >= (.4 * _this.main_height) );
@@ -719,7 +809,7 @@
var _el = $(this).parent(),
_id = _el.attr("occurrence-id");
_this.editing_occurrence = _this.getOccurrence(_id);
- if (typeof _this.editing_occurrence !== "undefined" && !_this.editing_occurrence.locked) {
+ if (typeof _this.editing_occurrence !== "undefined" /* && !_this.editing_occurrence.locked */ ) {
_this.dragging_type = "link";
_this.editing_occurrence.editing = true;
}
@@ -738,10 +828,25 @@
}
Tlns.Classes.Timeline.prototype.drawList = function() {
- var _universfilter = $(".Ls-Univers input:checked").map(function(){return this.value}),
- _occtypefilter = $(".Ls-Occtypes input:checked").map(function(){return this.value}),
- _title = $(".Ls-Search").val(),
- _titleregexp = new RegExp( "(" + _title.replace(/(\W)/gm, "\\$1") + ")", "gim" );
+ var _universfilter = $(".Ls-Univers li.Ls-Active").map(function(){return $(this).attr("data")}),
+ _occtypefilter = $(".Ls-Occtypes li.Ls-Active").map(function(){return $(this).attr("data")}),
+ _statusfilter = $(".Ls-Occstatuses li.Ls-Active").map(function(){return $(this).attr("data")}),
+ _title = $(".Ls-Search").val() || "",
+ _titleregexp = new RegExp( "(" + _title.replace(/(\W)/gm, "\\$1") + ")", "gim" ),
+ _startdate = false,
+ _enddate = false,
+ _fromDate = $(".Ls-From-Date").val(),
+ _toDate = $(".Ls-To-Date").val();
+ if (_fromDate) {
+ var _date = Tlns.Utils.dateFieldProcess(_fromDate),
+ _time = Tlns.Utils.timeFieldProcess($(".Ls-From-Time").val());
+ _startdate = new Date(_date.year, _date.month - 1, _date.date, _time.hours, _time.minutes);
+ }
+ if (_toDate) {
+ var _date = Tlns.Utils.dateFieldProcess(_toDate),
+ _time = Tlns.Utils.timeFieldProcess($(".Ls-To-Time").val());
+ _enddate = new Date(_date.year, _date.month - 1, _date.date, _time.hours, _time.minutes);
+ }
$(".Ls-Occurrences").html(
Mustache.to_html(
Tlns.Templates.Occurrence_List,
@@ -749,9 +854,12 @@
occurrences: this.occurrences.filter(function(_occ) {
var _titletest = (!!_occ.title.match(_titleregexp)),
_keep = (
- ( !_title || _titletest )
+ ( !_title || _titletest )
&& (_(_occtypefilter).indexOf(_occ.type) !== -1)
&& (_(_universfilter).indexOf(_occ.univers_id) !== -1)
+ && (_(_statusfilter).indexOf(_occ.status) !== -1)
+ && ( !_fromDate || _occ.date >= _startdate )
+ && ( !_toDate || _occ.date <= _enddate )
);
return _keep;
})
@@ -759,7 +867,7 @@
)
);
if (_title) {
- $(".Ls-Occurrences h3").each(function() {
+ $(".Ls-Occurrence-Title").each(function() {
$(this).html($(this).text().replace(_titleregexp, "$1"));
});
}
@@ -815,8 +923,9 @@
this.univers_id = _data.univers;
this.univers = this.timeline.getUnivers(this.univers_id);
this.status = _data.statut;
+ this.translated_status = Tlns.Defaults.Timeline.statuses[this.status];
this.published = _data.publie || false;
- this.locked = _data.verrouille || false;
+// this.locked = _data.verrouille || false;
this.characters = _data.personnagesSecondaires || [];
this.dependsOn = _(_data.dependDe || []).map(function(_id) {
return "narrative_" + _id;