Browse Source

[IMP] Add an option to initialize the timeline window on display.

The default window display all the events (aka 'fit'), in case of events spread over the year, the events are invisibles (too small to be readable)

Signed-off-by: adrien.didenot <adrien.didenot@horanet.com>
pull/735/head
adrien.didenot 7 years ago
parent
commit
ea82165639
  1. 3
      web_timeline/README.rst
  2. 24
      web_timeline/static/src/js/web_timeline.js

3
web_timeline/README.rst

@ -31,6 +31,9 @@ the possible attributes for the tag:
additional key is down. Available values are '' (does not apply), 'altKey', additional key is down. Available values are '' (does not apply), 'altKey',
'ctrlKey', or 'metaKey'. Set this option if you want to be able to use the 'ctrlKey', or 'metaKey'. Set this option if you want to be able to use the
scroll to navigate vertically on views with a lot of events. scroll to navigate vertically on views with a lot of events.
* default_window (optional): Specifies the initial visible window. Aviable values are:
'day' to display the next 24 hours, 'week', 'month' and 'fit'.
Default value is 'fit' to adjust the visible window such that it fits all items
* event_open_popup (optional): when set to true, it allows to edit the events * event_open_popup (optional): when set to true, it allows to edit the events
in a popup. If not (default value), the record is edited changing to form in a popup. If not (default value), the record is edited changing to form
view. view.

24
web_timeline/static/src/js/web_timeline.js

@ -111,6 +111,7 @@ odoo.define('web_timeline.TimelineView', function (require) {
this.date_delay = attrs.date_delay; this.date_delay = attrs.date_delay;
this.no_period = this.date_start == this.date_stop; this.no_period = this.date_start == this.date_stop;
this.zoomKey = attrs.zoomKey || ''; this.zoomKey = attrs.zoomKey || '';
this.default_window = attrs.default_window || 'fit';
if (!isNullOrUndef(attrs.quick_create_instance)) { if (!isNullOrUndef(attrs.quick_create_instance)) {
self.quick_create_instance = 'instance.' + attrs.quick_create_instance; self.quick_create_instance = 'instance.' + attrs.quick_create_instance;
@ -171,6 +172,27 @@ odoo.define('web_timeline.TimelineView', function (require) {
onRemove: self.on_remove, onRemove: self.on_remove,
zoomKey: this.zoomKey zoomKey: this.zoomKey
}; };
if (this.default_window) {
var start = new moment();
var end;
switch (this.default_window) {
case 'day':
end = new moment().add(1, 'days');
break;
case 'week':
end = new moment().add(1, 'weeks');
break;
case 'month':
end = new moment().add(1, 'months');
break;
}
if (end) {
options['start'] = start;
options['end'] = end;
}else{
this.default_window = 'fit';
}
}
self.timeline = new vis.Timeline(self.$timeline.empty().get(0)); self.timeline = new vis.Timeline(self.$timeline.empty().get(0));
self.timeline.setOptions(options); self.timeline.setOptions(options);
if (self.mode && self['on_scale_' + self.mode + '_clicked']) { if (self.mode && self['on_scale_' + self.mode + '_clicked']) {
@ -333,7 +355,9 @@ odoo.define('web_timeline.TimelineView', function (require) {
var groups = split_groups(events, group_bys); var groups = split_groups(events, group_bys);
this.timeline.setGroups(groups); this.timeline.setGroups(groups);
this.timeline.setItems(data); this.timeline.setItems(data);
if (!this.default_window || this.default_window == 'fit'){
this.timeline.fit(); this.timeline.fit();
}
}, },
do_show: function () { do_show: function () {

Loading…
Cancel
Save