Taras Machyshyn
131 lines
4.4 KiB
JavaScript
131 lines
4.4 KiB
JavaScript
/************************************************************************
|
|
* This file is part of EspoCRM.
|
|
*
|
|
* EspoCRM - Open Source CRM application.
|
|
* Copyright (C) 2014-2021 Yurii Kuznietsov, Taras Machyshyn, Oleksii Avramenko
|
|
* Website: https://www.espocrm.com
|
|
*
|
|
* EspoCRM is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* EspoCRM is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with EspoCRM. If not, see http://www.gnu.org/licenses/.
|
|
*
|
|
* The interactive user interfaces in modified source and object code versions
|
|
* of this program must display Appropriate Legal Notices, as required under
|
|
* Section 5 of the GNU General Public License version 3.
|
|
*
|
|
* In accordance with Section 7(b) of the GNU General Public License version 3,
|
|
* these Appropriate Legal Notices must retain the display of the "EspoCRM" word.
|
|
************************************************************************/
|
|
|
|
define('views/popup-notification', 'view', function (Dep) {
|
|
|
|
return Dep.extend({
|
|
|
|
type: 'default',
|
|
|
|
style: 'default',
|
|
|
|
closeButton: true,
|
|
|
|
soundPath: 'client/sounds/pop_cork',
|
|
|
|
init: function () {
|
|
Dep.prototype.init.call(this);
|
|
|
|
var id = this.options.id;
|
|
var containerSelector = this.containerSelector = '#' + id;
|
|
|
|
this.setSelector(containerSelector);
|
|
|
|
this.notificationSoundsDisabled = this.getConfig().get('notificationSoundsDisabled');
|
|
|
|
this.soundPath = this.getBasePath() + (this.getConfig().get('popupNotificationSound') || this.soundPath);
|
|
|
|
this.on('render', function () {
|
|
$(containerSelector).remove();
|
|
|
|
var className = 'popup-notification-' + Espo.Utils.toDom(this.type);
|
|
|
|
$('<div>').attr('id', id)
|
|
.addClass('popup-notification')
|
|
.addClass(className)
|
|
.addClass('popup-notification-' + this.style)
|
|
.appendTo('#popup-notifications-container');
|
|
this.setElement(containerSelector);
|
|
}, this);
|
|
|
|
this.on('after:render', function () {
|
|
this.$el.find('[data-action="close"]').on('click', function () {
|
|
this.cancel();
|
|
}.bind(this));
|
|
}, this);
|
|
|
|
this.once('after:render', function () {
|
|
this.onShow();
|
|
}.bind(this));
|
|
|
|
this.once('remove', function () {
|
|
$(containerSelector).remove();
|
|
});
|
|
|
|
this.notificationData = this.options.notificationData;
|
|
this.notificationId = this.options.notificationId;
|
|
this.id = this.options.id;
|
|
},
|
|
|
|
data: function () {
|
|
return {
|
|
closeButton: this.closeButton,
|
|
notificationData: this.notificationData,
|
|
notificationId: this.notificationId
|
|
};
|
|
},
|
|
|
|
playSound: function () {
|
|
if (this.notificationSoundsDisabled) return;
|
|
|
|
var html = '' +
|
|
'<audio autoplay="autoplay">'+
|
|
'<source src="' + this.soundPath + '.mp3" type="audio/mpeg" />'+
|
|
'<source src="' + this.soundPath + '.ogg" type="audio/ogg" />'+
|
|
'<embed hidden="true" autostart="true" loop="false" src="' + this.soundPath +'.mp3" />'+
|
|
'</audio>';
|
|
$(html).get(0).volume = 0.3;
|
|
$(html).get(0).play();
|
|
},
|
|
|
|
onShow: function () {
|
|
if (!this.options.isFirstCheck) {
|
|
this.playSound();
|
|
}
|
|
},
|
|
|
|
onConfirm: function () {
|
|
},
|
|
|
|
onCancel: function () {
|
|
},
|
|
|
|
confirm: function () {
|
|
this.onConfirm();
|
|
this.trigger('confirm');
|
|
this.remove();
|
|
},
|
|
|
|
cancel: function () {
|
|
this.onCancel();
|
|
this.trigger('cancel');
|
|
this.remove();
|
|
}
|
|
});
|
|
});
|