From 3fea5b2136627c1d7e83b2a5e111952fe3eb10a1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?S=C3=A9bastien=20Theys?= Date: Mon, 15 Jun 2020 18:12:21 +0000 Subject: [REF] mail, *: refactor messaging with OWL MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This commit is a significant rewriting of client-side discuss, chatter, chat window, and messaging menu using OWL. The behavior should be broadly the same, with some slight functional changes here and there. From a technical standpoint, the code of messaging is mainly organized in 2 main groups of modules: - models, which are logical entities that depict the client-side state of messaging as a whole. - components, which are in charge of displaying information from models. This refactoring also introduces new JS guidelines regarding folder structure (/static) and naming rules for JS modules. Community PR: https://github.com/odoo/odoo/pull/39023 Enterprise PR: https://github.com/odoo/enterprise/pull/6249 Task-1914207 This PR is a collaborative work by Alexandre, Julien, Sébastien and Xavier, with the precious help of Lucas to speed it up towards the end. closes odoo/odoo#39023 Related: odoo/enterprise#6249 Signed-off-by: Alexandre Kühn (aku) Co-authored-by: Alexandre Kühn Co-authored-by: Julien Giannone Co-authored-by: Lucas Perais Co-authored-by: Sébastien Theys Co-authored-by: Xavier Dubuc --- .../notification_request/notification_request.js | 90 ++++++++++++++++++++++ 1 file changed, 90 insertions(+) create mode 100644 addons/mail_bot/static/src/components/notification_request/notification_request.js (limited to 'addons/mail_bot/static/src/components/notification_request/notification_request.js') diff --git a/addons/mail_bot/static/src/components/notification_request/notification_request.js b/addons/mail_bot/static/src/components/notification_request/notification_request.js new file mode 100644 index 00000000000..ef9639c688b --- /dev/null +++ b/addons/mail_bot/static/src/components/notification_request/notification_request.js @@ -0,0 +1,90 @@ +odoo.define('mail_bot/static/src/components/notification_request/notification_request.js', function (require) { +'use strict'; + +const components = { + PartnerImStatusIcon: require('mail/static/src/components/partner_im_status_icon/partner_im_status_icon.js'), +}; +const useStore = require('mail/static/src/component_hooks/use_store/use_store.js'); + +const { Component } = owl; + +class NotificationRequest extends Component { + + /** + * @override + */ + constructor(...args) { + super(...args); + useStore(props => { + return { + isDeviceMobile: this.env.messaging.device.isMobile, + partnerRoot: this.env.messaging.partnerRoot + ? this.env.messaging.partnerRoot.__state + : undefined, + }; + }); + } + + //-------------------------------------------------------------------------- + // Public + //-------------------------------------------------------------------------- + + /** + * @returns {string} + */ + getHeaderText() { + return _.str.sprintf( + this.env._t("%s has a request"), + this.env.messaging.partnerRoot.nameOrDisplayName + ); + } + + //-------------------------------------------------------------------------- + // Private + //-------------------------------------------------------------------------- + + /** + * Handle the response of the user when prompted whether push notifications + * are granted or denied. + * + * @private + * @param {string} value + */ + _handleResponseNotificationPermission(value) { + // manually force recompute because the permission is not in the store + this.env.messaging.messagingMenu.update(); + if (value !== 'granted') { + this.env.services['bus_service'].sendNotification( + this.env._t("Permission denied"), + this.env._t("Odoo will not have the permission to send native notifications on this device.") + ); + } + } + + //-------------------------------------------------------------------------- + // Handlers + //-------------------------------------------------------------------------- + + /** + * @private + */ + _onClick() { + const windowNotification = this.env.browser.Notification; + const def = windowNotification && windowNotification.requestPermission(); + if (def) { + def.then(this._handleResponseNotificationPermission.bind(this)); + } + this.trigger('o-odoobot-request-clicked'); + } + +} + +Object.assign(NotificationRequest, { + components, + props: {}, + template: 'mail_bot.NotificationRequest', +}); + +return NotificationRequest; + +}); -- cgit v1.2.3