From 0b40e95dbdc47514a06bdb96cbd1f336fa71cf1d Mon Sep 17 00:00:00 2001
From: LiWeiYeh <liwei_yeh@hotmail.com>
Date: Thu, 24 Nov 2022 14:34:36 +0100
Subject: [PATCH 1/2] add edit and delete buttons for active projects

---
 .../active-projects/active-projects.component.html        | 7 +++++++
 .../button-delete/button-delete.component.html            | 1 +
 .../button-delete/button-delete.component.scss            | 0
 .../button-delete/button-delete.component.ts              | 8 ++++++++
 .../button-edit/button-edit.component.html                | 1 +
 .../button-edit/button-edit.component.scss                | 0
 .../button-edit/button-edit.component.ts                  | 8 ++++++++
 src/app/shared/shared.module.ts                           | 8 ++++++++
 8 files changed, 33 insertions(+)
 create mode 100644 src/app/shared/button-components/button-delete/button-delete.component.html
 create mode 100644 src/app/shared/button-components/button-delete/button-delete.component.scss
 create mode 100644 src/app/shared/button-components/button-delete/button-delete.component.ts
 create mode 100644 src/app/shared/button-components/button-edit/button-edit.component.html
 create mode 100644 src/app/shared/button-components/button-edit/button-edit.component.scss
 create mode 100644 src/app/shared/button-components/button-edit/button-edit.component.ts

diff --git a/src/app/project-administration/active-projects/active-projects.component.html b/src/app/project-administration/active-projects/active-projects.component.html
index a407a286a..be0a1d47e 100644
--- a/src/app/project-administration/active-projects/active-projects.component.html
+++ b/src/app/project-administration/active-projects/active-projects.component.html
@@ -9,6 +9,7 @@
             <th>Start</th>
             <th>Status</th>
             <th>Active</th>
+            <th></th>
         </ng-template>
         <ng-template [boxTableRow]="data" let-row>
             <td>
@@ -34,6 +35,12 @@
             <td>
                 <app-atomic-boolean [property]="row.Active" isUni crud="CRuD"></app-atomic-boolean>
             </td>
+            <td>
+                <app-button-edit></app-button-edit>
+            </td>
+            <td>
+                <app-button-delete></app-button-delete>
+            </td>
         </ng-template>
     </app-box-table>
 </div>
diff --git a/src/app/shared/button-components/button-delete/button-delete.component.html b/src/app/shared/button-components/button-delete/button-delete.component.html
new file mode 100644
index 000000000..4ac9cd0c8
--- /dev/null
+++ b/src/app/shared/button-components/button-delete/button-delete.component.html
@@ -0,0 +1 @@
+<button pButton type="button" label="" class="p-button-danger" icon="pi pi-trash"></button>
diff --git a/src/app/shared/button-components/button-delete/button-delete.component.scss b/src/app/shared/button-components/button-delete/button-delete.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/shared/button-components/button-delete/button-delete.component.ts b/src/app/shared/button-components/button-delete/button-delete.component.ts
new file mode 100644
index 000000000..e471f8cad
--- /dev/null
+++ b/src/app/shared/button-components/button-delete/button-delete.component.ts
@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-button-delete',
+  templateUrl: './button-delete.component.html',
+  styleUrls: ['./button-delete.component.scss'],
+})
+export class ButtonDeleteComponent {}
diff --git a/src/app/shared/button-components/button-edit/button-edit.component.html b/src/app/shared/button-components/button-edit/button-edit.component.html
new file mode 100644
index 000000000..b1a9e8c99
--- /dev/null
+++ b/src/app/shared/button-components/button-edit/button-edit.component.html
@@ -0,0 +1 @@
+<button pButton type="button" label="" icon="pi pi-pencil"></button>
diff --git a/src/app/shared/button-components/button-edit/button-edit.component.scss b/src/app/shared/button-components/button-edit/button-edit.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/shared/button-components/button-edit/button-edit.component.ts b/src/app/shared/button-components/button-edit/button-edit.component.ts
new file mode 100644
index 000000000..85d6f0d87
--- /dev/null
+++ b/src/app/shared/button-components/button-edit/button-edit.component.ts
@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-button-edit',
+  templateUrl: './button-edit.component.html',
+  styleUrls: ['./button-edit.component.scss'],
+})
+export class ButtonEditComponent {}
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
index 2b16b9987..99aebf094 100644
--- a/src/app/shared/shared.module.ts
+++ b/src/app/shared/shared.module.ts
@@ -29,6 +29,9 @@ import { TableModule } from 'primeng/table';
 import { SplitButtonModule } from 'primeng/splitbutton';
 import { PasswordModule } from 'primeng/password';
 import { TabViewModule } from 'primeng/tabview';
+import { ButtonModule } from 'primeng/button';
+import { ButtonEditComponent } from './button-components/button-edit/button-edit.component';
+import { ButtonDeleteComponent } from './button-components/button-delete/button-delete.component';
 
 @NgModule({
   declarations: [
@@ -46,6 +49,8 @@ import { TabViewModule } from 'primeng/tabview';
     BoxTableHeaderTemplateDirective,
     BoxTableRowTemplateDirective,
     BoxTabComponent,
+    ButtonEditComponent,
+    ButtonDeleteComponent,
   ],
   imports: [
     CommonModule,
@@ -60,6 +65,7 @@ import { TabViewModule } from 'primeng/tabview';
     SplitButtonModule,
     PasswordModule,
     TabViewModule,
+    ButtonModule,
   ],
   exports: [
     AtomicAlphanumericComponent,
@@ -76,6 +82,8 @@ import { TabViewModule } from 'primeng/tabview';
     BoxTableHeaderTemplateDirective,
     BoxTableRowTemplateDirective,
     BoxTabComponent,
+    ButtonEditComponent,
+    ButtonDeleteComponent,
   ],
 })
 export class SharedModule {}

From 5af5d65428a8e987a29bc9cd1c31e04747371782 Mon Sep 17 00:00:00 2001
From: LiWeiYeh <liwei_yeh@hotmail.com>
Date: Thu, 24 Nov 2022 15:17:55 +0100
Subject: [PATCH 2/2] add add-button

---
 .../active-projects/active-projects.component.html        | 4 ++++
 .../button-add/button-add.component.html                  | 1 +
 .../button-add/button-add.component.scss                  | 0
 .../button-components/button-add/button-add.component.ts  | 8 ++++++++
 src/app/shared/shared.module.ts                           | 3 +++
 5 files changed, 16 insertions(+)
 create mode 100644 src/app/shared/button-components/button-add/button-add.component.html
 create mode 100644 src/app/shared/button-components/button-add/button-add.component.scss
 create mode 100644 src/app/shared/button-components/button-add/button-add.component.ts

diff --git a/src/app/project-administration/active-projects/active-projects.component.html b/src/app/project-administration/active-projects/active-projects.component.html
index be0a1d47e..4f4e2b933 100644
--- a/src/app/project-administration/active-projects/active-projects.component.html
+++ b/src/app/project-administration/active-projects/active-projects.component.html
@@ -1,4 +1,8 @@
 <div *ngIf="data$ | async as data">
+    <div>
+        <h2>Active Projects</h2>
+        <app-button-add></app-button-add>
+    </div>
     <app-box-table [data]="data" sortable sortBy="Name" order="desc">
         <ng-template boxTableHeader>
             <th>Projects</th>
diff --git a/src/app/shared/button-components/button-add/button-add.component.html b/src/app/shared/button-components/button-add/button-add.component.html
new file mode 100644
index 000000000..1157197ad
--- /dev/null
+++ b/src/app/shared/button-components/button-add/button-add.component.html
@@ -0,0 +1 @@
+<button pButton type="button" label="" icon="pi pi-plus"></button>
diff --git a/src/app/shared/button-components/button-add/button-add.component.scss b/src/app/shared/button-components/button-add/button-add.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/shared/button-components/button-add/button-add.component.ts b/src/app/shared/button-components/button-add/button-add.component.ts
new file mode 100644
index 000000000..d684625be
--- /dev/null
+++ b/src/app/shared/button-components/button-add/button-add.component.ts
@@ -0,0 +1,8 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-button-add',
+  templateUrl: './button-add.component.html',
+  styleUrls: ['./button-add.component.scss'],
+})
+export class ButtonAddComponent {}
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
index 99aebf094..be0679e2c 100644
--- a/src/app/shared/shared.module.ts
+++ b/src/app/shared/shared.module.ts
@@ -32,6 +32,7 @@ import { TabViewModule } from 'primeng/tabview';
 import { ButtonModule } from 'primeng/button';
 import { ButtonEditComponent } from './button-components/button-edit/button-edit.component';
 import { ButtonDeleteComponent } from './button-components/button-delete/button-delete.component';
+import { ButtonAddComponent } from './button-components/button-add/button-add.component';
 
 @NgModule({
   declarations: [
@@ -51,6 +52,7 @@ import { ButtonDeleteComponent } from './button-components/button-delete/button-
     BoxTabComponent,
     ButtonEditComponent,
     ButtonDeleteComponent,
+    ButtonAddComponent,
   ],
   imports: [
     CommonModule,
@@ -84,6 +86,7 @@ import { ButtonDeleteComponent } from './button-components/button-delete/button-
     BoxTabComponent,
     ButtonEditComponent,
     ButtonDeleteComponent,
+    ButtonAddComponent,
   ],
 })
 export class SharedModule {}