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

View File

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

View File

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

View File

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