Merge pull request #64 from AmpersandTarski/feat/shared-buttons-add-edit-delete

Feat/shared-buttons-add-edit-delete

Author: LiWeiYeh

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>
@@ -9,6 +13,7 @@
             <th>Start</th>
             <th>Status</th>
             <th>Active</th>
+            <th></th>
         </ng-template>
         <ng-template [boxTableRow]="data" let-row>
             <td>
@@ -34,6 +39,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>

src/app/shared/button-components/button-add/button-add.component.html

@@ -0,0 +1 @@
+<button pButton type="button" label="" icon="pi pi-plus"></button>

src/app/shared/button-components/button-add/button-add.component.scss

@@ -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 {}

src/app/shared/button-components/button-add/button-add.component.ts

@@ -0,0 +1 @@
+<button pButton type="button" label="" class="p-button-danger" icon="pi pi-trash"></button>

src/app/shared/button-components/button-delete/button-delete.component.html

@@ -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 {}

src/app/shared/button-components/button-delete/button-delete.component.scss

@@ -0,0 +1 @@
+<button pButton type="button" label="" icon="pi pi-pencil"></button>

src/app/shared/button-components/button-delete/button-delete.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 {}