@csmart/ngc-smart-victim 1.18.6 → 1.18.8

package/src/lib/safetyPlan/victimSafetyPlan.component.css

@@ -0,0 +1,27 @@
+
+div.serviceSelect
+{
+  width: 500px;
+
+}
+div.serviceButton
+{
+  width: 20%;
+
+}
+.container{
+  margin: 16px;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-gap: 10px;
+  grid-auto-rows: minmax(50px, auto);
+  justify-items: stretch;
+  }
+
+  .app-class .mat-list-item {
+    height: auto;
+  }
+
+  .textarea-content{
+    width:500px;
+  }

package/src/lib/safetyPlan/victimSafetyPlan.component.html

@@ -0,0 +1,85 @@
+
+ <mat-card>
+        <mat-card-header>
+        </mat-card-header>
+         <mat-card-content>
+                <mat-toolbar  color="primary">
+                        <h4 class="card-header" style="display: inline-block;">Safety Plan</h4>
+                    </mat-toolbar>
+        <br>
+        <button mat-raised-button color="primary" (click)="goToSafetyPlanDetail(0)" >Add Goal</button>
+        &nbsp;&nbsp;<button mat-raised-button color="primary"  (click)="back()">Back</button>
+        <br>
+        <br>
+        <mat-table #table [dataSource]="safetyPlanDataSource" class="example-table">
+                <ng-container matColumnDef="startDate">
+                    <mat-header-cell *matHeaderCellDef class="example-header-cell">Start Date</mat-header-cell>
+                    <mat-cell *matCellDef="let row" class="example-cell"> {{row.startDate | date}} </mat-cell>
+                </ng-container>
+                <ng-container matColumnDef="goal">
+                        <mat-header-cell *matHeaderCellDef class="example-header-cell">Goal</mat-header-cell>
+                        <mat-cell *matCellDef="let row" class="example-cell"> {{row.goal }} </mat-cell>
+                    </ng-container>
+                    <ng-container matColumnDef="victimServiceStatus">
+                        <mat-header-cell *matHeaderCellDef class="example-header-cell">Status</mat-header-cell>
+                        <mat-cell *matCellDef="let row" class="example-cell"> {{row.victimServiceStatus }} </mat-cell>
+                    </ng-container>
+                    <ng-container matColumnDef="comment">
+                        <mat-header-cell *matHeaderCellDef class="example-header-cell">Comment</mat-header-cell>
+                        <mat-cell *matCellDef="let row" class="example-cell"> {{row.comment }} </mat-cell>
+                    </ng-container>
+
+                <ng-container matColumnDef="victimServiceId">
+                        <mat-header-cell *matHeaderCellDef class="example-header-cell"></mat-header-cell>
+                    <!-- <mat-cell *matCellDef="let row" class="example-cell">
+                        <button type="button" mat-raised-button color="primary" (click)="goToSafetyPlanDetail(row.victimServiceId)">                        
+                        <span class="glyphicon glyphicon-pencil" ></span>&nbsp;
+                        <mat-icon>edit</mat-icon> 
+                        </button> 
+                      
+                       
+
+
+
+
+
+                        &nbsp;&nbsp;
+                        <button type="button" mat-raised-button color="primary" (click)="onDeleteSafetyPlan(row.victimServiceId)">                        
+                            <span class="glyphicon glyphicon-trash" ></span>&nbsp;Delete
+                        </button> 
+                    </mat-cell> -->
+
+                    <mat-cell *matCellDef="let element">
+                          
+                            <button class="edit-btn"  mat-icon-button color="primary"  matTooltip="Edit Safety Plan" (click)="goToSafetyPlanDetail(element.victimServiceId)">
+                                <i class="material-icons">mode_edit</i>
+                            </button>
+
+                            &nbsp;&nbsp;
+                          
+                            <button
+                            class="delete-btn"
+                            matTooltip="Delete Safety Plan"
+                            mat-icon-button
+                            color="primary"
+                            (click)="onDeleteSafetyPlan(element.victimServiceId)">
+                            <i class="material-icons">delete</i>
+                          </button>
+
+
+
+
+                        
+                    </mat-cell>
+
+                           
+                  
+                </ng-container>
+
+                <mat-header-row *matHeaderRowDef="['startDate', 'goal', 'victimServiceStatus', 'comment', 'victimServiceId']" class="example-header-row"></mat-header-row>
+                <mat-row *matRowDef="let row; columns:['startDate', 'goal', 'victimServiceStatus', 'comment', 'victimServiceId'];" class="example-row"></mat-row>
+                </mat-table>
+               
+       
+</mat-card-content>
+</mat-card>

package/src/lib/safetyPlan/victimSafetyPlan.component.ts

@@ -0,0 +1,178 @@
+import { Component, OnInit,Inject,AfterViewInit } from '@angular/core';
+import { NgcSmartVictimService } from '../smart-victim.service';
+import { FormControl, FormGroup, FormBuilder } from '@angular/forms';
+import { VictimSafetyPlan,VictimServiceDetail,VictimServiceStatusHistory } from '../smart-victim.model';
+import { MatDialog } from '@angular/material/dialog';
+import { CommonDialogService} from '.././common-dialog/common-dialog.service';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+//import { VictimSafetyPlanDetailComponent } from './victimSafetyPlanDetail.component';
+import { SelectedOffender, LoginStaff } from '@csmart/ngc-smart-core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { SmartAuthService } from '@csmart/ngc-smart-core';
+import { MatTableDataSource } from '@angular/material/table';
+import { MatSnackBar } from '@angular/material/snack-bar';
+
+@Component({
+  templateUrl: './victimSafetyPlan.component.html',
+  providers: [CommonDialogService]
+})
+
+export class VictimSafetyPlanComponent implements OnInit,AfterViewInit {
+  //selectedOffender: SelectedOffender;
+  loginStaff: LoginStaff;
+  offenderId: number;
+
+
+  hiddenDetailFlag:boolean;
+  hiddenAddNewFlag: boolean;
+  safetyPlans: VictimSafetyPlan[];
+  safetyPlan: VictimSafetyPlan;
+  editSafetyPlan: VictimSafetyPlan = <VictimSafetyPlan>{};
+  errorMessage: string;
+  contactTypes: any[];
+  contactPurposes: any[];
+  victimServiceTypes: any[];
+  victimSafetyPlans: VictimSafetyPlan[];
+  victimServiceStatus: any[];
+  victimServiceStatusHistories: VictimServiceStatusHistory[];
+  queryString: string;
+  victimServiceDetail: VictimServiceDetail[];
+  myVictimServiceId: number;
+  result: any;
+  victimName: string;
+  staffId: number;
+  victimId: number;
+  private sub: any;
+  safetyPlanDataSource = new  MatTableDataSource();
+ 
+  constructor(
+ 
+    private _victimServicesComponent: NgcSmartVictimService,
+    private commonDialogService: CommonDialogService,
+    private http: HttpClient,
+    public dialog: MatDialog,
+    private route: ActivatedRoute,
+    private router: Router,
+    public snackBar: MatSnackBar,
+    private smartAuthService: SmartAuthService,
+     
+  ) {
+    
+
+   }
+   ngAfterViewInit() {
+    this.smartAuthService.setPermission('Victim', this.route.snapshot);
+  }
+ 
+  ngOnInit() {
+
+    var data = this.route.snapshot.data;
+    this.loginStaff = data.loginStaff;
+    this.staffId =  this.loginStaff.staffId;
+
+    this.sub = this.route.params.subscribe(params => {
+      this.victimId = params['victimId'];
+
+    });
+
+    this.hiddenAddNewFlag = false;
+    this.victimName= this.victimName;
+  
+    this._victimServicesComponent.getSafetyPlans(this.victimId).subscribe(
+      victimSafetyPlans => {
+        this.victimSafetyPlans = victimSafetyPlans; 
+        this.safetyPlanDataSource.data = this.victimSafetyPlans;
+        console.log('this.victimSafetyPlans');
+        console.log(this.victimSafetyPlans);
+
+  
+      }
+    );
+
+     
+    //  this.myVictimServiceId =1;
+    // this._victimServicesComponent.getVictimServiceDetail(this.myVictimServiceId).subscribe(
+    //   victimServiceDetail => {
+    //     this.victimServiceDetail = victimServiceDetail;
+    //     console.log('service detail');
+    //     console.log(this.victimServiceDetail); 
+    //   }
+    // );
+
+    this._victimServicesComponent.getServiceStatusHistories(1).subscribe(
+      victimServiceStatusHistories => {
+       // this.victimServiceStatusHistories = victimServiceStatusHistories; 
+      }
+    );
+  }
+  
+//---------------graphQL--------------------------------------
+//   getVictimServiceTypeProgramProviders(): Observable<VictimServiceTypeProgramProviderModel[]> {
+//     const queryString = `
+//         {
+//           findVictimServiceTypeProgramProviders {
+//                 data {
+//                   victimServiceTypeProgramProviderId
+//                   victimServiceType
+//                   victimProgramProvider
+//                 }
+//               }
+//         }`;
+
+ 
+//     return this.http.post<any>(environment.smartApiUrl, { query: queryString })
+//         .map(result => {
+//         return result.data.findVictimServiceTypeProgramProviders.data;
+//     });
+// }
+
+  goToSafetyPlanDetail(victimServiceId: number){
+  
+   this.router.navigate(['saftyPlanDetail', victimServiceId,  this.victimId ]); 
+
+  }
+  onAddNew(){
+    this.hiddenDetailFlag = false;
+
+  }
+  onDeleteSafetyPlan(victimServiceId: number){
+
+    this.commonDialogService
+    .confirm('', 'Do you want to delete this safety plan?', 'Yes', 'No')
+    .subscribe(res => {this.result =  res;
+        if (this.result) {
+
+            this._victimServicesComponent.deleteSafetyPlan(victimServiceId,this.staffId)
+             .subscribe(result => {
+
+              this.snackBar.open('delete safety plan Successfully !', '', { duration: 3000,});
+
+              this._victimServicesComponent.getSafetyPlans(this.victimId).subscribe(
+                victimSafetyPlans => {
+                  this.victimSafetyPlans = victimSafetyPlans; 
+                  this.safetyPlanDataSource.data = this.victimSafetyPlans;
+                }
+              );
+    
+               }
+             );
+            
+
+
+        }
+
+     });
+  }
+
+  back(){
+    this.router.navigate(['victimHome']);
+  
+  }
+
+
+
+
+
+}
+

package/src/lib/safetyPlan/victimSafetyPlanDetail.component.html

@@ -0,0 +1,234 @@
+<mat-card>
+        <mat-card-header>
+            
+        </mat-card-header>
+         <mat-card-content>
+        <mat-toolbar  color="primary">
+                        <h4 class="card-header" style="display: inline-block;">Safety Plan</h4>
+        </mat-toolbar>
+ 
+        
+                        <div class='container'>
+                                <form [formGroup]="spForm" #spDetailForm="ngForm" >
+                                                       
+                            
+                                        <div class="row" ><b>Victim Name:</b> {{victimName}} </div>
+                              
+
+                                        <div class="row" > 
+                                                <mat-form-field >
+                                                <mat-label>Goal:</mat-label>
+                                                 <input matInput  formControlName="serviceGoal" [(ngModel)]="editSafetyPlan.goal" >
+                                                </mat-form-field>
+                                                
+                                        </div>
+                                
+                                        <div class="row">  
+                                                <mat-form-field>
+                                                  <mat-label>Goal Status:</mat-label>
+                                                  <mat-select  formControlName="goalStatus"  [(ngModel)]="editSafetyPlan.victimServiceStatusId" >
+                                                        <mat-option *ngFor=" let victimServiceStatu of victimServiceStatus" [value]="victimServiceStatu.victimServiceStatusId" >{{victimServiceStatu.name}}</mat-option>
+                                                  </mat-select> 
+                                                </mat-form-field>
+                                        </div>
+                                
+                       
+                                        <div class="row">  
+                                                
+                                                <mat-form-field>
+                                                        <mat-label>Goal Status Date:</mat-label>
+                                                <input matInput 
+                                                formControlName="goalStatusDate" 
+                                                [matDatepicker]="goalStatusDate" 
+                                                placeholder="Choose a date" [(ngModel)]="editSafetyPlan.startDate" 
+                                                (click)="goalStatusDate.open()" 
+                                                >
+                                             
+                                                <mat-datepicker-toggle matSuffix [for]="goalStatusDate"></mat-datepicker-toggle>
+                                                <mat-datepicker #goalStatusDate></mat-datepicker>   
+                                                </mat-form-field> 
+
+
+                                                <div class="help-block" 
+                                                *ngIf="spForm.get('goalStatusDate').hasError('date') 
+                                                && (spForm.get('goalStatusDate').dirty || spForm.get('goalStatusDate').touched)">
+                                                <mat-error>Future Date is <strong>not allowed</strong> for goal status date</mat-error>
+                                                </div>
+                                         </div>
+
+                                      
+                                        <div class="row" >  
+                                                <!-- <mat-form-field style="width: 200px;"> -->
+                                                <!-- <mat-label>Comment:</mat-label>   
+                                                <textarea mdInput 
+                                                class="textarea-content"
+                                                [(ngModel)]="editSafetyPlan.comment"
+                                                formControlName="comment" 
+                                                cdkTextareaAutosize
+                                                #autosize="cdkTextareaAutosize"
+                                                cdkAutosizeMinRows="8"
+                                                cdkAutosizeMaxRows="12"
+                                                >
+                                                </textarea>   -->
+                                                <!-- </mat-form-field> -->
+
+
+
+                                                <mat-form-field style="width: 400px;">
+                                                        <mat-label>Comment:</mat-label>
+                                                        <textarea 
+                                                        class="textarea-content"
+                                                        matInput 
+                                                        placeholder="" 
+                                                        formControlName="comment" 
+                                                        [(ngModel)]="editSafetyPlan.comment"
+                                                        cdkTextareaAutosize
+                                                        #autosize="cdkTextareaAutosize"
+                                                        cdkAutosizeMinRows="8"
+                                                        cdkAutosizeMaxRows="12">
+                                                        </textarea> 
+
+                                                        
+                                                </mat-form-field>
+
+                                       </div>
+
+                                </form>
+                        </div><!--end form-->
+                       
+  
+                                        <br>
+
+                                        <div class="row"><b>Need and provider:</b><br> (click on a check box to select provider information)
+                                                          
+                                        <mat-list>
+                                                <mat-list-item *ngFor="let serviceType of victimServiceTypes; let i=index" >
+                                                     <mat-checkbox class="example-margin" name="victimService"  color ="primary" [checked]="evaluateSelection(serviceType.victimServiceTypeId)"  (change)="isInArray(serviceType.victimServiceTypeId,serviceType.name, $event);" > {{serviceType.name}}</mat-checkbox>
+                                                     <div> &nbsp;&nbsp;</div>
+                                                      <div *ngFor="let provider of providerListCollection; let pi = index"  >
+                                                                <!-- <div *ngIf="provider.isDisplay && serviceType.victimServiceTypeId == provider.groupId " class="Row">
+                                                                                                      
+                                                                                <div class="serviceSelect"> -->
+                                                                                <!-- <mat-form-field> -->
+                                                                                        <!-- <mat-select  name="provider" id="provider.groupId" [(ngModel)]="providerId" >  -->
+                                                                                        <!-- <mat-select  name="provider" id="provider.groupId" [(value)]="providerId" > 
+                                                                                          <mat-option *ngFor=" let providerOption of provider.collection" [value]="providerOption.victimProgramProviderId" >{{providerOption.victimProgramProvider}}</mat-option>
+                                                                                        </mat-select> -->
+                                                                                <!-- </mat-form-field> -->
+                                                                                  
+                                                                                <!-- </div>
+
+                                                                                 <div class="serviceButton">
+                                                                                    <button mat-raised-button color="primary" (click)="savePlanProvider(serviceType.victimServiceTypeId ,providerId)">Add Provider</button>
+                                                                                </div>
+                                                                </div> -->
+                                                        </div>
+                                                                <div *ngFor=" let serviceprovider of editSafetyPlan.vVictimServiceDetails"  >
+                                                                        
+                                                                        <div *ngIf="serviceType.victimServiceTypeId===serviceprovider.victimServiceTypeId"  class="Row" >
+                                                                                <!-- . {{ serviceprovider.victimProgramProvider}}<button mat-raised-button color="primary" (click)="deleteProvider(serviceprovider.victimServiceDetailId)">Delete</button> <br> -->
+                                                                                <div class="serviceSelect" >
+                                                                                . {{ serviceprovider.victimProgramProvider}}
+                                                                                </div>
+                                                                                <div class="serviceButton">
+                                                                                        <button mat-raised-button color="primary" (click)="deleteProvider(serviceprovider.victimServiceDetailId)">Delete</button> 
+                                                                                </div>
+                                                                        
+                                                                        </div>
+                                                                
+                                                                </div>
+                                                      
+                                                </mat-list-item>       
+                                                                                                       
+                                         </mat-list>
+                                        </div>
+                                         
+                                                
+                                          
+                         
+
+
+
+
+
+
+         
+  
+                        <!-- <div class='row' >
+                                <div class='col-md-5 desc-label'><b>Victim Name:</b> {{victimName}} </div>
+                                <div class='col-md-7'>           
+                                                 
+                                </div>           
+                        </div> -->
+                        <!-- <div class='row' >
+                                <div class='col-md-5 desc-label'><b>Goal:<font color="red">*</font></b></div>
+                                <div class='col-md-7'> 
+                                        <mat-form-field >
+                                                <input matInput name="serviceGoal" [(ngModel)]="editSafetyPlan.goal" required placeholder="">
+                                        </mat-form-field>
+                                </div>           
+                        </div>
+
+                        <div class='row' >
+                                <div class='col-md-5 desc-label'><b>Goal Status:<font color="red">*</font></b></div>
+                                <div class='col-md-7'> 
+                                        <mat-select  name="goalStatus"  [style.width]="'50%'"  [(ngModel)]="editSafetyPlan.victimServiceStatusId" required>
+                                                <mat-option *ngFor=" let victimServiceStatu of victimServiceStatus" [value]="victimServiceStatu.victimServiceStatusId" >{{victimServiceStatu.name}}</mat-option>
+                                        </mat-select>
+                                </div>           
+                        </div>
+                
+                        <div class='row' >
+                                <div class='col-md-5 desc-label'><b>Goal Status Date:<font color="red">*</font></b></div>
+                                <div class='col-md-7'>           
+                                        <input matInput name="goalStatusDate" [matDatepicker]="goalStatusDate" placeholder="Choose a date" [(ngModel)]="editSafetyPlan.startDate"  required>
+                                        <mat-datepicker-toggle matSuffix [for]="goalStatusDate"></mat-datepicker-toggle>
+                                        <mat-datepicker #goalStatusDate></mat-datepicker>                         
+                                </div>           
+                        </div>
+                
+                        <div class='row' >
+                                <div class='col-md-5 desc-label'><b>Comment:</b></div>
+                                <div class='col-md-7'>           
+                                        <textarea mdInput placeholder=""  rows="10" cols="50" name="comment" [(ngModel)]="editSafetyPlan.comment"></textarea>  
+                                </div>           
+                        </div> -->
+
+                      
+                        <div class='row' >
+                                <div class='col-md-12 text-center'>
+                                <!-- <button type="button" class="btn btn-default btn-small" (click)="print()">Print</button> -->
+                                <button mat-raised-button color="primary" (click)="saveSafetyPlan()" [disabled]="!spForm.valid">Save</button>
+                                <!-- &nbsp;&nbsp;<button mat-raised-button color="primary"  (click)="commondialogRef.close()">Cancel</button> -->
+                                &nbsp;&nbsp;<button mat-raised-button color="primary"  (click)="back()">Back</button>
+                                </div>                 
+                        </div> 
+
+                        <!--status hisotry-->
+                       
+                         <mat-table #table [dataSource]="victimServiceStatusHistoriesDataSource" class="example-table">
+                                <ng-container matColumnDef="startDate">
+                                    <mat-header-cell *matHeaderCellDef class="example-header-cell">Start Date</mat-header-cell>
+                                    <mat-cell *matCellDef="let row" class="example-cell"> {{row.startDate | date}} </mat-cell>
+                                </ng-container>
+
+
+                                <ng-container matColumnDef="victimServiceStatusId">
+                                        <mat-header-cell *matHeaderCellDef class="example-header-cell">Status</mat-header-cell>
+                                        <mat-cell *matCellDef="let row" class="example-cell"> {{row.victimServiceStatusId}} </mat-cell>
+                                </ng-container>
+                                
+                            
+                                <ng-container matColumnDef="comment">
+                                        <mat-header-cell *matHeaderCellDef class="example-header-cell">Comment</mat-header-cell>
+                                        <mat-cell *matCellDef="let row" class="example-cell"> {{row.comment}} </mat-cell>
+                                </ng-container>
+                                 <mat-header-row *matHeaderRowDef="[ 'startDate', 'victimServiceStatusId', 'comment']" class="example-header-row"></mat-header-row>
+                                <mat-row *matRowDef="let row; columns:[ 'startDate', 'victimServiceStatusId', 'comment'];" class="example-row"></mat-row>
+                         </mat-table>
+
+                
+                        
+
+</mat-card-content>
+</mat-card>