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

UI: Add custom translate for notification message

Browse Source
This commit is contained in:
Artem Dzhereleiko 2023-05-19 11:16:12 +03:00
parent 733a2a03e4
commit 5509b93cc8
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui-ngx/src/app/shared/components/notification/notification.component.html
View File

@ -28,8 +28,8 @@
</mat-icon> </mat-icon>
</ng-template> </ng-template>
<div class="content" fxFlex> <div class="content" fxFlex>
<div class="title" [innerHTML]="(utils.customTranslation(notification.subject, notification.subject) | safe: 'html' )"></div> <div class="title" [innerHTML]="(title | safe: 'html' )"></div>
<div class="message" [innerHTML]="(notification.text | safe: 'html' )"></div> <div class="message" [innerHTML]="(message | safe: 'html' )"></div>
<button *ngIf="showButton" mat-stroked-button class="button" color="primary" <button *ngIf="showButton" mat-stroked-button class="button" color="primary"
(click)="navigate($event)"> (click)="navigate($event)">
{{ buttonLabel }} {{ buttonLabel }}

5
ui-ngx/src/app/shared/components/notification/notification.component.ts
View File

@ -62,6 +62,9 @@ export class NotificationComponent implements OnInit {
currentDate = Date.now(); currentDate = Date.now();
title = '';
message = '';
constructor( constructor(
public utils: UtilsService, public utils: UtilsService,
private router: Router private router: Router
@ -72,6 +75,8 @@ export class NotificationComponent implements OnInit {
this.showIcon = this.notification.additionalConfig?.icon?.enabled; this.showIcon = this.notification.additionalConfig?.icon?.enabled;
this.showButton = this.notification.additionalConfig?.actionButtonConfig?.enabled; this.showButton = this.notification.additionalConfig?.actionButtonConfig?.enabled;
this.hideMarkAsReadButton = this.notification.status === NotificationStatus.READ; this.hideMarkAsReadButton = this.notification.status === NotificationStatus.READ;
this.title = this.utils.customTranslation(this.notification.subject, this.notification.subject);
this.message = this.utils.customTranslation(this.notification.text, this.notification.text);
if (this.showButton) { if (this.showButton) {
this.buttonLabel = this.utils.customTranslation(this.notification.additionalConfig.actionButtonConfig.text, this.buttonLabel = this.utils.customTranslation(this.notification.additionalConfig.actionButtonConfig.text,
this.notification.additionalConfig.actionButtonConfig.text); this.notification.additionalConfig.actionButtonConfig.text);