From 5c3a3eb42eb7a5e2ef1a4ec5846b382415a9bd9a Mon Sep 17 00:00:00 2001
From: rgargya <robert.gargya@emarsys.com>
Date: Fri, 13 Oct 2023 15:55:10 +0200
Subject: [PATCH] add empty dialog for settings

-
Ticket: AUT-2324
---
 src/main/index.js                             | 16 ++++++++++++++++
 src/renderer/components/app/app.html          |  2 ++
 src/renderer/components/app/app.js            |  2 ++
 .../settings-dialog/settings-dialog.html      | 17 +++++++++++++++++
 .../settings-dialog/settings-dialog.js        | 19 +++++++++++++++++++
 5 files changed, 56 insertions(+)
 create mode 100644 src/renderer/components/settings-dialog/settings-dialog.html
 create mode 100644 src/renderer/components/settings-dialog/settings-dialog.js

diff --git a/src/main/index.js b/src/main/index.js
index 78e36f8..9c1ce6c 100644
--- a/src/main/index.js
+++ b/src/main/index.js
@@ -78,6 +78,21 @@ const addNewWindowCommandToDefaultMenus = () => {
   }
 };
 
+const addSettingsCommandToDefaultMenus = () => {
+  const settingsMenuItemDefinition = {
+    label: 'Settings',
+    accelerator: 'CommandOrControl+,',
+    click: () => {
+      BrowserWindow.getAllWindows().forEach(window => window.webContents.send('show-settings'));
+    }
+  };
+
+  const appMenu = Menu.getApplicationMenu();
+  const fileMenu = appMenu.items.find(item => item.label === 'File');
+  fileMenu.submenu.insert(1, new MenuItem(settingsMenuItemDefinition));
+  Menu.setApplicationMenu(appMenu);
+};
+
 const addGoogleCloudSdkExecutablesToPATH = () => {
   if (process.platform === 'darwin') {
     const possibleGcloudPaths = [
@@ -90,6 +105,7 @@ const addGoogleCloudSdkExecutablesToPATH = () => {
 
 app.on('ready', () => {
   addNewWindowCommandToDefaultMenus();
+  addSettingsCommandToDefaultMenus();
   createWindow();
 });
 
diff --git a/src/renderer/components/app/app.html b/src/renderer/components/app/app.html
index 5a67db7..47f39e1 100644
--- a/src/renderer/components/app/app.html
+++ b/src/renderer/components/app/app.html
@@ -152,5 +152,7 @@ <h1 class="e-layout__title">GAP Secret Editor</h1>
     />
 
     <feedback-dialog ref="feedbackDialog" />
+
+    <settings-dialog />
   </div>
 </div>
diff --git a/src/renderer/components/app/app.js b/src/renderer/components/app/app.js
index 5d773fe..66d6b78 100644
--- a/src/renderer/components/app/app.js
+++ b/src/renderer/components/app/app.js
@@ -10,6 +10,7 @@ import BackupSelector from '../backup-selector/backup-selector';
 import SaveConfirmationDialog from '../save-confirmation-dialog/save-confirmation-dialog';
 import AutoUpdateConfirmation from '../auto-update-confirmation/auto-update-confirmation';
 import FeedbackDialog from '../feedback-dialog/feedback-dialog';
+import SettingsDialog from '../settings-dialog/settings-dialog';
 import ErrorState from '../error-state/error-state';
 
 const logger = log.scope('app');
@@ -28,6 +29,7 @@ export default {
     SaveConfirmationDialog,
     AutoUpdateConfirmation,
     FeedbackDialog,
+    SettingsDialog,
     ErrorState
   },
   data: () => ({
diff --git a/src/renderer/components/settings-dialog/settings-dialog.html b/src/renderer/components/settings-dialog/settings-dialog.html
new file mode 100644
index 0000000..4bd0c03
--- /dev/null
+++ b/src/renderer/components/settings-dialog/settings-dialog.html
@@ -0,0 +1,17 @@
+<div>
+  <e-dialog
+    :opened="dialogOpened"
+    v-on="{ 'dialog.close': () => { dialogOpened = false } }"
+    headline="Settings"
+  >
+    winter is coming
+
+    <div class="e-dialog__footer">
+      <div class="e-grid e-grid-small">
+        <div class="e-cell e-cell-small">
+          <div class="e-btn e-btn-primary" @click="save()">Save</div>
+        </div>
+      </div>
+    </div>
+  </e-dialog>
+</div>
diff --git a/src/renderer/components/settings-dialog/settings-dialog.js b/src/renderer/components/settings-dialog/settings-dialog.js
new file mode 100644
index 0000000..187a891
--- /dev/null
+++ b/src/renderer/components/settings-dialog/settings-dialog.js
@@ -0,0 +1,19 @@
+import { ipcRenderer } from 'electron';
+
+export default {
+  name: 'settings-dialog',
+  template: require('./settings-dialog.html'),
+  data: () => ({
+    dialogOpened: false
+  }),
+  methods: {
+    save() {
+      console.log('save');
+    }
+  },
+  mounted() {
+    ipcRenderer.on('show-settings', async () => {
+      this.dialogOpened = true;
+    });
+  }
+};