From 82ae8e23e0c2f71c9244140328fef5c44fa07ec6 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Sun, 24 Apr 2022 15:11:46 +0200
Subject: [PATCH] import db from local files

---
 .../web/src/buttons/FormStyledButton.svelte   |  8 ++++++-
 .../src/modals/ImportDatabaseDumpModal.svelte | 23 ++++++++++++++++++-
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/buttons/FormStyledButton.svelte b/packages/web/src/buttons/FormStyledButton.svelte
index 501dcdbb5..598ec61c7 100644
--- a/packages/web/src/buttons/FormStyledButton.svelte
+++ b/packages/web/src/buttons/FormStyledButton.svelte
@@ -10,9 +10,15 @@
   function handleClick() {
     if (!disabled) dispatch('click');
   }
+
+  let domButton;
+
+  export function getBoundingClientRect() {
+    return domButton.getBoundingClientRect();
+  }
 </script>
 
-<input {type} {value} class:disabled {...$$restProps} on:click={handleClick} />
+<input {type} {value} class:disabled {...$$restProps} on:click={handleClick} bind:this={domButton} />
 
 <style>
   input {
diff --git a/packages/web/src/modals/ImportDatabaseDumpModal.svelte b/packages/web/src/modals/ImportDatabaseDumpModal.svelte
index 6784ef3ce..56ad3c852 100644
--- a/packages/web/src/modals/ImportDatabaseDumpModal.svelte
+++ b/packages/web/src/modals/ImportDatabaseDumpModal.svelte
@@ -6,6 +6,8 @@
 
   import FormProvider from '../forms/FormProvider.svelte';
   import FormSubmit from '../forms/FormSubmit.svelte';
+  import { currentDropDownMenu } from '../stores';
+  import { apiCall } from '../utility/api';
   import { importSqlDump } from '../utility/exportFileTools';
   import getElectron from '../utility/getElectron';
   import { setUploadListener } from '../utility/uploadFiles';
@@ -17,6 +19,7 @@
 
   let inputLabel = '(not selected)';
   let inputFile = null;
+  let domButton;
 
   const handleSubmit = async values => {
     const { value } = values;
@@ -64,6 +67,23 @@
       inputLabel = path.parse(inputFile).name;
     }
   };
+
+  async function handleFilesClick() {
+    const rect = domButton.getBoundingClientRect();
+    const left = rect.left;
+    const top = rect.bottom;
+    const files = await apiCall('files/list', { folder: 'sql' });
+    const menu = files.map(({ file }) => ({
+      label: file,
+      onClick: async () => {
+        inputFile = await apiCall('files/get-file-real-path', { folder: 'sql', file });
+        if (inputFile) {
+          inputLabel = file;
+        }
+      },
+    }));
+    currentDropDownMenu.set({ left, top, items: menu });
+  }
 </script>
 
 <FormProvider>
@@ -79,7 +99,8 @@
         <UploadButton />
       {/if}
 
-      <FormStyledButton value="Import from web URL" on:click={handleAddUrl} />
+      <FormStyledButton value="Web URL" on:click={handleAddUrl} />
+      <FormStyledButton value="From files" on:click={handleFilesClick} bind:this={domButton} />
     </div>
 
     <svelte:fragment slot="footer">