Implement registry deletion

dashboard/src/components/PrivateRegistry.vue

@@ -5,7 +5,7 @@ const i18n = useI18n();
 const t = i18n.t;
 
 import { ref, onMounted, useTemplateRef, inject } from 'vue';
-import { Button, TableView } from 'pankow';
+import { Button, TableView, InputDialog } from 'pankow';
 import Section from '../components/Section.vue';
 import DockerRegistryDialog from '../components/DockerRegistryDialog.vue';
 import DockerRegistriesModel from '../models/DockerRegistriesModel.js';
@@ -30,12 +30,28 @@ const features = inject('features');
 const subscriptionRequiredDialog = inject('subscriptionRequiredDialog');
 
 const dialog = useTemplateRef('dialog');
+const inputDialog = useTemplateRef('inputDialog');
 
 function onEditOrAdd(registry = null) {
   if (registry || features.value.privateDockerRegistry) dialog.value.open(registry);
   else subscriptionRequiredDialog.value.open();
 }
 
+async function onRemove(registry) {
+  const yes = await inputDialog.value.confirm({
+    message: 'Really delete this registry?',
+    confirmStyle: 'danger',
+    confirmLabel: t('main.dialog.delete'),
+    rejectLabel: t('main.dialog.cancel')
+  });
+
+  if (!yes) return;
+
+  const [error] = await dockerRegistriesModel.remove(registry.id);
+  if (error) console.error(error);
+
+  await refresh();
+}
 async function refresh() {
   const [error, result] = await dockerRegistriesModel.list();
   if (error) return console.error(error);
@@ -51,6 +67,7 @@ onMounted(async () => {
 
 <template>
   <Section :title="$t('settings.privateDockerRegistry.title')">
+    <InputDialog ref="inputDialog" />
     <DockerRegistryDialog ref="dialog" @success="refresh()"/>
 
     <template #header-buttons>