From ae861ef1aea0a65c901a886cf1beb64d55410e64 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Sat, 29 Jan 2022 12:42:00 +0100
Subject: [PATCH] show app state for current database

---
 .../web/src/appobj/AppFolderAppObject.svelte  | 23 ++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/appobj/AppFolderAppObject.svelte b/packages/web/src/appobj/AppFolderAppObject.svelte
index 85ddb448..a04f1976 100644
--- a/packages/web/src/appobj/AppFolderAppObject.svelte
+++ b/packages/web/src/appobj/AppFolderAppObject.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <script lang="ts">
-  import _ from 'lodash';
+  import _, { find } from 'lodash';
   import { filterName } from 'dbgate-tools';
 
   import { currentApplication, currentDatabase } from '../stores';
@@ -14,9 +14,12 @@
   import ConfirmModal from '../modals/ConfirmModal.svelte';
   import InputTextModal from '../modals/InputTextModal.svelte';
   import { apiCall } from '../utility/api';
+  import { useConnectionList } from '../utility/metadataLoaders';
 
   export let data;
 
+  $: connections = useConnectionList();
+
   const handleDelete = () => {
     showModal(ConfirmModal, {
       message: `Really delete application ${data.name}?`,
@@ -61,11 +64,23 @@
       { text: 'Rename', onClick: handleRename },
 
       $currentDatabase && [
-        { text: 'Enable on current database', onClick: () => setOnCurrentDb(true) },
-        { text: 'Disable on current database', onClick: () => setOnCurrentDb(false) },
+        !isOnCurrentDb($currentDatabase, $connections) && {
+          text: 'Enable on current database',
+          onClick: () => setOnCurrentDb(true),
+        },
+        isOnCurrentDb($currentDatabase, $connections) && {
+          text: 'Disable on current database',
+          onClick: () => setOnCurrentDb(false),
+        },
       ],
     ];
   }
+
+  function isOnCurrentDb(currentDb, connections) {
+    const conn = connections.find(x => x._id == currentDb?.connection?._id);
+    const db = conn?.databases?.find(x => x.name == currentDb?.name);
+    return db && db[`useApp:${data.name}`];
+  }
 </script>
 
 <AppObjectCore
@@ -73,6 +88,8 @@
   {data}
   title={data.name}
   icon={'img app'}
+  statusIcon={isOnCurrentDb($currentDatabase, $connections) ? 'icon check' : null}
+  statusTitle={`Application ${data.name} is used for database ${$currentDatabase?.name}`}
   isBold={data.name == $currentApplication}
   on:click={() => ($currentApplication = data.name)}
   menu={createMenu}