44 lines
1.9 KiB
HTML
44 lines
1.9 KiB
HTML
<app-page>
|
|
<div title>Followings (List View)</div>
|
|
<div body>
|
|
|
|
<div class="pb-6">
|
|
<app-filters></app-filters>
|
|
</div>
|
|
<div class="pt-6 grid gap-4 md:grid-cols lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4">
|
|
<div *ngFor="let following of followings$ | async" class="w-full overflow-y-visible overflow-x-hidden">
|
|
<app-account [account]="following">
|
|
<div body>
|
|
<div *ngIf="following.lists.length > 0" class="pt-6">
|
|
<ul>
|
|
<li *ngFor="let list of following.lists">
|
|
<i class="pi pi-list pr-2 align-middle"></i>
|
|
<a [routerLink]="['/lists']" [queryParams]="{listId: list.id}" class="align-middle">{{list.title}}</a>
|
|
<i class="pl-2 pi pi-times-circle align-middle cursor-pointer text-red-600" (click)="removeAccountFromList(following.id, list.id)"></i>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div footer class="md:pt-6 flex flex-col space-y-6">
|
|
<p-multiSelect
|
|
[options]="(lists$ | async)!"
|
|
appendTo="body"
|
|
optionLabel="title"
|
|
optionValue="id"
|
|
#listSelect
|
|
></p-multiSelect>
|
|
<button
|
|
pButton
|
|
type="button"
|
|
class="p-button-sm"
|
|
(click)="addAccountToSelectedList(following.id, listSelect)"
|
|
label="Add to list(s)"
|
|
></button>
|
|
</div>
|
|
</app-account>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</app-page>
|
|
|