RISDEV-6143 Add 'documentType category

frontend/e2e/RubrikenPage.spec.ts

@@ -34,10 +34,12 @@ test(
     amtlicheLangüberschriftElement.fill('my long title')
     await expect(amtlicheLangüberschriftElement).toHaveValue('my long title')
 
-    // const dokumentTyp = page.getByText('Dokumenttyp')
-    // await expect(dokumentTyp).toHaveCount(1)
-    // dokumentTyp.selectOption({ label: 'VR' }) // select by visible text option
-    // await expect(dokumentTyp).toHaveValue('vr') // confirm selection by value
+    const dokumentTyp = page.getByText('Dokumenttyp')
+    await expect(dokumentTyp).toHaveCount(1)
+    await dokumentTyp.fill('V')
+    await expect(page.getByText('VR')).toHaveCount(1)
+    await page.getByText('VR').click()
+    await expect(dokumentTyp).toHaveValue('VR') // confirm selection by value
 
     // const inkrafttretedatumElement = page.getByText('Inkrafttretedatum')
     // await expect(inkrafttretedatumElement).toHaveCount(1)

frontend/src/components/input/types.ts

@@ -1,6 +1,6 @@
 import { LabelPosition } from '@/components/input/InputField.vue'
 import LegalPeriodical from '@/domain/legalPeriodical'
-import type { Court } from '@/domain/documentUnit'
+import type { Court, DocumentType } from '@/domain/documentUnit'
 import type { Ref } from 'vue'
 import type { ComboboxResult } from '@/domain/comboboxResult.ts'
 
@@ -118,7 +118,7 @@ export interface DropdownInputField extends BaseInputField {
 }
 
 //COMBOBOX
-export type ComboboxInputModelType = LegalPeriodical | Court
+export type ComboboxInputModelType = LegalPeriodical | Court | DocumentType
 
 export type ComboboxItem = {
   label: string

frontend/src/domain/documentUnit.ts

@@ -1,5 +1,11 @@
 import type DocumentationOffice from './documentationOffice'
 
+export type DocumentType = {
+  uuid?: string
+  jurisShortcut: string
+  label: string
+}
+
 export type Court = {
   type?: string
   location?: string

frontend/src/routes/documentUnit/[documentNumber]/RubrikenPage.vue

@@ -9,6 +9,7 @@ import Textarea from 'primevue/textarea'
 
 const selectedCourt = ref()
 const zitierdatum = ref()
+const selectedDocumentType = ref()
 </script>
 
 <template>
@@ -21,7 +22,7 @@ const zitierdatum = ref()
             <DateInput
               id="zitierdatum"
               v-model="zitierdatum"
-              aria-label="fasdf"
+              ariaLabel="fasdf"
               class="ds-input-medium"
             ></DateInput>
           </InputField>
@@ -37,7 +38,7 @@ const zitierdatum = ref()
           </InputField>
         </div>
       </div>
-      <div class="flex flex-col">
+      <div class="flex flex-row gap-24">
         <InputField id="langue" label="Amtl. Langüberschrift *">
           <Textarea
             id="langue"
@@ -48,6 +49,18 @@ const zitierdatum = ref()
           />
         </InputField>
       </div>
+      <div class="border-b-1 border-b-gray-400"></div>
+      <div class="flex flex-row gap-24">
+        <InputField id="documentType" class="w-[calc(50%-10px)]" label="Dokumenttyp *">
+          <ComboboxInput
+            id="documentType"
+            v-model="selectedDocumentType"
+            aria-label="Dokumenttyp"
+            :item-service="ComboboxItemService.getDocumentTypes"
+          ></ComboboxInput>
+        </InputField>
+      </div>
+      <div class="mt-4">* Pflichtfelder für die Veröffentlichung</div>
     </div>
   </div>
 </template>

frontend/src/services/comboboxItemService.ts

@@ -1,13 +1,14 @@
 import type { Ref } from 'vue'
 import type { ComboboxItem } from '@/components/input/types'
 import LegalPeriodical from '@/domain/legalPeriodical.ts'
-import type { Court } from '@/domain/documentUnit'
+import type { Court, DocumentType } from '@/domain/documentUnit'
 import type { ComboboxResult } from '@/domain/comboboxResult.ts'
 import { computed, ref } from 'vue'
 
 type ComboboxItemService = {
   getLegalPeriodicals: (filter: Ref<string | undefined>) => ComboboxResult<ComboboxItem[]>
   getCourts: (filter: Ref<string | undefined>) => ComboboxResult<ComboboxItem[]>
+  getDocumentTypes: (filter: Ref<string | undefined>) => ComboboxResult<ComboboxItem[]>
 }
 
 const service: ComboboxItemService = {
@@ -82,6 +83,21 @@ const service: ComboboxItemService = {
     }
     return result
   },
+  getDocumentTypes: (filter: Ref<string | undefined>) => {
+    const documentTypeValues = ['VR', 'VE', 'VV', 'ST']
+    const documentTypes = documentTypeValues.map((v) => <DocumentType>{ label: v })
+    const items = ref(documentTypes.map((dt) => <ComboboxItem>{ label: dt.label, value: dt }))
+    const execute = async () => {
+      return service.getDocumentTypes(filter)
+    }
+    const result: ComboboxResult<ComboboxItem[]> = {
+      data: items,
+      execute: execute,
+      canAbort: computed(() => false),
+      abort: () => {},
+    }
+    return result
+  },
 }
 
 export default service