initial commit 2

1 files changed, 95 insertions, 0 deletions

diff --git a/addons/mail/static/src/components/notification_popover/notification_popover.js b/addons/mail/static/src/components/notification_popover/notification_popover.js
new file mode 100644
index 00000000..6be3647e
--- /dev/null
+++ b/addons/mail/static/src/components/notification_popover/notification_popover.js
@@ -0,0 +1,95 @@
+odoo.define('mail/static/src/components/notification_popover/notification_popover.js', function (require) {
+'use strict';
+
+const { Component } = owl;
+const useShouldUpdateBasedOnProps = require('mail/static/src/component_hooks/use_should_update_based_on_props/use_should_update_based_on_props.js');
+const useStore = require('mail/static/src/component_hooks/use_store/use_store.js');
+
+class NotificationPopover extends Component {
+
+    /**
+     * @override
+     */
+    constructor(...args) {
+        super(...args);
+        useShouldUpdateBasedOnProps({
+            compareDepth: {
+                notificationLocalIds: 1,
+            },
+        });
+        useStore(props => {
+            const notifications = props.notificationLocalIds.map(
+                notificationLocalId => this.env.models['mail.notification'].get(notificationLocalId)
+            );
+            return {
+                notifications: notifications.map(notification => notification ? notification.__state : undefined),
+            };
+        }, {
+            compareDepth: {
+                notifications: 1,
+            },
+        });
+    }
+
+    /**
+     * @returns {string}
+     */
+    get iconClass() {
+        switch (this.notification.notification_status) {
+            case 'sent':
+                return 'fa fa-check';
+            case 'bounce':
+                return 'fa fa-exclamation';
+            case 'exception':
+                return 'fa fa-exclamation';
+            case 'ready':
+                return 'fa fa-send-o';
+            case 'canceled':
+                return 'fa fa-trash-o';
+        }
+        return '';
+    }
+
+    /**
+     * @returns {string}
+     */
+    get iconTitle() {
+        switch (this.notification.notification_status) {
+            case 'sent':
+                return this.env._t("Sent");
+            case 'bounce':
+                return this.env._t("Bounced");
+            case 'exception':
+                return this.env._t("Error");
+            case 'ready':
+                return this.env._t("Ready");
+            case 'canceled':
+                return this.env._t("Canceled");
+        }
+        return '';
+    }
+
+    /**
+     * @returns {mail.notification[]}
+     */
+    get notifications() {
+        return this.props.notificationLocalIds.map(
+            notificationLocalId => this.env.models['mail.notification'].get(notificationLocalId)
+        );
+    }
+
+}
+
+Object.assign(NotificationPopover, {
+    props: {
+        notificationLocalIds: {
+            type: Array,
+            element: String,
+        },
+    },
+    template: 'mail.NotificationPopover',
+});
+
+return NotificationPopover;
+
+});