Improved the app menu

frontend/src/organisms/connection/collection/index.svelte

@@ -16,8 +16,8 @@
   export let hostKey;
   export let dbKey;
   export let collKey;
+  export let tab = 'find';
 
-  let tab = 'find';
   let find;
 
   $: if (collection) {

frontend/src/organisms/connection/database/index.svelte

@@ -7,8 +7,7 @@
   export let database;
   export let hostKey;
   export let dbKey;
-
-  let tab = 'stats';
+  export let tab = 'stats';
 
   $: if (database) {
     database.hostKey = hostKey;

frontend/src/organisms/connection/host/index.svelte

@@ -7,8 +7,7 @@
 
   export let host;
   export let hostKey;
-
-  let tab = 'status';
+  export let tab = 'status';
 
   $: if (host) {
     host.hostKey = hostKey;

frontend/src/organisms/connection/index.svelte

@@ -2,12 +2,16 @@
   import Icon from '$components/icon.svelte';
   import hostTree from '$lib/stores/hosttree';
   import sharedState from '$lib/stores/sharedstate';
+  import { EventsOn } from '$wails/runtime/runtime';
   import CollectionView from './collection/index.svelte';
   import DatabaseView from './database/index.svelte';
   import HostView from './host/index.svelte';
   import HostTree from './hosttree.svelte';
 
   let path = [];
+  let hostTab = '';
+  let dbTab = '';
+  let collTab = '';
 
   $: activeHostKey = path[0];
   $: activeDbKey = path[1];
@@ -16,6 +20,28 @@
   $: sharedState.currentHost.set(activeHostKey);
   $: sharedState.currentDb.set(activeDbKey);
   $: sharedState.currentColl.set(activeCollKey);
+
+  EventsOn('ui.host.new', () => hostTree.newHost());
+  EventsOn('ui.host.edit', () => $hostTree[activeHostKey]?.edit());
+  EventsOn('ui.host.remove', () => $hostTree[activeHostKey]?.remove());
+  EventsOn('ui.host.tab', tab => {
+    path = path.slice(0, 1);
+    hostTab = tab;
+  });
+
+  EventsOn('ui.db.new', () => $hostTree[activeHostKey]?.newDatabase());
+  EventsOn('ui.db.dump', () => $hostTree[activeHostKey]?.databases[activeDbKey]?.dump());
+  EventsOn('ui.db.drop', () => $hostTree[activeHostKey]?.databases[activeDbKey]?.drop());
+  EventsOn('ui.db.tab', tab => {
+    path = path.slice(0, 2);
+    dbTab = tab;
+  });
+
+  EventsOn('ui.coll.new', () => $hostTree[activeHostKey]?.databases[activeDbKey]?.newCollection());
+  EventsOn('ui.coll.truncate', () => $hostTree[activeHostKey]?.databases[activeDbKey]?.collections[activeCollKey]?.truncate());
+  EventsOn('ui.coll.drop', () => $hostTree[activeHostKey]?.databases[activeDbKey]?.collections[activeCollKey]?.drop());
+  EventsOn('ui.coll.tab', tab => collTab = tab);
+
 </script>
 
 <div class="tree">
@@ -34,17 +60,20 @@
     hostKey={activeHostKey}
     dbKey={activeDbKey}
     collKey={activeCollKey}
+    bind:tab={collTab}
   />
 {:else if activeDbKey}
   <DatabaseView
     database={$hostTree[activeHostKey]?.databases[activeDbKey]}
     hostKey={activeHostKey}
     dbKey={activeDbKey}
+    bind:tab={dbTab}
   />
 {:else if activeHostKey}
   <HostView
     host={$hostTree[activeHostKey]}
     hostKey={activeHostKey}
+    bind:tab={hostTab}
   />
 {/if}