mytube-frontend/src/app/feature/video/list/list.component.html
2024-08-05 10:25:56 +00:00

36 lines
1.1 KiB
HTML

<div class="p-5">
<div class="mb-5 flex flex-row">
<input
type="text"
class="basis-full p-1 w-full text-gray-900 text-black dark:text-white bg-gray-50 dark:bg-zinc-700 rounded-lg bg-gray-100 text-base border border-gray-500 dark:border-transparent"
(input)="onInputChanged($event)"
/>
<input
type="checkbox"
class="basis-auto block p-1 w-20 text-gray-900 text-black dark:text-white bg-gray-50 dark:bg-zinc-700 rounded-lg bg-gray-100 text-base border border-gray-500 dark:border-transparent"
(change)="readList()"
[(ngModel)]="onlyTagless"
/>
<div class="basis-auto">
<button (click)="analyze()">
<div
class="block px-3 py-1.5 rounded rounded-lg bg-zinc-700 hover:bg-zinc-900 font-bold text-black dark:text-white"
>
Analyze
</div>
</button>
</div>
</div>
<shared-table [items]="videos" [columns]="videoListColumns" />
<div class="mt-5">
<shared-paginator
(pageChange)="onPageChanged($event)"
[page]="page"
[perPage]="perPage"
[total]="total"
/>
</div>
</div>