feat: client actions (assign/unassign staff) (#1067)

Fixes: #1066

src/app/clients/clients-view/clients-view.component.html

@@ -17,7 +17,7 @@
         <mat-card-subtitle>
           <p>
             Client #:{{clientViewData.accountNo}} | External
-            Id: {{clientViewData.externalId}} | Staff:{{clientViewData.staffName}}<br />
+            Id: {{clientViewData.externalId}} | Staff:{{clientViewData.staffName || 'Unassigned'}}<br />
             Activation Date :
             {{(clientViewData.activationDate)?(clientViewData.activationDate|date) :'Not Activated'}}<br />
             Member Of : <span *ngFor="let group of clientViewData.groups">
@@ -40,7 +40,8 @@
         <button mat-menu-item [routerLink]="['sharesaccounts', 'create-shares-account']">New Share Account</button>
         <button mat-menu-item [routerLink]="['recurringdeposits', 'create-recurring-deposits-account']">New Recurring Deposit Account</button>
         <button mat-menu-item [routerLink]="['fixed-deposits-accounts', 'create-fixed-deposit-account']">New Fixed Deposits Account</button>
-        <button mat-menu-item>Item 2</button>
+        <span *ngIf="!clientViewData.staffId"><button mat-menu-item (click)="doAction('Assign Staff')">Assign Staff</button></span>
+        <span *ngIf="clientViewData.staffId"><button mat-menu-item (click)="doAction('Unassign Staff')">Unassign Staff</button></span>
       </mat-menu>
     </mat-card-actions>
   </mat-card-header>