From 4cf21a0c64cb98c5b50e9e2861c59c6c2e2f3eb7 Mon Sep 17 00:00:00 2001
From: Enrique Hernandez <hernandeze2@xavier.edu>
Date: Sat, 27 Feb 2021 16:35:39 -0600
Subject: [PATCH] add navbar close & min functionality

---
 src/App.vue              | 33 +++++++++++++++++++++++++++++++--
 src/background/window.ts | 14 ++++++++++++++
 2 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 222f4db..583ff1b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,8 +7,8 @@
 
         <!-- Menu -->
     <span class="menu">
-      <button class="menuButton exitButton"></button>
-      <button class="menuButton minimizeButton"></button>
+      <button class="menuButton exitButton" @click.prevent="callNavbar('close')"></button>
+      <button class="menuButton minimizeButton" @click.prevent="callNavbar('min')"></button>
     </span>
 
     <!-- Windows -->
@@ -17,6 +17,35 @@
   </div>
 </template>
 
+<script lang="ts">
+import {defineComponent} from 'vue';
+import { useIpc } from "@/modules/ipc";
+
+export default defineComponent({
+
+    setup() {
+
+    const { invoke } = useIpc();
+
+    const callNavbar = (action: string) => {
+        switch(action) {
+                case 'close':
+                    invoke('nav-bar', 'close');
+                    break;
+                case 'min':
+                    invoke('nav-bar', 'min');
+                    break;
+            }
+        }
+
+        return {
+            callNavbar
+        }
+    }
+})
+
+</script>
+
 <style lang="scss">
 
   html, body {
diff --git a/src/background/window.ts b/src/background/window.ts
index 036999a..334ae67 100644
--- a/src/background/window.ts
+++ b/src/background/window.ts
@@ -31,6 +31,9 @@ let win: BrowserWindow | null;
 const windowMount = (): void => {
   backgroundMitt.emit('window-active', true);
   ipcMain.on('update-recorder', updateRecorder);
+    // handle renderer auth-token event
+    ipcMain.removeHandler('nav-bar'); // avoid setting duplicate handlers
+    ipcMain.handle('nav-bar', navBarHandler);
 }
 
 const windowDismount = (): void => {
@@ -87,3 +90,14 @@ export const createWindow = async (options: WindowSettings): Promise<void> => {
   });
 };
 
+// call this function on nav bar click
+function navBarHandler(_event, action: string) {
+    switch(action) {
+        case 'close':
+            if (win) win.close();
+            break;
+        case 'min':
+            if (win) win.minimize();
+            break;
+    }
+}
-- 
2.43.0