fix: update admin rooms spelling and equipment creation feedback

src/app/pages/admin-page/equipment-page/equipment-create-form/equipment-create-form.component.html

@@ -7,7 +7,7 @@
         *ngIf="name.touched && name.dirty && name.invalid"
         [control]="name"
         [messages]="{
-          required: { severity: 'error', detail: 'Bitte gib eine Niederlassung an.' },
+          required: { severity: 'error', detail: 'Bitte gib einen Namen an.' },
           minlength: {
             severity: 'error',
             detail: 'Der Name muss mindestens 1 Zeichen lang sein.',
@@ -57,20 +57,26 @@
         formControlName="type"
         optionLabel="label"
         optionValue="value" />
+      <app-form-error-messages
+        *ngIf="type.touched && type.dirty && type.invalid"
+        [control]="type"
+        [messages]="{
+          required: { severity: 'error', detail: 'Bitte gib einen Typ an.' },
+        }" />
     </div>
     <div class="flex flex-col gap-2 lg:col-span-2">
       Beschreibung:
       <textarea cols="30" formControlName="description" pInputTextarea rows="5"></textarea>
-      <p-messages
-        [closable]="false"
-        [enableService]="false"
-        [value]="[
-          {
-            severity: 'info',
-            summary: 'Info',
-            detail: 'Die Ausstattung kann noch nicht bearbeitet werden.',
+      <app-form-error-messages
+        *ngIf="description.touched && description.dirty && description.invalid"
+        [control]="description"
+        [messages]="{
+          required: { severity: 'error', detail: 'Bitte gib eine Beschreibung an.' },
+          maxlength: {
+            severity: 'error',
+            detail: 'Die Beschreibung darf maximal 2048 Zeichen lang sein.',
           },
-        ]" />
+        }" />
     </div>
 
     <p-button [loading]="submitted" class="col-span-full mx-auto" label="Erstellen" type="submit" />

src/app/pages/admin-page/equipment-page/equipment-create-form/equipment-create-form.component.ts

@@ -46,8 +46,8 @@ export class EquipmentCreateFormComponent {
       Validators.minLength(1),
       Validators.maxLength(255),
     ]),
-    type: new FormControl('other', [Validators.required]),
-    description: new FormControl('', [Validators.maxLength(2048)]),
+    type: new FormControl('', [Validators.required]),
+    description: new FormControl('', [Validators.required, Validators.maxLength(2048)]),
   })
 
   get name() {

src/app/pages/admin-page/equipment-page/equipment-page.component.html

-<p-panel [header]="'Alle Niederlassungen mit Abteilung (' + totalRecords + ')'" [toggleable]="true">
-  <p-table
-    [value]="equipments"
-    [lazy]="true"
-    (onLazyLoad)="loadTable($event)"
-    dataKey="id"
-    [paginator]="true"
-    [rows]="10"
-    [scrollable]="true"
-    [rowsPerPageOptions]="[5, 10, 20, 50]"
-    [totalRecords]="totalRecords"
-    [loading]="loading"
-    (onPage)="onPageChange($event)">
-    <ng-template pTemplate="header">
-      <tr>
-        <th pSortableColumn="name">
-          Name
-          <p-sortIcon field="name" />
-        </th>
-        <th pSortableColumn="type">
-          Type
-          <p-sortIcon field="type" />
-        </th>
-        <th>Description</th>
-      </tr>
-    </ng-template>
-    <ng-template pTemplate="body" let-equipment>
-      <tr>
-        <td>
-          {{ equipment.name }}
-        </td>
-        <td>{{ getEquipmentTypeLabel(equipment.type) }}</td>
-        <td>{{ equipment.description }}</td>
-      </tr>
-    </ng-template>
-  </p-table>
-</p-panel>
+<div class="mx-auto grid gap-2">
+  <p-panel [header]="'Alle Ausrüstungen (' + totalRecords + ')'" [toggleable]="true">
+    <p-table
+      [value]="equipments"
+      [lazy]="true"
+      (onLazyLoad)="loadTable($event)"
+      dataKey="id"
+      [paginator]="true"
+      [rows]="10"
+      [scrollable]="true"
+      [rowsPerPageOptions]="[5, 10, 20, 50]"
+      [totalRecords]="totalRecords"
+      [loading]="loading"
+      (onPage)="onPageChange($event)">
+      <ng-template pTemplate="header">
+        <tr>
+          <th pSortableColumn="name">
+            Name
+            <p-sortIcon field="name" />
+          </th>
+          <th pSortableColumn="type">
+            Typ
+            <p-sortIcon field="type" />
+          </th>
+          <th>Beschreibung</th>
+        </tr>
+      </ng-template>
+      <ng-template pTemplate="body" let-equipment>
+        <tr>
+          <td>
+            {{ equipment.name }}
+          </td>
+          <td>{{ getEquipmentTypeLabel(equipment.type) }}</td>
+          <td>{{ equipment.description }}</td>
+        </tr>
+      </ng-template>
+    </p-table>
+  </p-panel>
 
-<p-panel header="Neues Equipment erstellen" toggleable="true">
-  <app-equipment-create-form (createdEvent)="onNewEquipment()" />
-</p-panel>
+  <p-panel header="Neues Equipment erstellen" toggleable="true">
+    <app-equipment-create-form (createdEvent)="onNewEquipment()" />
+  </p-panel>
+</div>

src/app/pages/admin-page/rooms-page/rooms-page.component.html

@@ -2,12 +2,15 @@
   <div class="">
     <p-panel
       [header]="
-        'Alle Räume von Niederlassung: ' +
+        'Alle Räume von ' +
         department?.location +
-        ' Abteil: ' +
-        department?.location +
-        ' Etage: ' +
-        department?.floor
+        ' - ' +
+        department?.building +
+        ' - ' +
+        department?.floor +
+        ' (' +
+        totalRecords +
+        ')'
       "
       [toggleable]="true">
       <p-table