unoffical wafrn mirror wafrn.net
atproto social-network activitypub
at angular21 58 lines 2.3 kB view raw
1<div class="mx-3 lg:mx-4 wafrn-container"> 2 <h2 class="my-3 text-3xl">{{ 'menu.admin.serverList' | translate }}</h2> 3</div> 4 5<mat-card class="p-3 mb-6 lg:mx-4 wafrn-container-wide"> 6 <mat-form-field class="w-full"> 7 <mat-label>Server Filter</mat-label> 8 <input matInput class="w-full" [(ngModel)]="dataSource.filter" /> 9 </mat-form-field> 10 11 <div class="w-full overflow-x-auto"> 12 <table mat-table [dataSource]="dataSource" class="w-max"> 13 <ng-container matColumnDef="displayName"> 14 <th mat-header-cell *matHeaderCellDef>Server</th> 15 <td mat-cell *matCellDef="let element"> 16 {{ element.displayName }} 17 </td> 18 </ng-container> 19 <ng-container matColumnDef="blocked"> 20 <th mat-header-cell *matHeaderCellDef>Blocked</th> 21 <td mat-cell *matCellDef="let element"> 22 <mat-checkbox [(ngModel)]="element.blocked"></mat-checkbox> 23 </td> 24 </ng-container> 25 <ng-container matColumnDef="friendServer"> 26 <th mat-header-cell *matHeaderCellDef>Extended federation</th> 27 <td mat-cell *matCellDef="let element"> 28 <mat-checkbox [(ngModel)]="element.friendServer"></mat-checkbox> 29 </td> 30 </ng-container> 31 <ng-container matColumnDef="bubbleTimeline"> 32 <th mat-header-cell *matHeaderCellDef>Bubble timeline</th> 33 <td mat-cell *matCellDef="let element"> 34 <mat-checkbox [(ngModel)]="element.bubbleTimeline"></mat-checkbox> 35 </td> 36 </ng-container> 37 <ng-container matColumnDef="detail"> 38 <th mat-header-cell *matHeaderCellDef>Comment</th> 39 <td mat-cell *matCellDef="let element"> 40 <mat-form-field class="w-full"> 41 <mat-label>Comment</mat-label> 42 <input matInput class="w-full" [(ngModel)]="element.detail" /> 43 </mat-form-field> 44 </td> 45 </ng-container> 46 <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> 47 <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr> 48 </table> 49 </div> 50 51 <mat-paginator 52 [pageSizeOptions]="[10, 25, 50, 100]" 53 showFirstLastButtons 54 aria-label="Select page of periodic elements" 55 > 56 </mat-paginator> 57 <button mat-flat-button color="primary" class="w-full" (click)="save()">Save changes</button> 58</mat-card>