App menu

frontend/src/app.svelte

@@ -1,13 +1,13 @@
 <script>
   import { OpenConnection } from '../wailsjs/go/app/App';
-  import { WindowSetTitle } from '../wailsjs/runtime';
+  import { EventsOn, WindowSetTitle } from '../wailsjs/runtime';
   import BlankState from './components/blankstate.svelte';
   import ContextMenu from './components/contextmenu.svelte';
+  import About from './organisms/about/index.svelte';
   import AddressBar from './organisms/addressbar/index.svelte';
   import Connection from './organisms/connection/index.svelte';
   import Settings from './organisms/settings/index.svelte';
-  import { busy, contextMenu, connections, environment, applicationSettings } from './stores';
-  import { controlKeyDown } from './utils';
+  import { applicationSettings, busy, connections, contextMenu, environment } from './stores';
 
   let hosts = {};
   let activeHostKey = '';
@@ -15,12 +15,17 @@
   let activeCollKey = '';
   let addressBarModalOpen = true;
   let settingsModalOpen = false;
+  let aboutModalOpen = false;
 
   $: host = hosts[activeHostKey];
   $: connection = $connections[activeHostKey];
   $: database = connection?.databases[activeDbKey];
   $: collection = database?.collections?.[activeCollKey];
 
+  EventsOn('OpenPrefrences', () => settingsModalOpen = true);
+  EventsOn('OpenHostsModal', () => addressBarModalOpen = true);
+  EventsOn('OpenAboutModal', () => aboutModalOpen = true);
+
   async function openConnection(hostKey) {
     busy.start();
     const databases = await OpenConnection(hostKey);
@@ -38,15 +43,9 @@
     busy.end();
   }
 
-  function keydown(e) {
-    if (controlKeyDown(e) && e.key === ',') {
-      settingsModalOpen = true;
-      e.preventDefault();
-    }
-  }
 </script>
 
-<svelte:window on:contextmenu|preventDefault on:keydown={keydown} />
+<svelte:window on:contextmenu|preventDefault />
 
 <div id="root" class="platform-{$environment?.platform}">
   <div class="titlebar"></div>
@@ -66,6 +65,7 @@
       <ContextMenu {...$contextMenu} on:close={contextMenu.hide} />
     {/key}
     <Settings bind:show={settingsModalOpen} />
+    <About bind:show={aboutModalOpen} />
   {/if}
 </div>
 

frontend/src/organisms/about/index.svelte

@@ -0,0 +1,9 @@
+<script>
+  import Modal from '../../components/modal.svelte';
+
+  export let show = false;
+</script>
+
+<Modal bind:show>
+  about...
+</Modal>

frontend/wailsjs/go/app/App.d.ts

@@ -3,6 +3,7 @@
 import {app} from '../models';
 import {primitive} from '../models';
 import {map[string]app} from '../models';
+import {menu} from '../models';
 
 export function AddHost(arg1:string):Promise<void>;
 
@@ -20,6 +21,8 @@ export function Hosts():Promise<map[string]app.Host>;
 
 export function InsertItems(arg1:string,arg2:string,arg3:string,arg4:string):Promise<any>;
 
+export function Menu():Promise<menu.Menu>;
+
 export function OpenCollection(arg1:string,arg2:string,arg3:string):Promise<primitive.M>;
 
 export function OpenConnection(arg1:string):Promise<Array<string>>;

frontend/wailsjs/go/app/App.js

@@ -34,6 +34,10 @@ export function InsertItems(arg1, arg2, arg3, arg4) {
   return window['go']['app']['App']['InsertItems'](arg1, arg2, arg3, arg4);
 }
 
+export function Menu() {
+  return window['go']['app']['App']['Menu']();
+}
+
 export function OpenCollection(arg1, arg2, arg3) {
   return window['go']['app']['App']['OpenCollection'](arg1, arg2, arg3);
 }