Halaman utama Jelajahi Bantuan
Masuk
Artois
/
electronotes
2
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Jelajahi Sumber

Gestion tray et notification

Arthur Brandao 5 tahun lalu
induk
dca60e27cf
melakukan
a9ac475418
9 mengubah file dengan 143 tambahan dan 0 penghapusan
Tampilan Split Tampilkan Statistik Diff
  1. 1 0
      app/main/application-menu.js
  2. TEMPAT SAMPAH
      app/main/asset/icon.png
  3. TEMPAT SAMPAH
      app/main/asset/tray.png
  4. 9 0
      app/main/function/demo-application-menu.js
  5. 32 0
      app/main/function/notif.js
  6. 58 0
      app/main/function/tray.js
  7. 13 0
      app/renderer/page/notif/notif.html
  8. 15 0
      app/renderer/page/notif/notif.js
  9. 15 0
      helper/window.js

+ 1 - 0
app/main/application-menu.js
Tampilan Berkas 

@@ -41,6 +41,7 @@ let template = [
 
       {
 
         label: 'Reduire l\'application',
 
         click: () => {
 
+          demo.tray();
 
           console.log('tray+notif');
 
         }
 
       }

TEMPAT SAMPAH
app/main/asset/icon.png
Tampilan Berkas


TEMPAT SAMPAH
app/main/asset/tray.png
Tampilan Berkas


+ 9 - 0
app/main/function/demo-application-menu.js
Tampilan Berkas 

@@ -1,3 +1,5 @@
 
+const tray = require('./tray');
 
+const notif = require('./notif');
 
 const demoMenu = {};
 
 
 demoMenu.primeNumberPopup = function () {
 
@@ -12,4 +14,11 @@ demoMenu.primeNumberResult = function () {
 
 
 };
 
 
+demoMenu.tray = function () {
 
+    // Show notif
 
+    notif.create('Application minimisé', 'Cliquer sur l\'icone dans la barre des notifications pour réouvrir l\'application');
 
+    // Add tray
 
+    tray.active();
 
+}
 
+
 
 module.exports = demoMenu;

+ 32 - 0
app/main/function/notif.js
Tampilan Berkas 

@@ -0,0 +1,32 @@
 
+const {ipcMain} = require('electron');
 
+const path = require('path');
 
+const window = require('../../../helper/window');
 
+const notif = {};
 
+
 
+let hiddenWindow = null;
 
+
 
+notif.create = function (title, content) {
 
+    // If a notification is already displayed
 
+    if (hiddenWindow) {
 
+        return;
 
+    }
 
+    // Notification data
 
+    const data = {
 
+        title: title,
 
+        body: content,
 
+        icon: path.join(__dirname, '../asset/icon.png')
 
+    }
 
+    // Wait close information
 
+    ipcMain.once('notif-close', (event, arg) => {
 
+        hiddenWindow.close();
 
+        hiddenWindow = null;
 
+    })
 
+    // Create new invisible window to show notif
 
+    hiddenWindow = window.hidden(path.join(__dirname, '../../renderer/page/notif/notif.html'));
 
+    // Send information
 
+    hiddenWindow.on('ready-to-show', () => {
 
+        hiddenWindow.webContents.send('new-notif', data);
 
+    });
 
+}
 
+
 
+module.exports = notif;

+ 58 - 0
app/main/function/tray.js
Tampilan Berkas 

@@ -0,0 +1,58 @@
 
+const {app, Tray, Menu} = require('electron');
 
+const path = require('path');
 
+const window = require('../../../helper/window');
 
+const tray = {};
 
+
 
+tray.openApp = function () {
 
+    if (appIcon) {
 
+        appIcon.destroy();
 
+        // Re create the main window on dashboard page and close the invisible window
 
+        const newWindow = window.new(path.join(__dirname, '../../renderer/page/dashboard/dashboard.html'));
 
+        mainWindow.close();
 
+        mainWindow = newWindow;
 
+    }
 
+};
 
+
 
+tray.closeApp = function () {
 
+    if (appIcon) {
 
+        appIcon.destroy();
 
+        app.quit();
 
+    }
 
+}
 
+
 
+tray.active = function () {
 
+    appIcon = new Tray(path.join(__dirname, '../asset/tray.png'));
 
+    appIcon.setToolTip('Electronotes');
 
+    appIcon.setContextMenu(menu);
 
+    // Hide app
 
+    const invisibleWindow = window.hidden(); // Create invisible window to avoid closing the app when all window are closed
 
+    mainWindow.close();
 
+    mainWindow = invisibleWindow;
 
+    // Left click => open app
 
+    appIcon.on('click', (event) => {
 
+        tray.openApp();
 
+    });
 
+};
 
+
 
+module.exports = tray;
 
+
 
+/* --- Var and event --- */
 
+
 
+let appIcon = null;
 
+app.on('quit', () => {
 
+    if (appIcon) {
 
+        appIcon.destroy();
 
+    }
 
+});
 
+
 
+const template = [
 
+    {
 
+        label: 'Ouvrir',
 
+        click: tray.openApp,
 
+    },
 
+    {
 
+        label: 'Quitter',
 
+        click: tray.closeApp
 
+    }
 
+];
 
+const menu = Menu.buildFromTemplate(template);

+ 13 - 0
app/renderer/page/notif/notif.html
Tampilan Berkas 

@@ -0,0 +1,13 @@
 
+<!DOCTYPE html>
 
+<html>
 
+    <head>
 
+        <meta charset="UTF-8">
 
+        <title>Electronotes</title>
 
+    </head>
 
+    <body>         
+        <!-- Load only electronotes.js this page is hidden -->
 
+        <script type="text/javascript" src="../../common/js/electronotes.js"></script>
 
+        <!-- Load personnal js -->
 
+        <script type="text/javascript" src="notif.js"></script>
 
+    </body>
 
+</html>

+ 15 - 0
app/renderer/page/notif/notif.js
Tampilan Berkas 

@@ -0,0 +1,15 @@
 
+// Wait notification demand
 
+ipcRenderer.once('new-notif', (event, notification) => {
 
+    // Check notification data
 
+    if (notification.title && notification.body && notification.icon) {
 
+        // Create notification
 
+        const notif = new window.Notification(notification.title, notification); 
+        // Close notif after 2.5 sec
 
+        setTimeout(() => {
 
+            notif.close();
 
+            ipcRenderer.send('notif-close');
 
+        }, 2500)   
+    } else {
 
+        ipcRenderer.send('notif-close');
 
+    }
 
+});

+ 15 - 0
helper/window.js
Tampilan Berkas 

@@ -3,6 +3,21 @@ const { BrowserWindow } = require('electron');
 
 const path = require('path');
 
 const window = {};
 
 
+window.hidden = function (file) {
 
+    const win = new BrowserWindow({
 
+        width: 0,
 
+        height: 0,
 
+        show: false,
 
+        webPreferences: {
 
+            nodeIntegration: true
 
+        }
 
+    });
 
+    if (file) {
 
+        win.loadFile(file);
 
+    }
 
+    return win;
 
+}
 
+
 
 window.new = function (file, width, height) {
 
     // Default values
 
     width = width ? width : config.window.width;