pdb-js/src/app/dashboard-page/dashboard/dashboard.component.html

@@ -75,7 +75,7 @@
         <div cdkDragHandle class="handle"></div>
         <app-text-widget 
           *ngIf="isTextWidget(id)"
-          [data]="getTextWidget(id)!"></app-text-widget>
+          [data]="getTextWidget(id)!" (deleted)="delete($event)"></app-text-widget>
         <app-plot-widget
           *ngIf="isPlotWidget(id)" 
           [data]="getPlotWidget(id)!"></app-plot-widget>

pdb-js/src/app/dashboard-page/dashboard/dashboard.component.ts

@@ -208,4 +208,10 @@ export class DashboardComponent implements OnInit {
       );
     }
   }
+
+  delete(dashboardId: string) {
+    this.dashboard!.arrangement[0] = this.dashboard!.arrangement[0].filter(a => a != dashboardId);
+    this.dashboard!.plots = this.dashboard!.plots.filter(p => p.id != dashboardId);
+    this.dashboard!.texts = this.dashboard!.texts.filter(t => t.id != dashboardId);
+  }
 }

pdb-js/src/app/dashboard-page/dashboard/text-widget/text-widget.component.html

@@ -25,6 +25,9 @@
   }
 </style>
 <div class="text-widget">
-  <button mat-icon-button (click)="edit()" class="editable-hovered"><img src="/assets/img/edit-outline.svg"/></button>
+  <div class="actions editable-hovered">
+    <button mat-icon-button (click)="edit()"><img src="/assets/img/edit-outline.svg"/></button>
+    <button mat-icon-button (click)="delete()"><img src="/assets/img/recycle-bin-line.svg"/></button>
+  </div>
   <p *ngFor="let line of lines()">{{line}}</p>
 </div>

pdb-js/src/app/dashboard-page/dashboard/text-widget/text-widget.component.ts

@@ -1,5 +1,6 @@
-import { Component, Input } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
+import { ConfirmationDialogComponent } from 'src/app/confirmation-dialog/confirmation-dialog.component';
 import { TextWidget } from 'src/app/dashboard.service';
 import { AddTextDialogComponent } from '../add-text-dialog/add-text-dialog.component';
 
@@ -11,11 +12,26 @@ export class TextWidgetComponent {
   @Input()
   data! : TextWidget;
 
+  @Output()
+  deleted : EventEmitter<string> = new EventEmitter<string>();
+
   constructor(private dialog: MatDialog){}
 
   lines(): string[]{
     return typeof this.data.text == 'string' ? this.data.text.split(/\r?\n/) : [];
   }
+  delete() {
+    this.dialog
+      .open(ConfirmationDialogComponent, {
+        data: {title: "", text: "Delete text?", btnOkLabel: "Delete", btnCancelLabel: "Cancel"}
+      })
+      .afterClosed()
+      .subscribe((result: boolean) => {
+        if (result === true) {
+          this.deleted.emit(this.data.id);
+        }
+      });   
+  } 
 
   edit() {
     this.dialog.open(AddTextDialogComponent,{