109 lines
3.6 KiB
JavaScript
109 lines
3.6 KiB
JavaScript
flectra.define('web.special_fields', function (require) {
|
|
"use strict";
|
|
|
|
var core = require('web.core');
|
|
var field_utils = require('web.field_utils');
|
|
var relational_fields = require('web.relational_fields');
|
|
|
|
var FieldSelection = relational_fields.FieldSelection;
|
|
var _t = core._t;
|
|
|
|
|
|
/**
|
|
* This widget is intended to display a warning near a label of a 'timezone' field
|
|
* indicating if the browser timezone is identical (or not) to the selected timezone.
|
|
* This widget depends on a field given with the param 'tz_offset_field', which contains
|
|
* the time difference between UTC time and local time, in minutes.
|
|
*/
|
|
var FieldTimezoneMismatch = FieldSelection.extend({
|
|
/**
|
|
* @override
|
|
*/
|
|
start: function () {
|
|
this._datetime = setInterval(this._renderDateTimeTimezone.bind(this), 1000);
|
|
return this._super.apply(this, arguments);
|
|
},
|
|
/**
|
|
* @override
|
|
*/
|
|
destroy: function () {
|
|
clearInterval(this._datetime);
|
|
return this._super();
|
|
},
|
|
|
|
//--------------------------------------------------------------------------
|
|
// Private
|
|
//--------------------------------------------------------------------------
|
|
|
|
/**
|
|
* @override
|
|
* @private
|
|
*/
|
|
_render: function () {
|
|
this._super.apply(this, arguments);
|
|
this._renderTimezoneMismatch();
|
|
},
|
|
/**
|
|
* Display the time in the user timezone (reload each second)
|
|
*
|
|
* @private
|
|
*/
|
|
_renderDateTimeTimezone: function () {
|
|
if (!this.mismatch) {
|
|
return;
|
|
}
|
|
var offset = this.recordData.tz_offset.match(/([+-])([0-9]{2})([0-9]{2})/);
|
|
offset = (offset[1] === '-' ? -1 : 1) * (parseInt(offset[2])*60 + parseInt(offset[3]));
|
|
var datetime = field_utils.format.datetime(moment.utc().add(offset, 'minutes'), this.field, {timezone: false});
|
|
var content = this.$option.html().split(' ')[0];
|
|
content += ' ('+ datetime + ')';
|
|
this.$option.html(content);
|
|
},
|
|
/**
|
|
* Display the timezone alert
|
|
*
|
|
* Note: timezone alert is a span that is added after $el, and $el is now a
|
|
* set of two elements
|
|
*
|
|
* @private
|
|
*/
|
|
_renderTimezoneMismatch: function () {
|
|
// we need to clean the warning to have maximum one alert
|
|
this.$el.last().filter('.o_tz_warning').remove();
|
|
this.$el = this.$el.first();
|
|
var value = this.$el.val();
|
|
|
|
if (this.$option) {
|
|
this.$option.html(this.$option.html().split(' ')[0]);
|
|
}
|
|
|
|
var userOffset = this.recordData.tz_offset;
|
|
this.mismatch = false;
|
|
if (userOffset && value !== "" && value !== "false") {
|
|
var offset = -(new Date().getTimezoneOffset());
|
|
var browserOffset = (offset < 0) ? "-" : "+";
|
|
browserOffset += _.str.sprintf("%02d", Math.abs(offset / 60));
|
|
browserOffset += _.str.sprintf("%02d", Math.abs(offset % 60));
|
|
this.mismatch = (browserOffset !== userOffset);
|
|
}
|
|
|
|
if (this.mismatch){
|
|
var $span = $('<span class="fa fa-exclamation-triangle o_tz_warning"/>');
|
|
$span.insertAfter(this.$el);
|
|
$span.attr('title', _t("Timezone Mismatch : The timezone of your browser doesn't match the selected one. The time in Flectra is displayed according to your field timezone."));
|
|
this.$el = this.$el.add($span);
|
|
|
|
this.$option = this.$('option').filter(function () {
|
|
return $(this).attr('value') === value;
|
|
});
|
|
this._renderDateTimeTimezone();
|
|
}
|
|
},
|
|
});
|
|
|
|
return {
|
|
FieldTimezoneMismatch: FieldTimezoneMismatch,
|
|
};
|
|
|
|
});
|