X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;ds=sidebyside;f=dashboard%2Fwebapp-frontend%2Fsrc%2Fapp%2Fpolicy-control%2Fpolicy-instance.component.ts;h=ecf6f36c2d5af3b2725adeea1cf9c22f32d4b2c4;hb=a2ad32a98e7a3f32214d3ecd7ca9730e3602d11f;hp=354427564d810018b03279b87c8a60ded4af1492;hpb=3b1e23945b9426ad7aaacfc3794e15286d82c816;p=nonrtric.git diff --git a/dashboard/webapp-frontend/src/app/policy-control/policy-instance.component.ts b/dashboard/webapp-frontend/src/app/policy-control/policy-instance.component.ts index 35442756..ecf6f36c 100644 --- a/dashboard/webapp-frontend/src/app/policy-control/policy-instance.component.ts +++ b/dashboard/webapp-frontend/src/app/policy-control/policy-instance.component.ts @@ -32,6 +32,7 @@ import { PolicyInstanceDialogComponent } from './policy-instance-dialog.componen import { getPolicyDialogProperties } from './policy-instance-dialog.component'; import { HttpErrorResponse, HttpResponse } from '@angular/common/http'; import { Observable } from 'rxjs'; +import { UiService } from '../services/ui/ui.service'; @Component({ selector: 'rd-policy-instance', @@ -45,20 +46,25 @@ export class PolicyInstanceComponent implements OnInit, AfterViewInit { @Input() policyType: PolicyType; @Input() expanded: Observable; @ViewChild(MatSort, { static: true }) sort: MatSort; + darkMode: boolean; constructor( private policySvc: PolicyService, private dialog: MatDialog, private errorDialogService: ErrorDialogService, private notificationService: NotificationService, - private confirmDialogService: ConfirmDialogService) { + private confirmDialogService: ConfirmDialogService, + private ui: UiService) { } - + ngOnInit() { this.instanceDataSource = new PolicyInstanceDataSource(this.policySvc, this.sort, this.notificationService, this.policyType); this.expanded.subscribe((isExpanded: boolean) => this.onExpand(isExpanded)); + this.ui.darkModeState.subscribe((isDark) => { + this.darkMode = isDark; + }); } - + ngAfterViewInit() { this.instanceDataSource.sort = this.sort; } @@ -70,14 +76,14 @@ export class PolicyInstanceComponent implements OnInit, AfterViewInit { } modifyInstance(instance: PolicyInstance): void { - this.policySvc.getPolicy(this.policyType.policy_type_id, instance.instanceId).subscribe( + this.policySvc.getPolicy(this.policyType.name, instance.id).subscribe( (refreshedJson: any) => { - instance.instance = JSON.stringify(refreshedJson); - this.dialog.open(PolicyInstanceDialogComponent, getPolicyDialogProperties(this.policyType, instance)); + instance.json = JSON.stringify(refreshedJson); + this.dialog.open(PolicyInstanceDialogComponent, getPolicyDialogProperties(this.policyType, instance, this.darkMode)); }, (httpError: HttpErrorResponse) => { this.notificationService.error('Could not refresh instance ' + httpError.message); - this.dialog.open(PolicyInstanceDialogComponent, getPolicyDialogProperties(this.policyType, instance)); + this.dialog.open(PolicyInstanceDialogComponent, getPolicyDialogProperties(this.policyType, instance, this.darkMode)); } ); } @@ -86,13 +92,20 @@ export class PolicyInstanceComponent implements OnInit, AfterViewInit { return this.instanceDataSource.rowCount > 0; } + toLocalTime(utcTime: string): string { + const date = new Date(utcTime); + const toutc = date.toUTCString(); + return new Date(toutc + " UTC").toLocaleString(); + + } + deleteInstance(instance: PolicyInstance): void { this.confirmDialogService .openConfirmDialog('Are you sure you want to delete this policy instance?') .afterClosed().subscribe( (res: any) => { if (res) { - this.policySvc.deletePolicy(this.policyType.policy_type_id, instance.instanceId) + this.policySvc.deletePolicy(this.policyType.name, instance.id) .subscribe( (response: HttpResponse) => { switch (response.status) { @@ -110,4 +123,7 @@ export class PolicyInstanceComponent implements OnInit, AfterViewInit { } }); } + + + }