frontend: add conditional search box display in recording lists component

This commit is contained in:
juancarmore 2025-08-14 19:41:43 +02:00
parent 2ce986c3dd
commit f8729e4240
4 changed files with 11 additions and 5 deletions

View File

@ -9,11 +9,13 @@
<mat-toolbar class="recordings-toolbar">
<!-- Left Section: Search -->
<div class="toolbar-left">
<mat-form-field class="search-field" appearance="outline">
<mat-label>Search recordings</mat-label>
<input matInput [formControl]="nameFilterControl" placeholder="Search by room name" />
<mat-icon matSuffix>search</mat-icon>
</mat-form-field>
@if (showSearchBox) {
<mat-form-field class="search-field" appearance="outline">
<mat-label>Search recordings</mat-label>
<input matInput [formControl]="nameFilterControl" placeholder="Search by room name" />
<mat-icon matSuffix>search</mat-icon>
</mat-form-field>
}
</div>
<!-- Center Section: Bulk Actions (visible when items selected) -->

View File

@ -84,6 +84,7 @@ export class RecordingListsComponent implements OnInit, OnChanges {
// Input properties
@Input() recordings: MeetRecordingInfo[] = [];
@Input() canDeleteRecordings = false;
@Input() showSearchBox = true;
@Input() showFilters = false;
@Input() showSelection = true;
@Input() showRoomInfo = true;

View File

@ -32,6 +32,8 @@
[recordings]="recordings()"
[canDeleteRecordings]="true"
[loading]="isLoading"
[showSearchBox]="true"
[showFilters]="false"
[showSelection]="true"
[showLoadMore]="hasMoreRecordings"
(recordingAction)="onRecordingAction($event)"

View File

@ -42,6 +42,7 @@
[recordings]="recordings()"
[canDeleteRecordings]="canDeleteRecordings"
[loading]="isLoading"
[showSearchBox]="false"
[showFilters]="false"
[showSelection]="true"
[showRoomInfo]="false"