sh-edraft.de/open-redirect
5
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

Design updates

Browse Source
This commit is contained in:
Sven Heidemann 2024-12-14 18:56:24 +01:00
parent 99960572ea
commit e7a6a4b16b
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/app/modules/admin/short-urls/short-urls.page.html
View File

@ -1,7 +1,7 @@
<router-outlet></router-outlet> <router-outlet></router-outlet>
<ng-template #shortUrl let-url> <ng-template #shortUrl let-url>
<div class="flex flex-col gap-2 bg rounded-l p-3"> <div class="flex flex-col gap-2 bg rounded-l p-3 w-full max-w-lg justify-between">
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<h3>{{ url.shortUrl }}</h3> <h3>{{ url.shortUrl }}</h3>
<div class="grid-container"> <div class="grid-container">
@ -92,15 +92,16 @@
<div class="divider"></div> <div class="divider"></div>
<div class="bg2 rounded-xl p-3"> <div class="bg2 rounded-xl p-3">
<div *ngFor="let url of shortUrlsWithoutGroup"> <div class="flex flex-wrap gap-1.5">
<ng-template [ngTemplateOutlet]="shortUrl" [ngTemplateOutletContext]="{ $implicit: url }"></ng-template> <ng-template *ngFor="let url of shortUrlsWithoutGroup" [ngTemplateOutlet]="shortUrl"
[ngTemplateOutletContext]="{ $implicit: url }"></ng-template>
</div> </div>
</div> </div>
<div *ngFor="let group of groupsFromGroupedShortUrls" class="bg2 rounded-xl p-3"> <div *ngFor="let group of groupsFromGroupedShortUrls" class="bg2 rounded-xl p-3">
<div><h2>{{ group }}</h2></div> <div><h2>{{ group }}</h2></div>
<div class="flex flex-col gap-1.5"> <div class="flex flex-wrap gap-1.5">
<ng-template *ngFor="let url of groupedShortUrls[group]" [ngTemplateOutlet]="shortUrl" <ng-template class="flex-1" *ngFor="let url of groupedShortUrls[group]" [ngTemplateOutlet]="shortUrl"
[ngTemplateOutletContext]="{ $implicit: url }"></ng-template> [ngTemplateOutletContext]="{ $implicit: url }"></ng-template>
</div> </div>
</div> </div>