audrius/web
1
0
Fork 1
mirror of https://github.com/OCA/web.git synced 2025-02-22 13:21:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

[11.0][ADD] web_view_calendar_list

Browse Source
This commit is contained in:
Enric Tobella
2020-02-02 20:48:47 +01:00
committed by Olga Marco
parent d4704c67c4
commit 51949ba06a
17 changed files with 881 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web_view_calendar_list/static/src/js/calendar_list_controller.js Normal file
View File

@@ -0,0 +1,11 @@
odoo.define('web_view_calendar_list.CalendarListController', function (require) {
"use strict";
var CalendarController = require('web.CalendarController');
var CalendarListController = CalendarController.extend({
});
return CalendarListController;
});

59
web_view_calendar_list/static/src/js/calendar_list_model.js Normal file
View File

@@ -0,0 +1,59 @@
odoo.define('web_view_calendar_list.CalendarListModel', function (require) {
"use strict";
var CalendarModel = require('web.CalendarModel');
var AppointmentModel= CalendarModel.extend({
_recordToCalendarEvent: function (evt) {
var date_start = false;
var date_stop = false;
var date_delay = evt[this.mapping.date_delay] || 1.0,
all_day = this.fields[
this.mapping.date_start
].type === 'date' || this.mapping.all_day &&
evt[this.mapping.all_day] || false,
the_title = '',
attendees = [];
if (!all_day) {
date_start = evt[this.mapping.date_start].clone();
date_stop = this.mapping.date_stop ? evt[
this.mapping.date_stop].clone() : null;
} else {
date_start = evt[this.mapping.date_start].clone().startOf(
'day');
date_stop = this.mapping.date_stop ? evt[
this.mapping.date_stop].clone().startOf('day') : null;
}
if (!date_stop && date_delay) {
date_stop = date_start.clone().add(date_delay, 'hours');
}
if (!all_day) {
date_start.add(
this.getSession().getTZOffset(date_start), 'minutes');
date_stop.add(
this.getSession().getTZOffset(date_stop), 'minutes');
}
if (this.mapping.all_day && evt[this.mapping.all_day]) {
date_stop.add(1, 'days');
}
return {
'record': evt,
'start': date_start,
'end': date_stop,
'r_start': date_start,
'r_end': date_stop,
'title': the_title,
'allDay': all_day,
'id': evt.id,
'attendees':attendees,
};
},
});
return AppointmentModel;
});

159
web_view_calendar_list/static/src/js/calendar_list_renderer.js Normal file
View File

@@ -0,0 +1,159 @@
odoo.define('web_view_calendar_list.CalendarListRenderer', function (require) {
"use strict";
var CalendarRenderer = require('web.CalendarRenderer');
var session = require('web.session');
var core = require('web.core');
var qweb = core.qweb;
var _t = core._t;
var scales = {
day: 'listDay',
week: 'listWeek',
month: 'listMonth'
};
var AppointmentRenderer= CalendarRenderer.extend({
_initCalendar: function () {
var self = this;
this.$calendar = this.$(".o_calendar_widget");
// This seems like a workaround but apparently passing the locale
// in the options is not enough. We should initialize it beforehand
var locale = moment.locale();
$.fullCalendar.locale(locale);
//Documentation here : http://arshaw.com/fullcalendar/docs/
var fc_options = $.extend({}, this.state.fc_options, {
eventDrop: function (event) {
self.trigger_up('dropRecord', event);
},
eventResize: function (event) {
self.trigger_up('updateRecord', event);
},
eventClick: function (event) {
self.trigger_up('openEvent', event);
self.$calendar.fullCalendar('unselect');
},
select: function (target_date, end_date, event, _js_event, _view) {
var data = {'start': target_date, 'end': end_date};
if (self.state.context.default_name) {
data.title = self.state.context.default_name;
}
self.trigger_up('openCreate', data);
self.$calendar.fullCalendar('unselect');
},
eventRender: function (event, element) {
var $render = $(self._eventRender(event));
event.title = $render.find('.o_field_type_char:first').text();
element.find('.fc-list-item-title').html($render.html());
element.addClass($render.attr('class'));
var display_hour = '';
if (!event.allDay) {
var start = event.r_start || event.start;
var end = event.r_end || event.end;
var timeFormat = _t.database.parameters.time_format.search("%H") != -1 ? 'HH:mm': 'h:mma';
display_hour = start.format(timeFormat) + ' - ' + end.format(timeFormat);
if (display_hour === '00:00 - 00:00') {
display_hour = _t('All day');
}
}
element.find('.fc-list-item-time').text(display_hour);
},
// Dirty hack to ensure a correct first render
eventAfterAllRender: function () {
$(window).trigger('resize');
},
viewRender: function (view) {
// compute mode from view.name which is either 'month', 'agendaWeek' or 'agendaDay'
var mode = view.name === 'listMonth' ? 'month' : (view.name === 'listWeek' ? 'week' : 'day');
// compute title: in week mode, display the week number
var title = mode === 'week' ? view.intervalStart.week() : view.title;
self.trigger_up('viewUpdated', {
mode: mode,
title: title,
});
},
height: 'parent',
unselectAuto: false,
locale: locale,
// reset locale when fullcalendar has already been instanciated before now
});
this.$calendar.fullCalendar(fc_options);
},
/*
We need to overwrite it in order make a change on the state variable
that is not dependant on the class, so we cannot modify it without
overwriting all the class
*/
_render: function () {
var $calendar = this.$calendar;
var $fc_view = $calendar.find('.fc-view');
var scrollPosition = $fc_view.scrollLeft();
var scrollTop = this.$calendar.find('.fc-scroller').scrollTop();
$fc_view.scrollLeft(0);
$calendar.fullCalendar('unselect');
if (scales[this.state.scale] !== $calendar.data('fullCalendar').getView().type) {
$calendar.fullCalendar('changeView', scales[this.state.scale]);
}
if (this.target_date !== this.state.target_date.toString()) {
$calendar.fullCalendar(
'gotoDate', moment(this.state.target_date));
this.target_date = this.state.target_date.toString();
}
this.$small_calendar.datepicker(
"setDate", this.state.highlight_date.toDate()
).find('.o_selected_range').removeClass('o_color o_selected_range');
var $a = false;
switch (this.state.scale) {
case 'month':
$a = this.$small_calendar.find('td a');
break;
case 'week':
$a = this.$small_calendar.find(
'tr:has(.ui-state-active) a');
break;
case 'day':
$a = this.$small_calendar.find('a.ui-state-active');
break;
}
$a.addClass('o_selected_range');
setTimeout(function () {
$a.not('.ui-state-active').addClass('o_color');
});
$fc_view.scrollLeft(scrollPosition);
var fullWidth = this.state.fullWidth;
this.$('.o_calendar_sidebar_toggler')
.toggleClass('fa-close', !fullWidth)
.toggleClass('fa-chevron-left', fullWidth)
.attr(
'title',
!fullWidth ? _('Close Sidebar') : _('Open Sidebar'));
this.$sidebar_container.toggleClass('o_sidebar_hidden', fullWidth);
this.$sidebar.toggleClass('o_hidden', fullWidth);
this._renderFilters();
this.$calendar.appendTo('body');
if (scrollTop) {
this.$calendar.fullCalendar('reinitView');
} else {
this.$calendar.fullCalendar('render');
}
this._renderEvents();
this.$calendar.prependTo(this.$('.o_calendar_view'));
return $.when();
},
});
return AppointmentRenderer;
});

30
web_view_calendar_list/static/src/js/calendar_list_view.js Normal file
View File

@@ -0,0 +1,30 @@
odoo.define('web_view_calendar_list.CalendarListView', function (require) {
"use strict";
var CalendarView = require('web.CalendarView');
var core = require('web.core');
var CalendarListController = require(
'web_view_calendar_list.CalendarListController');
var CalendarListModel = require('web_view_calendar_list.CalendarListModel');
var CalendarListRenderer = require(
'web_view_calendar_list.CalendarListRenderer');
var view_registry = require('web.view_registry');
var _lt = core._lt;
var CalendarListView = CalendarView.extend({
display_name: _lt('Calendar List'),
icon: 'fa-calendar-check-o',
config: {
Model: CalendarListModel,
Controller: CalendarListController,
Renderer: CalendarListRenderer,
},
});
view_registry
.add('calendar_list', CalendarListView);
return CalendarListView;
});