ZARS-980 redirect to feasibility portal (#210)

Author: af-egr

src/locales/de.json

@@ -809,7 +809,8 @@
     "registerProjectModalDescription": "Es wird eine Kopie dieses Projekts als Registrierungsformular erstellt. Sie können dann die Veröffentlichungsdetails ausfüllen und es im FDPG-Register veröffentlichen. Das Originalprojekt bleibt unverändert.",
     "registerProject": "Projekt registrieren",
     "projectCopiedForRegistration": "Projekt erfolgreich kopiert. Bitte füllen Sie die Registrierungsdetails aus.",
-    "projectAssignee": "Abtretungsempfänger:in"
+    "projectAssignee": "Abtretungsempfänger:in",
+    "redirectToFeasibilityPortal": "Datenportal"
   },
   "roles": {
     "FdpgMember": "FDPG Mitarbeiter",

src/locales/en.json

@@ -809,7 +809,8 @@
     "registerProjectModalDescription": "This will create a copy of this project as a registration form. You can then fill in publication details and publish it to the FDPG register. The original project will remain unchanged.",
     "registerProject": "Register Project",
     "projectCopiedForRegistration": "Project copied successfully. Please fill in the registration details.",
-    "projectAssignee": "Project assignee"
+    "projectAssignee": "Project assignee",
+    "redirectToFeasibilityPortal": "Feasibility Portal"
   },
   "roles": {
     "FdpgMember": "FDPG Employee",

src/pages/Proposals/Casesohort/ReviewMemberCohortSelection.vue

@@ -25,6 +25,20 @@
               </template>
             </el-table-column>
 
+            <el-table-column v-if="canRedirectToFeasibilityPortal" :label="t('proposal.redirectToFeasibilityPortal')">
+              <template #default="scope">
+                <el-button
+                  v-if="scope.row.feasibilityQueryId"
+                  type="primary"
+                  link
+                  @click="redirectToFeasibilityPortal(scope.row.feasibilityQueryId)"
+                  data-test-id="redirectToFeasibilityPortal"
+                >
+                  {{ t('proposal.redirectToFeasibilityPortal') }}
+                </el-button>
+              </template>
+            </el-table-column>
+
             <el-table-column :label="t('proposal.viewQuery')">
               <template #default="scope">
                 <el-button
@@ -79,14 +93,17 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import type { FormInstance, UploadFile } from 'element-plus'
 import type { ISelectedCohort } from '@/types/proposal.types'
 import { useVModel } from '@vueuse/core'
 import ManualCohortDialog from './ManualCohortDialog.vue'
 import useNotifications from '@/composables/use-notifications'
 import { useProposalStore } from '@/stores/proposal/proposal.store'
+import { useAuthStore } from '@/stores/auth/auth.store'
+import { useFeasibilityStore } from '@/stores/feasibility.store'
+import { Role } from '@/types/oidc.types'
 
 const { t } = useI18n()
 const { showErrorMessage } = useNotifications()
@@ -104,6 +121,42 @@ const props = defineProps({
   },
 })
 
+const authStore = useAuthStore()
+const feasibilityStore = useFeasibilityStore()
+
+const canRedirectToFeasibilityPortal = computed(() =>
+  new Set([Role.FdpgMember, Role.DizMember]).has(authStore.singleKnownRole ?? Role.Admin),
+)
+
+const redirectToFeasibilityPortal = async (queryId: number): Promise<void> => {
+  try {
+    const url = await feasibilityStore.getRedirectUrl(queryId)
+
+    if (!isValidHttpUrl(url)) {
+      throw new Error(`Invalid redirect URL received: "${url}"`)
+    }
+
+    window.open(url, '_blank')
+  } catch (error) {
+    console.error('Redirect to Feasibility Portal failed:', error)
+    showErrorMessage()
+  }
+}
+
+const isValidHttpUrl = (urlString: string): boolean => {
+  if (!urlString) {
+    return false
+  }
+
+  try {
+    const url = new URL(urlString)
+    return url.protocol === 'http:' || url.protocol === 'https:'
+  } catch (e) {
+    console.error(`invalid or empty URL: "${urlString}"`)
+    return false
+  }
+}
+
 const emit = defineEmits(['update:modelValue', 'update:uploads', 'addCohort', 'removeCohort'])
 
 const cohorts = useVModel(props, 'modelValue', emit)

src/services/feasibility/feasibility.service.ts

@@ -9,4 +9,9 @@ export class FeasibilityService {
     const response = await this.apiClient.get(this.basePath)
     return response.data
   }
+
+  async getRedirectUrl(queryId: number): Promise<string> {
+    const response = await this.apiClient.get(`${this.basePath}/redirect/${queryId}`)
+    return response.data.redirectUrl
+  }
 }

src/stores/feasibility.store.ts

@@ -17,5 +17,9 @@ export const useFeasibilityStore = defineStore('Feasibility', {
     async getAll(): Promise<void> {
       this.feasibilityQueries = await this.apiService.getAll()
     },
+
+    async getRedirectUrl(queryId): Promise<string> {
+      return await this.apiService.getRedirectUrl(queryId)
+    },
   },
 })