dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Add refresh delivery notification method

Browse Source
This commit is contained in:
Vladyslav_Prykhodko 2023-04-24 15:55:36 +03:00
parent d84af4cc35
commit 03efbe3f7d
3 changed files with 39 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.html
View File

@ -59,9 +59,21 @@
<ng-container *ngTemplateOutlet="recipientsList"></ng-container>
<section formGroupName="template">
<section formGroupName="configuration">
<label [ngClass]="{'tb-error': notificationRequestForm.get('template.configuration.deliveryMethodsTemplates').hasError('atLeastOne')}"
class="tb-title tb-required">{{ "notification.delivery-methods" | translate }}</label>
<div class="tb-hint" translate>notification.at-least-one-should-be-selected</div>
<div class="delivery-title">
<div>
<label [ngClass]="{'tb-error': notificationRequestForm.get('template.configuration.deliveryMethodsTemplates').hasError('atLeastOne')}"
class="tb-title tb-required">{{ "notification.delivery-methods" | translate }}</label>
<div class="tb-hint" translate>notification.at-least-one-should-be-selected</div>
</div>
<button
matTooltip="Refresh allow delivery method"
matTooltipPosition="above"
(click)="refreshAllowDeliveryMethod()"
*ngIf="showRefresh"
mat-icon-button>
<mat-icon>refresh</mat-icon>
</button>
</div>
<section formGroupName="deliveryMethodsTemplates" class="delivery-methods-container">
<ng-container *ngFor="let deliveryMethods of notificationDeliveryMethods">
<a *ngIf="isInteractDeliveryMethod(deliveryMethods); else deliveryMethod"

7
ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.component.scss
View File

@ -60,6 +60,13 @@
}
}
.delivery-title {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.delivery-methods-container {
margin-bottom: 20px;
display: flex;

26
ui-ngx/src/app/modules/home/pages/notification/sent/sent-notification-dialog.componet.ts
View File

@ -80,6 +80,8 @@ export class SentNotificationDialogComponent extends
dialogTitle = 'notification.notify-again';
showRefresh = false;
private authUser: AuthUser = getCurrentAuthUser(this.store);
constructor(protected store: Store<AppState>,
@ -162,15 +164,7 @@ export class SentNotificationDialogComponent extends
this.notificationRequestForm.get('useTemplate').setValue(useTemplate, {onlySelf : true});
}
this.notificationService.getAvailableDeliveryMethods({ignoreLoading: true}).subscribe(allowMethods => {
this.notificationDeliveryMethods.forEach(method => {
if (allowMethods.includes(method)) {
this.getDeliveryMethodsTemplatesControl(method).enable({emitEvent: true});
} else {
this.getDeliveryMethodsTemplatesControl(method).setValue(false, {emitEvent: true}); //used for notify again
}
});
});
this.refreshAllowDeliveryMethod();
}
ngOnDestroy() {
@ -340,4 +334,18 @@ export class SentNotificationDialogComponent extends
return '/settings/notifications';
}
}
refreshAllowDeliveryMethod() {
this.notificationService.getAvailableDeliveryMethods({ignoreLoading: true}).subscribe(allowMethods => {
this.notificationDeliveryMethods.forEach(method => {
if (allowMethods.includes(method)) {
this.getDeliveryMethodsTemplatesControl(method).enable({emitEvent: true});
} else {
this.getDeliveryMethodsTemplatesControl(method).disable({emitEvent: true});
this.getDeliveryMethodsTemplatesControl(method).setValue(false, {emitEvent: true}); //used for notify again
}
});
this.showRefresh = (this.notificationDeliveryMethods.length !== allowMethods.length);
});
}
}