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">
|
<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) -->
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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)"
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user