Merge pull request #434 from codeanker/feature/issue-56-details-auf-seite

Feature/issue 56 details auf seite

Author: axelrindle

apps/api/src/services/unterveranstaltung/unterveranstaltungList.ts

@@ -11,7 +11,18 @@ export const unterveranstaltungListProcedure = defineProtectedQueryProcedure({
   key: 'list',
   roleIds: [Role.ADMIN, Role.GLIEDERUNG_ADMIN],
   inputSchema: z.strictObject({
-    veranstaltungId: z.string().uuid().optional(),
+    mode: z
+      .discriminatedUnion('mode', [
+        z.strictObject({
+          mode: z.literal('veranstaltung'),
+          veranstaltungId: z.string().uuid(),
+        }),
+        z.strictObject({
+          mode: z.literal('gliederung'),
+          gliederungId: z.string().uuid(),
+        }),
+      ])
+      .optional(),
     table: defineTableInput({
       filter: {
         gliederungName: z.string().optional(),
@@ -24,12 +35,13 @@ export const unterveranstaltungListProcedure = defineProtectedQueryProcedure({
   async handler({
     ctx: { account },
     input: {
-      veranstaltungId,
+      mode,
       table: { filter, pagination },
     },
   }) {
     const where: Prisma.UnterveranstaltungWhereInput = {
-      veranstaltungId,
+      veranstaltungId: mode?.mode === 'veranstaltung' ? mode.veranstaltungId : undefined,
+      gliederungId: mode?.mode === 'gliederung' ? mode.gliederungId : undefined,
       gliederung: {
         name: {
           contains: filter?.gliederungName,
@@ -49,7 +61,7 @@ export const unterveranstaltungListProcedure = defineProtectedQueryProcedure({
     // Role-based Filter
     if (account.role !== Role.ADMIN) {
       const gliederung = await getGliederungRequireAdmin(account.id)
-      where.gliederungId = gliederung.id
+      where.gliederungId = gliederung.id // TODO:
     }
 
     const total = await prisma.unterveranstaltung.count({ where })

apps/frontend/src/components/data/UnterveranstaltungenTable.vue

@@ -16,7 +16,15 @@ import Badge from '../UIComponents/Badge.vue'
 import DataGridDoubleLineCell from '../DataGridDoubleLineCell.vue'
 
 const props = defineProps<{
-  veranstaltungId?: string
+  mode?:
+    | {
+        entity: 'veranstaltung'
+        veranstaltungId: string
+      }
+    | {
+        entity: 'gliederung'
+        gliederungId: string
+      }
 }>()
 
 type Unterveranstaltung = RouterOutput['unterveranstaltung']['list']['data'][number]
@@ -37,7 +45,7 @@ const columns = [
     id: 'veranstaltungId',
     header: 'Veranstaltung',
     meta: {
-      hidden: props.veranstaltungId !== undefined,
+      hidden: props.mode?.entity === 'veranstaltung' && props.mode.veranstaltungId !== undefined,
       filter: {
         type: 'select',
         async options() {
@@ -57,6 +65,7 @@ const columns = [
     header: 'Gliederung',
     enableColumnFilter: true,
     meta: {
+      hidden: props.mode?.entity === 'gliederung' && props.mode.gliederungId !== undefined,
       filter: {
         type: 'text',
       },
@@ -127,7 +136,17 @@ const query: Query<Unterveranstaltung> = (pagination, filter) =>
     queryKey: ['unterveranstaltung', pagination, filter],
     queryFn: () =>
       apiClient.unterveranstaltung.list.query({
-        veranstaltungId: props.veranstaltungId,
+        mode: props.mode
+          ? props.mode.entity === 'veranstaltung'
+            ? {
+                mode: props.mode.entity,
+                veranstaltungId: props.mode.veranstaltungId,
+              }
+            : {
+                mode: props.mode.entity,
+                gliederungId: props.mode.gliederungId,
+              }
+          : undefined,
         table: {
           pagination: {
             pageIndex: pagination.value.pageIndex,

apps/frontend/src/views/Verwaltung/Gliederungen/GliederungDetail.vue

@@ -8,6 +8,7 @@ import FormGliederungGeneral from '@/components/forms/gliederung/FormGliederungG
 import Tab from '@/components/UIComponents/components/Tab.vue'
 import Tabs from '@/components/UIComponents/Tabs.vue'
 import { useRouteTitle } from '@/composables/useRouteTitle'
+import UnterveranstaltungenTable from '@/components/data/UnterveranstaltungenTable.vue'
 
 const route = useRoute()
 const { setTitle } = useRouteTitle()
@@ -39,5 +40,18 @@ const tabs = [
         />
       </div>
     </Tab>
+    <Tab>
+      <UnterveranstaltungenTable
+        v-if="gliederung?.id"
+        :mode="
+          gliederung
+            ? {
+                entity: 'gliederung',
+                gliederungId: gliederung?.id,
+              }
+            : undefined
+        "
+      />
+    </Tab>
   </Tabs>
 </template>

apps/frontend/src/views/Verwaltung/Veranstaltungen/VeranstaltungDetail.vue

@@ -294,9 +294,9 @@ function copyProgramLink() {
     >
       <div class="my-10 flex items-center justify-between">
         <div>
-          <div class="text-lg font-semibold">Unterveranstaltungen</div>
+          <div class="text-lg font-semibold">Ausschreibungen</div>
           <p class="max-w-2xl text-sm text-gray-500">
-            Zu dieser Veranstaltung wurden die folgenden Unterveranstaltungen erstellt.
+            Zu dieser Veranstaltung wurden die folgenden Ausschreibungen erstellt.
           </p>
         </div>
         <RouterLink
@@ -310,7 +310,14 @@ function copyProgramLink() {
 
       <UnterveranstaltungenTable
         v-if="veranstaltung?.id"
-        :veranstaltung-id="veranstaltung?.id"
+        :mode="
+          veranstaltung
+            ? {
+                entity: 'veranstaltung',
+                veranstaltungId: veranstaltung?.id,
+              }
+            : undefined
+        "
       />
     </Tab>
     <Tab