andi/perfdb
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Activity

edit name and description on dashboard page

Browse Source
This commit is contained in:
Andreas Huber
2023-03-12 08:52:54 +01:00
parent 96ed788793
commit 44aed2883d
2 changed files with 37 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
pdb-js/src/app/dashboard-page/dashboard-page.component.html
View File

@@ -17,6 +17,9 @@
font-weight: bold; font-weight: bold;
color: #333; color: #333;
} }
.no-break {
white-space: nowrap;
}
</style> </style>
<div *ngIf="loading" class="center"> <div *ngIf="loading" class="center">
@@ -49,11 +52,14 @@
<th mat-header-cell *matHeaderCellDef>Description</th> <th mat-header-cell *matHeaderCellDef>Description</th>
<td mat-cell *matCellDef="let element">{{element.description}}</td> <td mat-cell *matCellDef="let element">{{element.description}}</td>
</ng-container> </ng-container>
<!-- Delete Column --> <!-- actions Column -->
<ng-container matColumnDef="delete"> <ng-container matColumnDef="actions">
<th mat-header-cell *matHeaderCellDef></th> <th mat-header-cell *matHeaderCellDef>Actions</th>
<td mat-cell *matCellDef="let element"> <td mat-cell *matCellDef="let element" class="no-break">
<button mat-icon-button (click)="delete(element)" aria-label="delete dashboard"> <button mat-icon-button (click)="edit(element)" aria-label="edit dashboard" title="edit dashboard">
<img src="assets/img/edit-outline.svg" class="icon-small" title="delete" />
</button>
<button mat-icon-button (click)="delete(element)" aria-label="delete dashboard" title="delete dashboard">
<img src="assets/img/recycle-bin-line.svg" class="icon-small" title="delete" /> <img src="assets/img/recycle-bin-line.svg" class="icon-small" title="delete" />
</button> </button>
</td> </td>

27
pdb-js/src/app/dashboard-page/dashboard-page.component.ts
View File

@@ -12,7 +12,7 @@ import { NewDashboardComponent } from './new-dashboard/new-dashboard.component';
}) })
export class DashboardPageComponent implements OnInit { export class DashboardPageComponent implements OnInit {
displayedColumns: string[] = [/*'icon',*/ 'name', 'description','delete']; displayedColumns: string[] = [/*'icon',*/ 'name', 'description','actions'];
dataSource: Dashboard[] = []; dataSource: Dashboard[] = [];
loading = true; loading = true;
error = ""; error = "";
@@ -54,6 +54,31 @@ export class DashboardPageComponent implements OnInit {
}); });
} }
edit(dashboard: Dashboard) {
const dialogRef = this.dialog.open(NewDashboardComponent, {
data: {name: dashboard.name, description: dashboard.description},
hasBackdrop: true
});
dialogRef.afterClosed().subscribe((result?: DashboardCreationData) => {
if (result) {
dashboard.name = result.name;
dashboard.description = result.description;
this.dashboardService.saveDashboard(dashboard).subscribe({
'error': () => {
this.snackBar.open("server made a boo boo", "", {
duration:5000
})
},
complete: () => {
this.refreshTable()
}
});
}
});
}
delete(dashboard: Dashboard){ delete(dashboard: Dashboard){
const dialogRef = this.dialog.open(ConfirmationDialogComponent, { const dialogRef = this.dialog.open(ConfirmationDialogComponent, {