src/components/admin/club/member/MemberCommunicationCreateModal.vue

@@ -69,6 +69,10 @@
         <label for="email">Mail-Adresse</label>
         <input type="text" id="email" required />
       </div>
+      <div v-if="selectedCommunicationType?.fields.includes('postalCode')">
+        <label for="postalCode">Postleitzahl</label>
+        <input type="text" id="postalCode" required />
+      </div>
       <div v-if="selectedCommunicationType?.fields.includes('city')">
         <label for="city">Stadt</label>
         <input type="text" id="city" required />
@@ -162,6 +166,7 @@ export default defineComponent({
         preferred: formData.preferred.checked,
         mobile: formData.mobile?.value,
         email: formData.email?.value,
+        postalCode: formData.postalCode.value,
         city: formData.city?.value,
         street: formData.street?.value,
         streetNumber: formData.streetNumber?.value,

src/components/admin/club/member/MemberCommunicationEditModal.vue

@@ -18,6 +18,10 @@
         <label for="email">Mail-Adresse</label>
         <input type="text" id="email" required v-model="communication.email" />
       </div>
+      <div v-if="communication.type.fields.includes('postalCode')">
+        <label for="postalCode">Postleitzahl</label>
+        <input type="text" id="postalCode" required v-model="communication.postalCode" />
+      </div>
       <div v-if="communication.type.fields.includes('city')">
         <label for="city">Stadt</label>
         <input type="text" id="city" required v-model="communication.city" />
@@ -132,6 +136,7 @@ export default defineComponent({
         preferred: formData.preferred.checked,
         mobile: formData.mobile?.value,
         email: formData.email?.value,
+        postalCode: formData.postalCode.value,
         city: formData.city?.value,
         street: formData.street?.value,
         streetNumber: formData.streetNumber?.value,

src/stores/admin/club/member/communication.ts

@@ -41,6 +41,7 @@ export const useCommunicationStore = defineStore("communication", {
         preferred: communication.preferred,
         mobile: communication.mobile,
         email: communication.email,
+        postalCode: communication.postalCode,
         city: communication.city,
         street: communication.street,
         streetNumber: communication.streetNumber,
@@ -58,6 +59,7 @@ export const useCommunicationStore = defineStore("communication", {
         preferred: communication.preferred,
         mobile: communication.mobile,
         email: communication.email,
+        postalCode: communication.postalCode,
         city: communication.city,
         street: communication.street,
         streetNumber: communication.streetNumber,

src/types/fieldTypes.ts

@@ -1 +1,8 @@
-export type CommunicationFieldType = "mobile" | "email" | "city" | "street" | "streetNumber" | "streetNumberAddition";
+export type CommunicationFieldType =
+  | "mobile"
+  | "email"
+  | "postalCode"
+  | "city"
+  | "street"
+  | "streetNumber"
+  | "streetNumberAddition";

src/viewmodels/admin/club/member/communication.models.ts

@@ -5,6 +5,7 @@ export interface CommunicationViewModel {
   preferred: boolean;
   mobile: string;
   email: string;
+  postalCode: string;
   city: string;
   street: string;
   streetNumber: number;
@@ -18,6 +19,7 @@ export interface CreateCommunicationViewModel {
   preferred: boolean;
   mobile: string;
   email: string;
+  postalCode: string;
   city: string;
   street: string;
   streetNumber: number;
@@ -32,6 +34,7 @@ export interface UpdateCommunicationViewModel {
   preferred: boolean;
   mobile: string;
   email: string;
+  postalCode: string;
   city: string;
   street: string;
   streetNumber: number;