gilles/scrutiny
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hide device dashboard component if deletion finishes successfully.

Browse Source
This commit is contained in:
Jason Kulatunga
2022-05-25 19:19:11 -07:00
parent 987632df39
commit f51de52ff7
3 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/frontend/src/app/layout/common/dashboard-device-delete-dialog/dashboard-device-delete-dialog.component.ts
-2
View File
@@ -23,8 +23,6 @@ export class DashboardDeviceDeleteDialogComponent implements OnInit {
onDeleteClick(): void { onDeleteClick(): void {
this._deleteService.deleteDevice(this.data.wwn) this._deleteService.deleteDevice(this.data.wwn)
.subscribe((data) => { .subscribe((data) => {
console.log("Delete status:", data)
this.dialogRef.close(data); this.dialogRef.close(data);
}); });
webapp/frontend/src/app/layout/common/dashboard-device/dashboard-device.component.html
+1 -1
View File
@@ -1,4 +1,4 @@
<div [ngClass]="{ 'border-green': deviceSummary.device.device_status == 0 && deviceSummary.smart, <div *ngIf="!deleted" [ngClass]="{ 'border-green': deviceSummary.device.device_status == 0 && deviceSummary.smart,
'border-red': deviceSummary.device.device_status != 0 }" 'border-red': deviceSummary.device.device_status != 0 }"
class="relative flex flex-col flex-auto p-6 pr-3 pb-3 bg-card rounded border-l-4 shadow-md overflow-hidden"> class="relative flex flex-col flex-auto p-6 pr-3 pb-3 bg-card rounded border-l-4 shadow-md overflow-hidden">
<div class="absolute bottom-0 right-0 w-24 h-24 -m-6"> <div class="absolute bottom-0 right-0 w-24 h-24 -m-6">
webapp/frontend/src/app/layout/common/dashboard-device/dashboard-device.component.ts
+7 -3
View File
@@ -1,4 +1,4 @@
import {Component, Input, OnInit} from '@angular/core'; import {ChangeDetectorRef, Component, Input, OnInit} from '@angular/core';
import * as moment from "moment"; import * as moment from "moment";
import {takeUntil} from "rxjs/operators"; import {takeUntil} from "rxjs/operators";
import {AppConfig} from "app/core/config/app.config"; import {AppConfig} from "app/core/config/app.config";
@@ -16,6 +16,7 @@ import {DashboardDeviceDeleteDialogComponent} from "app/layout/common/dashboard-
export class DashboardDeviceComponent implements OnInit { export class DashboardDeviceComponent implements OnInit {
@Input() deviceSummary: any; @Input() deviceSummary: any;
@Input() deviceWWN: string; @Input() deviceWWN: string;
deleted = false;
config: AppConfig; config: AppConfig;
@@ -23,7 +24,8 @@ export class DashboardDeviceComponent implements OnInit {
constructor( constructor(
private _configService: TreoConfigService, private _configService: TreoConfigService,
public dialog: MatDialog public dialog: MatDialog,
private cdRef: ChangeDetectorRef,
) { ) {
// Set the private defaults // Set the private defaults
this._unsubscribeAll = new Subject(); this._unsubscribeAll = new Subject();
@@ -94,7 +96,9 @@ export class DashboardDeviceComponent implements OnInit {
}); });
dialogRef.afterClosed().subscribe(result => { dialogRef.afterClosed().subscribe(result => {
console.log('The dialog was closed'); console.log('The dialog was closed', result);
this.deleted = result.success
this.cdRef.detectChanges()
}); });
} }
} }