Vladyslav_Prykhodko
3 years ago
58 changed files with 371 additions and 740 deletions
@ -1,41 +0,0 @@ |
|||
///
|
|||
/// Copyright © 2016-2023 The Thingsboard Authors
|
|||
///
|
|||
/// Licensed under the Apache License, Version 2.0 (the "License");
|
|||
/// you may not use this file except in compliance with the License.
|
|||
/// You may obtain a copy of the License at
|
|||
///
|
|||
/// http://www.apache.org/licenses/LICENSE-2.0
|
|||
///
|
|||
/// Unless required by applicable law or agreed to in writing, software
|
|||
/// distributed under the License is distributed on an "AS IS" BASIS,
|
|||
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|||
/// See the License for the specific language governing permissions and
|
|||
/// limitations under the License.
|
|||
///
|
|||
|
|||
import { NgModule } from '@angular/core'; |
|||
import { RouterModule, Routes } from '@angular/router'; |
|||
import { Authority } from '@shared/models/authority.enum'; |
|||
import { NotificationCenterComponent } from '@home/pages/notification-center/notification-center.component'; |
|||
|
|||
const routes: Routes = [ |
|||
{ |
|||
path: 'notification-center', |
|||
component: NotificationCenterComponent, |
|||
data: { |
|||
auth: [Authority.SYS_ADMIN, Authority.TENANT_ADMIN, Authority.CUSTOMER_USER], |
|||
title: 'notification.notification-center', |
|||
breadcrumb: { |
|||
label: 'notification.notification-center', |
|||
icon: 'notifications' |
|||
} |
|||
} |
|||
} |
|||
]; |
|||
|
|||
@NgModule({ |
|||
imports: [RouterModule.forChild(routes)], |
|||
exports: [RouterModule] |
|||
}) |
|||
export class NotificationCenterRoutingModule { } |
|||
@ -1,69 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2023 The Thingsboard Authors |
|||
|
|||
Licensed under the Apache License, Version 2.0 (the "License"); |
|||
you may not use this file except in compliance with the License. |
|||
You may obtain a copy of the License at |
|||
|
|||
http://www.apache.org/licenses/LICENSE-2.0 |
|||
|
|||
Unless required by applicable law or agreed to in writing, software |
|||
distributed under the License is distributed on an "AS IS" BASIS, |
|||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
See the License for the specific language governing permissions and |
|||
limitations under the License. |
|||
|
|||
--> |
|||
<div class="tb-notification-center"> |
|||
<div class="tb-notification-center-content"> |
|||
<div class="tabs-container"> |
|||
<ng-container *ngIf="isCustomerUser(); else notificationTabs"> |
|||
<tb-notification-table |
|||
[notificationType]="entityType.NOTIFICATION"> |
|||
</tb-notification-table> |
|||
</ng-container> |
|||
<ng-template #notificationTabs> |
|||
<mat-tab-group #matTabGroup (selectedIndexChange)="updateData()" mat-stretch-tabs="false"> |
|||
<mat-tab label="{{ 'notification.inbox' | translate }}"> |
|||
<tb-notification-table |
|||
[notificationType]="entityType.NOTIFICATION"> |
|||
</tb-notification-table> |
|||
</mat-tab> |
|||
<mat-tab label="{{ 'notification.sent' | translate }}" #requestTab="matTab"> |
|||
<tb-notification-table |
|||
#notificationRequest |
|||
[notificationType]="entityType.NOTIFICATION_REQUEST"> |
|||
</tb-notification-table> |
|||
</mat-tab> |
|||
<mat-tab label="{{ 'notification.templates' | translate }}"> |
|||
<tb-notification-table |
|||
[notificationType]="entityType.NOTIFICATION_TEMPLATE"> |
|||
</tb-notification-table> |
|||
</mat-tab> |
|||
<mat-tab label="{{ 'notification.targets' | translate }}"> |
|||
<tb-notification-table |
|||
[notificationType]="entityType.NOTIFICATION_TARGET"> |
|||
</tb-notification-table> |
|||
</mat-tab> |
|||
<mat-tab label="{{ 'notification.rules' | translate }}"> |
|||
<tb-notification-table |
|||
[notificationType]="entityType.NOTIFICATION_RULE"> |
|||
</tb-notification-table> |
|||
</mat-tab> |
|||
<mat-tab disabled> |
|||
<ng-template mat-tab-label> |
|||
<div fxFlex="100" fxLayout="row" fxLayoutAlign="end center"> |
|||
<button mat-flat-button color="primary" (click)="sendNotification($event)"> |
|||
<div fxLayout="row" fxLayoutAlign="start center"> |
|||
<mat-icon>send</mat-icon>{{ 'notification.send-notification' | translate }} |
|||
</div> |
|||
</button> |
|||
</div> |
|||
</ng-template> |
|||
</mat-tab> |
|||
</mat-tab-group> |
|||
</ng-template> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -1,101 +0,0 @@ |
|||
/** |
|||
* Copyright © 2016-2023 The Thingsboard Authors |
|||
* |
|||
* Licensed under the Apache License, Version 2.0 (the "License"); |
|||
* you may not use this file except in compliance with the License. |
|||
* You may obtain a copy of the License at |
|||
* |
|||
* http://www.apache.org/licenses/LICENSE-2.0 |
|||
* |
|||
* Unless required by applicable law or agreed to in writing, software |
|||
* distributed under the License is distributed on an "AS IS" BASIS, |
|||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
* See the License for the specific language governing permissions and |
|||
* limitations under the License. |
|||
*/ |
|||
@import '../../../../../scss/constants'; |
|||
|
|||
:host { |
|||
width: 100%; |
|||
height: 100%; |
|||
display: block; |
|||
.tb-notification-center { |
|||
padding: 8px; |
|||
width: 100%; |
|||
height: 100%; |
|||
display: block; |
|||
|
|||
.tb-notification-center-content { |
|||
width: 100%; |
|||
height: 100%; |
|||
background: #fff; |
|||
border-radius: 4px; |
|||
box-shadow: 0 4px 10px rgba(23, 33, 90, 0.08); |
|||
display: flex; |
|||
flex-direction: column; |
|||
|
|||
.tabs-container { |
|||
position: relative; |
|||
flex-direction: column; |
|||
flex: 1 1 100%; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
:host ::ng-deep { |
|||
.tabs-container { |
|||
> .mat-mdc-tab-group { |
|||
> .mat-mdc-tab-body-wrapper { |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
} |
|||
|
|||
> .mat-mdc-tab-header { |
|||
.mat-mdc-tab { |
|||
&.mat-mdc-tab-disabled { |
|||
opacity: 1; |
|||
flex: 1; |
|||
|
|||
.mdc-tab__content, .mdc-tab__text-label { |
|||
flex: 1; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.tb-entity-table { |
|||
padding: 0; |
|||
|
|||
.mat-toolbar-single-row, .mat-toolbar-tools { |
|||
height: 56px; |
|||
} |
|||
|
|||
.mat-toolbar-tools > div { |
|||
width: 100%; |
|||
} |
|||
|
|||
.mat-toolbar-single-row { |
|||
padding: 0 24px 0 12px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
@media #{$mat-xs} { |
|||
.tabs-container { |
|||
> .mat-mdc-tab-group { |
|||
> .mat-mdc-tab-header { |
|||
.mat-mdc-tab { |
|||
&.mat-tab-disabled { |
|||
width: auto; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
@ -1,74 +0,0 @@ |
|||
///
|
|||
/// Copyright © 2016-2023 The Thingsboard Authors
|
|||
///
|
|||
/// Licensed under the Apache License, Version 2.0 (the "License");
|
|||
/// you may not use this file except in compliance with the License.
|
|||
/// You may obtain a copy of the License at
|
|||
///
|
|||
/// http://www.apache.org/licenses/LICENSE-2.0
|
|||
///
|
|||
/// Unless required by applicable law or agreed to in writing, software
|
|||
/// distributed under the License is distributed on an "AS IS" BASIS,
|
|||
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|||
/// See the License for the specific language governing permissions and
|
|||
/// limitations under the License.
|
|||
///
|
|||
|
|||
import { Component, QueryList, ViewChild, ViewChildren } from '@angular/core'; |
|||
import { PageComponent } from '@shared/components/page.component'; |
|||
import { Store } from '@ngrx/store'; |
|||
import { AppState } from '@core/core.state'; |
|||
import { MatTab, MatTabGroup } from '@angular/material/tabs'; |
|||
import { |
|||
NotificationTableComponent |
|||
} from '@home/pages/notification-center/notification-table/notification-table.component'; |
|||
import { EntityType } from '@shared/models/entity-type.models'; |
|||
import { Authority } from '@shared/models/authority.enum'; |
|||
import { AuthState } from '@core/auth/auth.models'; |
|||
import { getCurrentAuthState } from '@core/auth/auth.selectors'; |
|||
import { AuthUser } from '@shared/models/user.model'; |
|||
|
|||
@Component({ |
|||
selector: 'tb-notification-center', |
|||
templateUrl: './notification-center.component.html', |
|||
styleUrls: ['notification-center.component.scss'] |
|||
}) |
|||
export class NotificationCenterComponent extends PageComponent { |
|||
|
|||
private authState: AuthState = getCurrentAuthState(this.store); |
|||
private authUser: AuthUser = this.authState.authUser; |
|||
|
|||
entityType = EntityType; |
|||
|
|||
@ViewChild('matTabGroup') matTabs: MatTabGroup; |
|||
@ViewChild('requestTab') requestTab: MatTab; |
|||
@ViewChild('notificationRequest') notificationRequestTable: NotificationTableComponent; |
|||
@ViewChildren(NotificationTableComponent) tableComponent: QueryList<NotificationTableComponent>; |
|||
|
|||
|
|||
constructor( |
|||
protected store: Store<AppState>) { |
|||
super(store); |
|||
} |
|||
|
|||
updateData() { |
|||
this.currentTableComponent?.updateData(); |
|||
} |
|||
|
|||
openSetting() { |
|||
|
|||
} |
|||
|
|||
private get currentTableComponent(): NotificationTableComponent { |
|||
return this.tableComponent.get(this.matTabs.selectedIndex); |
|||
} |
|||
|
|||
sendNotification($event: Event) { |
|||
this.notificationRequestTable.entityTableConfig |
|||
.onEntityAction({event: $event, action: this.requestTab.isActive ? 'add' : 'add-without-update', entity: null}); |
|||
} |
|||
|
|||
public isCustomerUser(): boolean { |
|||
return this.authUser.authority === Authority.CUSTOMER_USER; |
|||
} |
|||
} |
|||
@ -1,83 +0,0 @@ |
|||
///
|
|||
/// Copyright © 2016-2023 The Thingsboard Authors
|
|||
///
|
|||
/// Licensed under the Apache License, Version 2.0 (the "License");
|
|||
/// you may not use this file except in compliance with the License.
|
|||
/// You may obtain a copy of the License at
|
|||
///
|
|||
/// http://www.apache.org/licenses/LICENSE-2.0
|
|||
///
|
|||
/// Unless required by applicable law or agreed to in writing, software
|
|||
/// distributed under the License is distributed on an "AS IS" BASIS,
|
|||
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|||
/// See the License for the specific language governing permissions and
|
|||
/// limitations under the License.
|
|||
///
|
|||
|
|||
import { NgModule } from '@angular/core'; |
|||
import { CommonModule } from '@angular/common'; |
|||
import { SharedModule } from '@shared/shared.module'; |
|||
import { NotificationCenterRoutingModule } from './notification-center-routing.module'; |
|||
import { NotificationCenterComponent } from './notification-center.component'; |
|||
import { HomeComponentsModule } from '@home/components/home-components.module'; |
|||
import { |
|||
TargetNotificationDialogComponent |
|||
} from '@home/pages/notification-center/targets-table/target-notification-dialog.componet'; |
|||
import { |
|||
NotificationTableComponent |
|||
} from '@home/pages/notification-center/notification-table/notification-table.component'; |
|||
import { |
|||
TemplateNotificationDialogComponent |
|||
} from '@home/pages/notification-center/template-table/template-notification-dialog.component'; |
|||
import { |
|||
TargetTableHeaderComponent |
|||
} from '@home/pages/notification-center/targets-table/target-table-header.component'; |
|||
import { |
|||
TemplateTableHeaderComponent |
|||
} from '@home/pages/notification-center/template-table/template-table-header.component'; |
|||
import { |
|||
RequestNotificationDialogComponent |
|||
} from '@home/pages/notification-center/request-table/request-notification-dialog.componet'; |
|||
import { |
|||
TemplateAutocompleteComponent |
|||
} from '@home/pages/notification-center/template-table/template-autocomplete.component'; |
|||
import { InboxTableHeaderComponent } from '@home/pages/notification-center/inbox-table/inbox-table-header.component'; |
|||
import { RuleTableHeaderComponent } from '@home/pages/notification-center/rule-table/rule-table-header.component'; |
|||
import { |
|||
RuleNotificationDialogComponent |
|||
} from '@home/pages/notification-center/rule-table/rule-notification-dialog.component'; |
|||
import { EscalationsComponent } from '@home/pages/notification-center/rule-table/escalations.component'; |
|||
import { EscalationFormComponent } from '@home/pages/notification-center/rule-table/escalation-form.component'; |
|||
import { |
|||
InboxNotificationDialogComponent |
|||
} from '@home/pages/notification-center/inbox-table/inbox-notification-dialog.component'; |
|||
import { |
|||
NotificationRequestErrorDialogComponent |
|||
} from '@home/pages/notification-center/request-table/notification-request-error-dialog.component'; |
|||
|
|||
@NgModule({ |
|||
declarations: [ |
|||
NotificationCenterComponent, |
|||
TargetNotificationDialogComponent, |
|||
TemplateNotificationDialogComponent, |
|||
RequestNotificationDialogComponent, |
|||
TargetTableHeaderComponent, |
|||
TemplateTableHeaderComponent, |
|||
NotificationTableComponent, |
|||
TemplateAutocompleteComponent, |
|||
InboxTableHeaderComponent, |
|||
RuleTableHeaderComponent, |
|||
RuleNotificationDialogComponent, |
|||
EscalationsComponent, |
|||
EscalationFormComponent, |
|||
InboxNotificationDialogComponent, |
|||
NotificationRequestErrorDialogComponent |
|||
], |
|||
imports: [ |
|||
CommonModule, |
|||
SharedModule, |
|||
NotificationCenterRoutingModule, |
|||
HomeComponentsModule |
|||
] |
|||
}) |
|||
export class NotificationCenterModule { } |
|||
@ -1,18 +0,0 @@ |
|||
<!-- |
|||
|
|||
Copyright © 2016-2023 The Thingsboard Authors |
|||
|
|||
Licensed under the Apache License, Version 2.0 (the "License"); |
|||
you may not use this file except in compliance with the License. |
|||
You may obtain a copy of the License at |
|||
|
|||
http://www.apache.org/licenses/LICENSE-2.0 |
|||
|
|||
Unless required by applicable law or agreed to in writing, software |
|||
distributed under the License is distributed on an "AS IS" BASIS, |
|||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|||
See the License for the specific language governing permissions and |
|||
limitations under the License. |
|||
|
|||
--> |
|||
<tb-entities-table [entitiesTableConfig]="entityTableConfig"></tb-entities-table> |
|||
@ -1,98 +0,0 @@ |
|||
///
|
|||
/// Copyright © 2016-2023 The Thingsboard Authors
|
|||
///
|
|||
/// Licensed under the Apache License, Version 2.0 (the "License");
|
|||
/// you may not use this file except in compliance with the License.
|
|||
/// You may obtain a copy of the License at
|
|||
///
|
|||
/// http://www.apache.org/licenses/LICENSE-2.0
|
|||
///
|
|||
/// Unless required by applicable law or agreed to in writing, software
|
|||
/// distributed under the License is distributed on an "AS IS" BASIS,
|
|||
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|||
/// See the License for the specific language governing permissions and
|
|||
/// limitations under the License.
|
|||
///
|
|||
|
|||
import { Component, Input, OnInit, ViewChild } from '@angular/core'; |
|||
import { EntitiesTableComponent } from '@home/components/entity/entities-table.component'; |
|||
import { NotificationService } from '@core/http/notification.service'; |
|||
import { TargetsTableConfig } from '@home/pages/notification-center/notification-table/targets-table-config'; |
|||
import { TranslateService } from '@ngx-translate/core'; |
|||
import { MatDialog } from '@angular/material/dialog'; |
|||
import { EntityType } from '@shared/models/entity-type.models'; |
|||
import { EntityTableConfig } from '@home/models/entity/entities-table-config.models'; |
|||
import { InboxTableConfig } from '@home/pages/notification-center/notification-table/inbox-table-config'; |
|||
import { DatePipe } from '@angular/common'; |
|||
import { TemplateTableConfig } from '@home/pages/notification-center/notification-table/template-table-config'; |
|||
import { RequestTableConfig } from '@home/pages/notification-center/notification-table/request-table-config'; |
|||
import { RuleTableConfig } from '@home/pages/notification-center/notification-table/rule-table-config'; |
|||
|
|||
@Component({ |
|||
selector: 'tb-notification-table', |
|||
templateUrl: './notification-table.component.html' |
|||
}) |
|||
export class NotificationTableComponent implements OnInit { |
|||
|
|||
@Input() |
|||
notificationType = EntityType.NOTIFICATION; |
|||
|
|||
@ViewChild(EntitiesTableComponent, {static: true}) entitiesTable: EntitiesTableComponent; |
|||
|
|||
entityTableConfig: EntityTableConfig<any>; |
|||
|
|||
constructor(private notificationService: NotificationService, |
|||
private translate: TranslateService, |
|||
private datePipe: DatePipe, |
|||
private dialog: MatDialog) { |
|||
} |
|||
|
|||
ngOnInit() { |
|||
this.entityTableConfig = this.getTableConfig(); |
|||
this.entityTableConfig.pageMode = false; |
|||
this.entityTableConfig.detailsPanelEnabled = false; |
|||
this.entityTableConfig.selectionEnabled = false; |
|||
this.entityTableConfig.addEnabled = false; |
|||
} |
|||
|
|||
updateData() { |
|||
this.entitiesTable.updateData(); |
|||
} |
|||
|
|||
private getTableConfig(): EntityTableConfig<any> { |
|||
switch (this.notificationType) { |
|||
case EntityType.NOTIFICATION_TARGET: |
|||
return new TargetsTableConfig( |
|||
this.notificationService, |
|||
this.translate, |
|||
this.dialog |
|||
); |
|||
case EntityType.NOTIFICATION: |
|||
return new InboxTableConfig( |
|||
this.notificationService, |
|||
this.translate, |
|||
this.dialog, |
|||
this.datePipe |
|||
); |
|||
case EntityType.NOTIFICATION_TEMPLATE: |
|||
return new TemplateTableConfig( |
|||
this.notificationService, |
|||
this.translate, |
|||
this.dialog |
|||
); |
|||
case EntityType.NOTIFICATION_REQUEST: |
|||
return new RequestTableConfig( |
|||
this.notificationService, |
|||
this.translate, |
|||
this.dialog, |
|||
this.datePipe |
|||
); |
|||
case EntityType.NOTIFICATION_RULE: |
|||
return new RuleTableConfig( |
|||
this.notificationService, |
|||
this.translate, |
|||
this.dialog |
|||
); |
|||
} |
|||
} |
|||
} |
|||
Loading…
Reference in new issue