add empty dialog for settings

-
Ticket: AUT-2324

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();
 });
 

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>

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: () => ({

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>

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;
+    });
+  }
+};