#58 enable equivalent tab about there are molecule in database

components/FormMolecule.vue

@@ -7,9 +7,6 @@ SPDX-License-Identifier: MIT
 The file profile form molecule composant
 -->
 <script setup lang="ts">
-import { textChangeRangeIsUnchanged } from 'typescript';
-
-
 const { t } = useI18n();
 
 const props = defineProps({
@@ -163,6 +160,22 @@ function titleDialogBox(): string {
   }
 }
 
+// Enable equivalent if there are molecule in database
+const disabledEquivalents = ref<boolean>(true);
+/**
+ * Check if database contain molecule
+ */
+function checkMolecule(){
+  $fetch('/api/molecule/check', {
+    method: 'GET'
+  })
+  .then((response) => {
+    console.log(response);
+
+    disabledEquivalents.value = !response;
+  });
+}
+checkMolecule();
 /**
  * Add molecule
  */
@@ -177,6 +190,7 @@ function update() {
   // TODO
   event('close');
 }
+
 </script>
 
 <template>
@@ -291,7 +305,7 @@ function update() {
         <!-- Tab where define equivalent molecul -->
         <v-expansion-panel
           :title="t('title.equivalent')"
-          disabled
+          :disabled="disabledEquivalents"
         >
           <v-expansion-panel-text>
             <!-- field to indicate searched molecule -->

server/api/molecule/[what].[method].ts → server/api/molecule/[what].ts

@@ -7,22 +7,32 @@
 import * as mol from "./functions"
 
 export default defineEventHandler(async (event: any) => {
+    // get what to you want to do
     const what = getRouterParam(event, "what");
-    const method = getRouterParam(event, "method");
-
+    // get the method
+    const method = event.method.toLowerCase();
+
+    // map the method to the function
     const funcMap: { [key: string]: Function } = {
+        "get-check": mol.getCheck,
         "get-search": mol.getSearch,
         "get-equivalent": mol.getEquivalent,
         "get-synonym": mol.getSynonym,
         "post-molecule": mol.addMolecule,
         "put-molecule": mol.updateMolecule,
     };
 
-    if (!funcMap[`${what}-${method}`]) {
+    // check if the method is valid
+    if (!funcMap[`${method}-${what}`]) {
         throw new Error(`Invalid method ${method} for ${what}`);
     }
 
+    // In case of a get request, we need to get the query parameters
+    if (method === "get") {
+        return await funcMap[`${method}-${what}`](getQuery(event).param);
+    }
+    // In case of a post or put request, we need to get the body
     const body = await readBody(event)
-    return await funcMap[`${what}-${method}`](body.json());
+    return await funcMap[`${method}-${what}`](body.json());
 
 });