- You can see the credentials(not server key - and vapid) we need in odoo in the General + You can see the credentials(apiKey, authDomain, projectId, storageBucket, + messagingSenderId, appId, measurementId) in the General --> Your apps
-
-
-
-
- 
-
-
-
-
- - You can create the server key we need in - odoo.For that goto the Cloud Messaging --> - Cloud Messaging API (Legacy) --> 3 dots - -->Manage API in Google Cloud Console --> - Enable the Cloud Messaging -
-
-
-
-
- 
+ style="padding: 1rem 4rem !important;">
+
-
+ style="padding: 1rem 4rem !important;">
+
+
+
+
+
+
+
+ Now we need to create a Vapid goto the Cloud Messaging --> Web configuration --> + Generate Key pair +
+
-
-
- 
-
-
-
-
- - After that you can see the Server key in Cloud - Messaging API (Legacy) -
+
+
-
+
+
+
+
+
+
+ We can see the Vapid here. +
+
-
-
- 
-
-
-
-
- - Now we need to create a Vapid goto the Cloud - Messaging --> Web configuration --> Generate - Key pair -
+
+
-
+
+
+
+
+
+
+ After that navigate to Firebase Admin SDK under Service accounts, select Python and + Generate new private key. It will generate a json file containing all remaining + credentials. +
+
-
-
- 
-
-
-
-
- - After that you can see the public key of the - Vap id Cloud Messaging --> Web configuration -
+
+
-
+
+
+
+
+
+
+ Downloaded json file. +
+
-
-
- 
-
-
-
-
- - Goto the General Settings --> Firebase Push - Notification --> enable the 'Enable Push - Notification' then you can set the credential -
+
+
-
+
+
+
+
+
+
+ Goto the General Settings --> Firebase Push Notification --> enable the 'Enable Push + Notification' then you can set the credentials. +
+
-
-
- 
-
-
-
-
- - Its very important that You must Allow - the notification in the web browser - -
+
+
-
+
+
+
+
+
+
+ Its very important that You must Allow + the notification in the web browser + +
+
-
-
- 
-
-
-
-
- - If you are using firefox browser you need - to allow the notification from clicking top - of the browser and allow like in the above - image - -
+
+
-
+
+
+
+
+
+
+ If you are using firefox browser you need + to allow the notification from clicking top + of the browser and allow like in the above + image + +
+
-
-
- 
-
-
-
-
- - If you are using Brave browser you need - to enable Google Services for push - messaging for that goto the brave://settings/privacy - in brave and enable 'Use Google services - for push messaging' like shown in the above - image - -
+
+
-
+
+
+
+
+
+
+ If you are using Brave browser you need + to enable Google Services for push + messaging for that goto the brave://settings/privacy + in brave and enable 'Use Google services + for push messaging' like shown in the above + image + +
+
-
-
- 
-
-
-
-
- - After Allowing the notification access in the - browser you can click the "TEST CONNECTION" - Button -
+
+
-
+
+
+
+
+
+
+ After Allowing the notification access in the + browser you can click the "TEST CONNECTION" + Button +
+
-
-
- 
-
-
-
-
- - Then you can see a notification on the system, - and you can see a green popup -
+
+
-
+
+
+
+
+
+
+ Then you can see a notification on the system, + and you can see a green popup +
+
-
-
- 
-
-
-
-
- - After that you can send message from the - chatBox module or in the discuss module -
+
+
-
+
+
+
+
+
+
+ After that you can send message from the + chatBox module or in the discuss module +
+
-
-
- 
-
-
-
-
- - Then you can see a popup notification in the - other user and when you click on that it will - be redirected to the odoo instance -
+
+
+
+
+
+
+
+
+ Then you can see a popup notification in the + other user and when you click on that it will + be redirected to the odoo instance +
+
diff --git a/mail_push_notification/static/src/js/firebase.js b/mail_push_notification/static/src/js/firebase.js
index f0466d444..714aed42c 100755
--- a/mail_push_notification/static/src/js/firebase.js
+++ b/mail_push_notification/static/src/js/firebase.js
@@ -1,89 +1,81 @@
/** @odoo-module **/
- import { jsonrpc } from "@web/core/network/rpc_service";
- /**
- * Odoo module for handling Firebase push notifications.
- *
- * This module initializes Firebase messaging and handles push notifications
- * for the current session's company. It also registers the service worker for
- * handling notifications if the company has push notifications enabled.
- *
- * @module mail_push_notification
- */
- var vapid = '';
- var firebaseConfig = {};
- var push_notification = false;
- /**
- * Sends an RPC query to retrieve push notification settings for the current company.
- *
- * @function
- * @returns {Promise} A promise that resolves with the push notification settings.
- */
- jsonrpc("/firebase_credentials", {}).then(function(data) {
- if (data) {
- if (data.push_notification) {
- push_notification = true;
- if ("serviceWorker" in navigator) {
- navigator.serviceWorker.register("/firebase-messaging-sw.js").then(function () {});
- }
- }
- }
- });
- jsonrpc("/firebase_config_details", {}).then(function (data) {
- if (data) {
- var json = JSON.parse(data);
- vapid = json.vapid;
- firebaseConfig = json.config;
- /**
- * Initializes Firebase messaging and sets up event listeners for incoming messages.
- *
- * @function
- */
- firebase.initializeApp(firebaseConfig);
- const messaging = firebase.messaging();
- /**
- * Handles incoming push notification messages.
- *
- * @function
- * @param {Object} payload - The notification payload.
- */
- messaging.onMessage((payload) => {
- const notificationOptions = {
- body: payload.notification.body,
- };
- let notification = payload.notification;
- navigator.serviceWorker.getRegistrations().then((registration) => {
- registration[0].showNotification(notification.title, notificationOptions);
- });
+import { jsonrpc } from "@web/core/network/rpc_service";
+
+// Initialize variables
+let vapid = '';
+let firebaseConfig = {};
+let messaging = null;
+let push_notification = false;
+
+// Fetch push notification settings for the current company
+jsonrpc("/firebase_credentials", {}).then(function(data) {
+ if (data && data.push_notification) {
+ push_notification = true;
+ if ("serviceWorker" in navigator) {
+ navigator.serviceWorker.register("/firebase-messaging-sw.js").then(function () {
+ console.log('Service worker registered successfully.');
+ }).catch(function (err) {
+ console.error('Failed to register service worker:', err);
});
- /**
- * Requests permission for receiving push notifications and retrieves the registration token.
- *
- * @function
- */
- messaging.requestPermission().then(function () {
- /**
- * Retrieves the registration token and sends it to the server for subscription.
- *
- * @function
- * @param {string} vapidKey - The VAPID key for authentication.
- */
- messaging.getToken({ vapidKey: vapid }).then((currentToken) => {
- if (currentToken) {
- /**
- * Sends a POST request to the server with the registration token.
- *
- * @function
- * @param {string} token - The registration token.
- */
- $.post("/push_notification", {
- name: currentToken
- });
- } else {
- console.log('No registration token found');
- }
- }).catch((err) => {
- console.log('There is an error has occurred while attempting to retrieve the token.', err);
- });
+ }
+ }
+});
+// Fetch Firebase configuration details
+jsonrpc("/firebase_config_details", {}).then(function(data) {
+ if (data) {
+ const json = JSON.parse(data);
+ vapid = json.vapid;
+ firebaseConfig = json.config;
+ // Initialize Firebase app with the retrieved configuration
+ firebase.initializeApp(firebaseConfig);
+ messaging = firebase.messaging();
+ // Function to request notification permission and retrieve token
+ function requestPermissionAndRetrieveToken() {
+ console.log('not',Notification)
+ Notification.requestPermission().then((permission) => {
+ console.log('permission',permission)
+ if (permission === 'granted') {
+ console.log('Permission granted');
+ // Retrieve registration token
+ messaging.getToken({ vapidKey: vapid }).then((currentToken) => {
+ console.log('Current token:', currentToken);
+ if (currentToken) {
+ // Send the token to the server for subscription
+ $.post("/push_notification", { name: currentToken }).done(function(response) {
+ console.log('Token sent to server:', response);
+ }).fail(function(error) {
+ console.error('Failed to send token to server:', error);
+ });
+ } else {
+ console.warn('No registration token available');
+ }
+ }).catch((err) => {
+ console.error('Error retrieving token:', err);
+ });
+ } else {
+ console.warn('Permission for notifications was denied');
+ }
+ }).catch((err) => {
+ console.error('Unable to get permission to notify:', err);
});
}
- });
+ // Initialize Firebase messaging and handle incoming messages
+ messaging.onMessage((payload) => {
+ // Show notification to user
+ const notificationTitle = payload.notification.title;
+ const notificationOptions = {
+ body: payload.notification.body,
+ icon: payload.notification.icon
+ };
+ navigator.serviceWorker.getRegistrations().then((registrations) => {
+ registrations[0].showNotification(notificationTitle, notificationOptions);
+ }).catch((err) => {
+ console.error('Error showing notification:', err);
+ });
+ });
+ // Request permission and retrieve token when the DOM content is loaded
+ document.addEventListener('DOMContentLoaded', (event) => {
+ requestPermissionAndRetrieveToken();
+ });
+ }
+});
diff --git a/mail_push_notification/views/res_config_settings_views.xml b/mail_push_notification/views/res_config_settings_views.xml
index 50df5b276..f4056ceb4 100755
--- a/mail_push_notification/views/res_config_settings_views.xml
+++ b/mail_push_notification/views/res_config_settings_views.xml
@@ -34,41 +34,62 @@
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
@@ -83,7 +104,7 @@
@@ -100,11 +121,15 @@
required="push_notification == True"
password="1"/>
-
-
+
+
+
+
+