Bring back the postinstall dialog

dashboard/src/views/AppConfigureView.vue

@@ -4,8 +4,9 @@ import { useI18n } from 'vue-i18n';
 const i18n = useI18n();
 const t = i18n.t;
 
-import { ref, onMounted, onBeforeUnmount, computed } from 'vue';
+import { ref, onMounted, onBeforeUnmount, computed, useTemplateRef } from 'vue';
 import { Button, ButtonGroup } from 'pankow';
+import PostInstallDialog from '../components/PostInstallDialog.vue';
 import Access from '../components/app/Access.vue';
 import Backups from '../components/app/Backups.vue';
 import Cron from '../components/app/Cron.vue';
@@ -41,6 +42,7 @@ const hasLocalStorage = ref(false);
 const hasOptionalServices = ref(false);
 const hasEmail = ref(false);
 const busyStopTask = ref(false);
+const postInstallDialog = useTemplateRef('postInstallDialog');
 
 const isAppStopped = computed(() => {
   return appsModel.isStopped(app.value);
@@ -91,7 +93,7 @@ async function refresh() {
   if (result.manifest?.postInstallMessage) {
     infoMenu.value.push({
       label: t('app.firstTimeSetupAction'),
-      // TODO action
+      action: () => postInstallDialog.value.open(app.value),
     });
   }
 
@@ -165,6 +167,8 @@ onBeforeUnmount(() => {
 
 <template>
   <div class="configure-outer">
+    <PostInstallDialog ref="postInstallDialog"/>
+
     <div class="configure-inner" v-if="!busy">
       <div class="titlebar">
         <div style="display: flex; flex-grow: 1;">