Messin with manager view

src/TableManager.vue

@@ -58,6 +58,11 @@ function buildButtonModel(id: number) {
   ]
 }
 
+function createTable() {
+  axios.post("http://localhost/api/tables",
+      {table_name: "table name", table_link: "table link"})
+}
+
 </script>
 
 <style>
@@ -102,7 +107,15 @@ function buildButtonModel(id: number) {
         <Column field="table_name" header="Table Name" />
         <Column field="table_link" header="Table Link">
           <template #body="slotProps">
-            <a :href="slotProps.data.table_link">{{ slotProps.data.table_link }}</a>
+            <RouterLink
+              :to="{path: 'https://localhost/' + slotProps.data.table_link}">
+             GO
+            </RouterLink>
+            <a href="http://localhost/test_table_1"
+                target="_blank"
+                rel="noopener noreferrer">
+              {{ slotProps.data.table_link }}
+            </a>
           </template>
         </Column>
         <Column header="Close">
@@ -132,7 +145,7 @@ function buildButtonModel(id: number) {
         </Column>
       </DataTable>
       <div class="button-box flex justify-content-end">
-        <Button label="New Table" />
+        <Button label="New Table" @click="createTable()"/>
       </div>
     </template>
   </Card>