add admin interface, angular migration

2025-11-09 01:58:54 +01:00
parent ff94ca05ce
commit 1acaf07825
100 changed files with 7129 additions and 50 deletions
@@ -0,0 +1,56 @@
+<header>
+  <h3>{{'admin.partey_maps' | i18n}}</h3>
+  <span class="spacer"></span>
+  <button mat-raised-button color="primary">
+    <mat-icon>add</mat-icon>
+    {{'admin.partey_maps.create' | i18n}}
+  </button>
+</header>
+
+<div class="mat-elevation-z8">
+  <table mat-table [dataSource]="dataSource" matSort (matSortChange)="onSortChange($event)">
+
+    <ng-container matColumnDef="id">
+      <th mat-header-cell *matHeaderCellDef mat-sort-header="id"> {{'admin.partey_maps.id' | i18n}} </th>
+      <td mat-cell *matCellDef="let map"> {{map.id}} </td>
+    </ng-container>
+
+    <ng-container matColumnDef="name">
+      <th mat-header-cell *matHeaderCellDef mat-sort-header="name"> {{'admin.partey_maps.name' | i18n}} </th>
+      <td mat-cell *matCellDef="let map"> {{map.name}} </td>
+    </ng-container>
+
+    <ng-container matColumnDef="policyType">
+      <th mat-header-cell *matHeaderCellDef> {{'admin.partey_maps.policy_type' | i18n}} </th>
+      <td mat-cell *matCellDef="let map"> {{map.policyType}} </td>
+    </ng-container>
+
+    <ng-container matColumnDef="tags">
+      <th mat-header-cell *matHeaderCellDef> {{'admin.partey_maps.tags' | i18n}} </th>
+      <td mat-cell *matCellDef="let map"> {{map.tags ? map.tags.join(', ') : '-'}} </td>
+    </ng-container>
+
+    <ng-container matColumnDef="actions">
+      <th mat-header-cell *matHeaderCellDef> {{'admin.actions' | i18n}} </th>
+      <td mat-cell *matCellDef="let map">
+        <button mat-icon-button [title]="'admin.partey_maps.edit' | i18n">
+          <mat-icon>edit</mat-icon>
+        </button>
+        <button mat-icon-button (click)="deleteParteyMap(map.id)" [title]="'admin.partey_maps.delete' | i18n">
+          <mat-icon>delete</mat-icon>
+        </button>
+      </td>
+    </ng-container>
+
+    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+  </table>
+
+  <mat-paginator 
+    [length]="totalElements"
+    [pageSize]="pageSize"
+    [pageSizeOptions]="[5, 10, 25, 50, 100]"
+    (page)="onPageChange($event)"
+    showFirstLastButtons>
+  </mat-paginator>
+</div>