2024-01-11 16:59:27 +01:00
< div class = "d-flex align-items-center gap-1-rem" >
< button mat-flat-button [ matMenuTriggerFor ] = " filterMenu " # filterMenuTrigger = "matMenuTrigger" ( click ) = " updateFilters ( ) " class = "filter-button" >
< mat-icon aria-hidden = "false" [ matBadgeHidden ] = " ! appliedFilterCount " [ matBadge ] = " appliedFilterCount " matBadgeColor = "warn" matBadgeSize = "small" > filter_alt< / mat-icon >
{{'COMMONS.LISTING-COMPONENT.SEARCH-FILTER-BTN' | translate}}
< / button >
< mat-menu # filterMenu >
< div class = "p-3" ( click ) = " $ event ? . stopPropagation ? . ( ) " >
< div class = "search-listing-filters-container" >
< div class = "d-flex align-items-center justify-content-between" >
< h4 > {{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.FILTER.TITLE' | translate}}< / h4 >
< button color = "accent" mat-button ( click ) = " clearFilters ( ) " >
{{'COMMONS.LISTING-COMPONENT.CLEAR-ALL-FILTERS' | translate}}
< / button >
< / div >
< mat-slide-toggle labelPosition = "before" [ ( ngModel ) ] = " internalFilters . isActive " >
{{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.FILTER.IS-ACTIVE' | translate}}
< / mat-slide-toggle >
2024-03-13 16:26:47 +01:00
< div class = "mt-4" >
< div >
< mat-form-field class = "col-12" >
< mat-label > {{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.FILTER.USERS' | translate}}< / mat-label >
< app-multiple-auto-complete [ ( ngModel ) ] = " internalFilters . userIds " [ hidePlaceholder ] = " true " [ separatorKeysCodes ] = " separatorKeysCodes " [ configuration ] = " userAutoCompleteConfiguration " >
< / app-multiple-auto-complete >
< / mat-form-field >
< / div >
2024-01-12 13:01:59 +01:00
2024-03-13 16:26:47 +01:00
< div >
< mat-form-field class = "col-12" >
< mat-label > {{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.FILTER.NOTIFICATION-TYPE' | translate}}< / mat-label >
< mat-select multiple [ ( ngModel ) ] = " internalFilters . type " >
< mat-option * ngFor = "let type of notificationTypeEnumValues" [ value ] = " type " > {{enumUtils.toNotificationTypeString(type)}}< / mat-option >
< / mat-select >
< / mat-form-field >
< / div >
2024-01-11 16:59:27 +01:00
2024-03-13 16:26:47 +01:00
< div >
< mat-form-field class = "col-12" >
< mat-label > {{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.FILTER.CONTACT-TYPE' | translate}}< / mat-label >
< mat-select multiple [ ( ngModel ) ] = " internalFilters . contactType " >
< mat-option * ngFor = "let contactType of notificationContactTypeEnumValues" [ value ] = " contactType " > {{enumUtils.toNotificationContactTypeString(contactType)}}< / mat-option >
< / mat-select >
< / mat-form-field >
< / div >
2024-01-11 16:59:27 +01:00
2024-03-13 16:26:47 +01:00
< div >
< mat-form-field class = "col-12" >
< mat-label > {{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.FILTER.NOTIFY-STATE' | translate}}< / mat-label >
< mat-select multiple [ ( ngModel ) ] = " internalFilters . notifyState " >
< mat-option * ngFor = "let notifyState of notificationNotifyStateEnumValues" [ value ] = " notifyState " > {{enumUtils.toNotificationNotifyStateString(notifyState)}}< / mat-option >
< / mat-select >
< / mat-form-field >
< / div >
2024-01-11 16:59:27 +01:00
2024-03-13 16:26:47 +01:00
< div >
< mat-form-field class = "col-12" >
< mat-label > {{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.FILTER.TRACKING-STATE' | translate}}< / mat-label >
< mat-select multiple [ ( ngModel ) ] = " internalFilters . trackingState " >
< mat-option * ngFor = "let trackingState of notificationTrackingStateEnumValues" [ value ] = " trackingState " > {{enumUtils.toNotificationTrackingStateString(trackingState)}}< / mat-option >
< / mat-select >
< / mat-form-field >
< / div >
2024-01-11 16:59:27 +01:00
2024-03-13 16:26:47 +01:00
< div >
< mat-form-field class = "col-12" >
< mat-label > {{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.FILTER.TRACKING-PROCESS' | translate}}< / mat-label >
< mat-select multiple [ ( ngModel ) ] = " internalFilters . trackingProcess " >
< mat-option * ngFor = "let trackingProcess of notificationTrackingProcessEnumValues" [ value ] = " trackingProcess " > {{enumUtils.toNotificationTrackingProcessString(trackingProcess)}}< / mat-option >
< / mat-select >
< / mat-form-field >
< / div >
2024-01-11 16:59:27 +01:00
< / div >
2024-03-13 16:26:47 +01:00
< div class = "d-flex justify-content-between mt-4 gap-1-rem" >
2024-01-11 16:59:27 +01:00
< button mat-stroked-button color = "primary" ( click ) = " filterMenuTrigger ? . closeMenu ( ) " >
{{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.FILTER.CANCEL' | translate}}
< / button >
< button mat-raised-button color = "primary" ( click ) = " filterMenuTrigger . closeMenu ( ) ; applyFilters ( ) ; " >
{{'NOTIFICATION-SERVICE.NOTIFICATION-LISTING.FILTER.APPLY-FILTERS' | translate}}
< / button >
< / div >
< / div >
< / div >
< / mat-menu >
<!-- <app - expandable - search - field [(value)]=internalFilters.like (valueChange)="onSearchTermChange($event)" /> -->
< / div >