frontend: add conditional search box display in recording lists component
This commit is contained in:
parent
2ce986c3dd
commit
f8729e4240
@ -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) -->
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -32,6 +32,8 @@
|
||||
[recordings]="recordings()"
|
||||
[canDeleteRecordings]="true"
|
||||
[loading]="isLoading"
|
||||
[showSearchBox]="true"
|
||||
[showFilters]="false"
|
||||
[showSelection]="true"
|
||||
[showLoadMore]="hasMoreRecordings"
|
||||
(recordingAction)="onRecordingAction($event)"
|
||||
|
||||
@ -42,6 +42,7 @@
|
||||
[recordings]="recordings()"
|
||||
[canDeleteRecordings]="canDeleteRecordings"
|
||||
[loading]="isLoading"
|
||||
[showSearchBox]="false"
|
||||
[showFilters]="false"
|
||||
[showSelection]="true"
|
||||
[showRoomInfo]="false"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user