@csmart/ngc-smart-victim 0.1.5 → 0.1.8

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

@@ -0,0 +1,492 @@
+import { Component, OnInit,Inject } from '@angular/core';
+import { NgcSmartVictimService } from '../smart-victim.service';
+import { FormControl, FormGroup, FormBuilder,Validators } from '@angular/forms';
+import { VictimSafetyPlan,VictimServiceDetail,
+  VictimServiceStatusHistory,VictimServiceTypeProgramProviderModel,
+  ProviderListCollectionModel } from '../smart-victim.model';
+import { MatDialog } from '@angular/material/dialog';
+import { CommonDialogService} from '.././common-dialog/common-dialog.service';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { Router, ActivatedRoute } from '@angular/router';
+import { SelectedOffender, LoginStaff } from '@csmart/ngc-smart-core';
+import { dateValidator, passDateValidator } from '../shared/validators';
+import { SeriveProviderComponent} from '../safetyPlan/serviceProvider.component'
+import { ProvidersDialogData} from '../smart-victim.model';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatTableDataSource } from '@angular/material/table';
+
+@Component({
+  templateUrl: './victimSafetyPlanDetail.component.html',
+  providers: [CommonDialogService],
+  styleUrls: ['./victimSafetyPlan.component.css']
+ 
+})
+
+export class VictimSafetyPlanDetailComponent implements OnInit {
+
+
+  hiddenAddNewFlag: boolean;
+  safetyPlans: VictimSafetyPlan[];
+  safetyPlan: VictimSafetyPlan;
+  editSafetyPlan: VictimSafetyPlan = <VictimSafetyPlan>{};
+  errorMessage: string;
+  contactTypes: any[];
+  contactPurposes: any[];
+  victimServiceTypes: any[];
+  victimSafetyPlans: VictimSafetyPlan[];
+  victimServiceStatus: any[];
+  providerList: VictimServiceTypeProgramProviderModel[];
+  providerListCollection:ProviderListCollectionModel[]=[];
+  victimServiceDetail: VictimServiceDetail[];
+  indx:any;
+  serviceCheck = [];
+  victimName: string;
+  isDisplay: boolean;
+  staffId: number;
+  victimId: number;
+  victimServiceId: number;
+  offenderId: number;
+  loginStaff: LoginStaff;
+  private sub: any;
+  result: any;
+  victimServiceStatusHistoriesDataSource= new  MatTableDataSource();
+  providerId: string;
+  selected: string;
+
+
+  spForm: FormGroup;
+
+  constructor(
+    public dialog: MatDialog,
+    private _victimServicesComponent: NgcSmartVictimService,
+    private http: HttpClient,
+    public snackBar: MatSnackBar,
+    private route: ActivatedRoute,
+    private router: Router,
+    private commonDialogService: CommonDialogService,
+    private formBuilder: FormBuilder,
+     
+  ) {
+
+    this.initForm();
+   }
+
+   private initForm() {
+
+	
+			this.spForm = this.formBuilder.group({
+        serviceGoal: new FormControl('', Validators.compose([
+          Validators.required		  ])),
+          goalStatus: new FormControl('', Validators.compose([
+            Validators.required		  ])),
+          goalStatusDate: new FormControl('', Validators.compose([
+            Validators.required,dateValidator()		  ])),
+          comment: new FormControl('',Validators.required)
+      });
+      this.spForm.markAsPristine();
+      this.spForm.markAsUntouched();
+      
+    }
+ 
+  ngOnInit() {
+
+    
+
+    var data = this.route.snapshot.data;
+    this.loginStaff = data.loginStaff;
+    this.staffId =  this.loginStaff.staffId;
+
+    this.sub = this.route.params.subscribe(params => {
+      this.victimServiceId = params['victimServiceId'];
+      this.victimId = params['victimId'];
+ 
+    });
+   
+    this.hiddenAddNewFlag = false;
+    this.isDisplay = false;
+   
+ 
+
+     this._victimServicesComponent.getVictimServiceTypes().subscribe(
+      (items: any) => {
+        this.victimServiceTypes = items;
+      }
+    );
+
+    this._victimServicesComponent.getVictimServiceStatus().subscribe(
+      (items: any) => {
+        this.victimServiceStatus = items;
+      }
+    );
+
+    this._victimServicesComponent.getVictim(this.victimId).subscribe(
+      (items: any) => {
+        this.victimName = items.firstName + ', ' + items.lastName;
+      }
+    );
+
+ 
+     
+  //---------------graphQL--------------------------------------
+      // this.getVictimServiceTypeProgramProviders().subscribe(result => {
+      // this.providerList = result;
+      // });
+      // console.log('this.victimServiceId');
+      // console.log(this.victimServiceId);
+     
+    if (this.victimServiceId!=0){
+      this._victimServicesComponent.getVictimServices(this.victimServiceId).subscribe(
+        victimSafetyPlans => {
+          console.log('victimSafetyPlans');
+          console.log(victimSafetyPlans);
+
+          this.editSafetyPlan = victimSafetyPlans[0];
+          this.victimId =  victimSafetyPlans[0].victimId;
+        
+          console.log('this.editSafetyPlan');
+          console.log(this.editSafetyPlan);
+          // console.log('this.editSafetyPlan.goal');
+          // console.log(this.editSafetyPlan.goal);
+          // console.log('this.editSafetyPlan[0].goal');
+          // console.log(this.editSafetyPlan[0].goal);
+
+        }
+      );
+
+      this._victimServicesComponent.getServiceStatusHistories(this.victimServiceId).subscribe(
+        victimServiceStatusHistories => {
+        // this.victimServiceStatusHistories = victimServiceStatusHistories;
+        this.victimServiceStatusHistoriesDataSource.data = victimServiceStatusHistories;
+        }
+      );
+
+    }
+
+    this.loadProvider();
+ 
+  }
+  //pass in id
+isInArray(providerListCollectionKey:string, serviceTypeName: string, event){
+
+    console.log('providerListCollectionKey');
+    console.log(providerListCollectionKey);
+
+
+    console.log('serviceTypeName');
+    console.log(serviceTypeName);
+
+    console.log('event.source.value');
+    console.log(event.checked);
+
+    if (event.checked == true){
+
+      for(let j=0;j<this.providerListCollection.length;j++){
+        if(providerListCollectionKey==this.providerListCollection[j].groupId){
+          this.providerListCollection[j].isDisplay=!this.providerListCollection[j].isDisplay;
+
+     
+
+         const dialogRef = this.dialog.open(SeriveProviderComponent, {
+          width: '500px',
+          data: <ProvidersDialogData>{
+          
+           serviceType:serviceTypeName,
+           serviceTypeId: providerListCollectionKey,
+           providerCollections: [...this.providerListCollection],
+          },
+          panelClass: 'formFieldWidth480',
+        });
+
+
+
+        dialogRef.afterClosed().subscribe((result: any) => {
+          console.log('The dialog was closed');
+          console.log(result);
+          if (result) {
+            console.log('The dialog was closed, inside result');
+            this.savePlanProvider(providerListCollectionKey,result.voteeProviderId);
+           
+          }
+          
+        
+        });
+  
+         // return;
+        }
+      }
+
+    }//if event.checked == true
+     //this.router.navigate(['saftyPlanDetail', this.victimServiceId,  this.victimId ]); 
+      
+  }
+
+loadProvider(){ 
+
+ this.providerListCollection=[];
+    this._victimServicesComponent.getvVictimServiceTypeProgramProviders()
+     .subscribe(
+      (providerList:VictimServiceTypeProgramProviderModel[] )=>{ 
+        if(providerList){
+   
+          let providers = Object.create(null);
+          for(let i=0;i<providerList.length;i++){
+            
+            if (!providers[providerList[i].victimServiceTypeId]) {
+              providers[providerList[i].victimServiceTypeId] = [];
+              
+             if ( this.editSafetyPlan.vVictimServiceDetails != null ){
+              for (let j=0; j<this.editSafetyPlan.vVictimServiceDetails.length; j++){
+                if ( providerList[i].victimServiceTypeId == this.editSafetyPlan.vVictimServiceDetails[j].victimServiceId.toString() ){
+                  this.isDisplay = true;
+                }
+              }
+            }
+              this.providerListCollection.push({ groupId: providerList[i].victimServiceTypeId,isDisplay:this.isDisplay, collection: providers[providerList[i].victimServiceTypeId] });
+            }
+
+            providers[providerList[i].victimServiceTypeId].push(providerList[i]);
+           
+          }
+         
+
+        }
+
+      });
+
+  }
+//---------------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;
+//     });
+// }
+
+  evaluateSelection(victimServiceTypeId: string) {
+   if (this.editSafetyPlan.vVictimServiceDetails) {
+    return this.editSafetyPlan.vVictimServiceDetails.findIndex(r => r.victimServiceTypeId === victimServiceTypeId) >= 0;
+   }
+  }
+
+
+savePlanProvider(victimServiceTypeId: string,victimProgramProviderId: string){
+
+  console.log('savePlanProvider');
+  console.log(victimServiceTypeId);
+  console.log(victimProgramProviderId);
+
+  if (victimProgramProviderId === "" || victimProgramProviderId=== null || victimProgramProviderId === undefined){
+  
+    this.snackBar.open('Please pick a program on the drop down list !', '', { duration: 120,});
+   // alert('Please pick a program on the drop down list !');
+
+  }else
+  {
+    
+  if ( this.victimServiceId == 0){
+   //insert
+   console.log('insert new plan');
+   const safetyPlan: VictimSafetyPlan = {
+    victimId:this.victimId,
+    fullName: null,
+    victimServiceId: 0,
+    goal:this.editSafetyPlan.goal,
+    comment: this.editSafetyPlan.comment,
+    modifiedBy:this.staffId,
+    victimServiceStatusId: null,
+    status: null,
+    startDate: null,
+    vVictimServiceDetails: null,
+    victimName: null
+};
+this._victimServicesComponent.addSafetyPlan(safetyPlan).subscribe(
+  (itms:any)=>{
+    const victimServiceStatus: VictimServiceStatusHistory= {
+      victimServiceStatusHistoryId:0,
+      victimServiceId: itms.victimServiceId,
+      victimServiceStatusId: this.editSafetyPlan.victimServiceStatusId ,
+      startDate: this.editSafetyPlan.startDate,
+      modifiedBy:this.staffId,
+      comment:'test add safety plan'
+      };
+
+    this._victimServicesComponent.addVictimServiceStatus(victimServiceStatus).subscribe(
+ 
+      () =>{
+        console.log('check itms.victimServiceId iniside add victim serive status');
+        console.log(itms.victimServiceId);
+
+        const victimServiceDetail: VictimServiceDetail = {
+          victimServiceId: itms.victimServiceId,
+          victimServiceDetailId: 0,
+          victimServiceTypeId: victimServiceTypeId,
+          victimProgramProviderId: victimProgramProviderId,
+          modifiedBy: this.staffId,
+          victimProgramProvider: null
+        };
+    
+        console.log('add plan provider here at insert');
+    
+        this._victimServicesComponent.addPlanProvider(victimServiceDetail).subscribe(
+
+          () =>{
+          
+          this.router.navigate(['saftyPlanDetail',  itms.victimServiceId,  this.victimId ]); 
+
+          }
+         );
+
+      }
+     );
+   
+  
+  
+  }
+
+
+);
+  }
+  else//update
+    {
+      const victimServiceDetail: VictimServiceDetail = {
+        victimServiceId: this.victimServiceId,
+        victimServiceDetailId: 0,
+        victimServiceTypeId: victimServiceTypeId,
+        victimProgramProviderId: victimProgramProviderId,
+        modifiedBy: this.staffId,
+        victimProgramProvider: null
+      };
+      console.log('add plan provider here at update');
+      this._victimServicesComponent.addPlanProvider(victimServiceDetail).subscribe(
+
+        () =>{
+          
+          this.router.navigate(['saftyPlanDetail',  this.victimServiceId,  this.victimId ]); 
+
+          }
+      );
+    }
+  }
+
+
+}
+
+
+  deleteProvider(victimProgramProviderId: string){
+
+    this.commonDialogService
+    .confirm('', 'Do you want to delete this provider?', 'Yes', 'No')
+    .subscribe(res => {this.result =  res;
+        if (this.result) {
+          this._victimServicesComponent.deleteProvider(victimProgramProviderId, this.staffId)
+          .subscribe(result => {
+            this.snackBar.open('delete provider Successfully !', '', {
+              duration: 3000,
+          });
+
+          location.reload();
+           
+            }
+          );
+      
+        }
+
+     });
+ 
+    // location.reload();
+
+  }
+saveSafetyPlan() {
+
+        if (this.editSafetyPlan.victimServiceId === undefined ) {
+
+          const safetyPlan: VictimSafetyPlan = {
+            victimId: this.victimId,
+            fullName: null,
+            victimServiceId: 0,
+            goal:this.editSafetyPlan.goal,
+            comment: this.editSafetyPlan.comment,
+            modifiedBy:this.staffId,
+            victimServiceStatusId: null,
+            status: null,
+            startDate: null,
+            vVictimServiceDetails: null,
+            victimName: null
+        };
+        this._victimServicesComponent.addSafetyPlan(safetyPlan).subscribe(
+          (itms:any)=>{
+            const victimServiceStatus: VictimServiceStatusHistory= {
+              victimServiceStatusHistoryId:0,
+              victimServiceId: itms.victimServiceId,
+              victimServiceStatusId: this.editSafetyPlan.victimServiceStatusId ,
+              startDate: this.editSafetyPlan.startDate,
+              modifiedBy:this.staffId,
+              comment:'test add safety Plan'
+              };
+
+            this._victimServicesComponent.addVictimServiceStatus(victimServiceStatus).subscribe(
+              resp=>{
+                   this.snackBar.open('Insert status successfully!', '', {
+                   duration: 3000,
+                        });
+                      
+                      }
+            );
+
+          
+           this.router.navigate(['saftyPlanDetail',  itms.victimServiceId,  this.victimId ]); 
+          }
+
+
+        );
+    } else {
+      // this.editSafetyPlan.modifiedBy=this.loginStaff.staffId;
+      this.editSafetyPlan.modifiedBy =this.staffId;
+      this._victimServicesComponent.updateSafetyPlan(this.editSafetyPlan).subscribe(
+        resp=>{
+            //  this.snackBar.open('update Successfully!', '', {
+            //  duration: 3000,
+            //       });
+
+
+
+            const victimServiceStatus: VictimServiceStatusHistory= {
+              victimServiceStatusHistoryId:0,
+              victimServiceId: this.editSafetyPlan.victimServiceId.toString(),
+              victimServiceStatusId: this.editSafetyPlan.victimServiceStatusId ,
+              startDate: this.editSafetyPlan.startDate,
+              modifiedBy:this.staffId,
+              comment:'test update safety Plan'
+              };
+
+            this._victimServicesComponent.addVictimServiceStatus(victimServiceStatus).subscribe();
+
+         
+           this.router.navigate(['saftyPlanDetail',  this.editSafetyPlan.victimServiceId,  this.victimId ]); 
+                
+                }
+      );
+    } 
+  }
+
+  back(){
+    console.log('this.victimId');
+    console.log(this.victimId);
+    this.router.navigate(['saftyPlan', this.victimId]); 
+  }
+ 
+
+}
+

package/src/lib/shared/app.shared.module.ts

@@ -0,0 +1,118 @@
+import { NgModule } from '@angular/core';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+//import {MAT_MOMENT_DATE_FORMATS, MomentDateAdapter} from '@angular/material-moment-adapter';
+import {BrowserModule} from '@angular/platform-browser';
+import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
+import {CdkTableModule} from '@angular/cdk/table';
+import {DateAdapter, MatNativeDateModule, MatRippleModule, MAT_DATE_FORMATS, MAT_DATE_LOCALE} from '@angular/material/core';
+import {MatIconModule} from '@angular/material/icon';
+
+
+// import {
+//   MatButtonModule, MatCardModule, MatCheckboxModule, MatToolbarModule, MatSelectModule, MatDatepickerModule,
+//   MatProgressSpinnerModule, MatGridListModule, MatTableModule, MatSidenavModule, MatRadioModule, MatPaginatorModule,
+//   // tslint:disable-next-line:whitespace
+//  MatNativeDateModule, MatSliderModule, MatDialogModule, MatChipsModule,MatSortModule,
+//    MatTabsModule, MatRippleModule, MatListModule, MatInputModule, MatFormFieldModule, MatStepperModule, MatExpansionModule,
+ 
+   
+// } from '@angular/material';
+import {MatSnackBarModule} from '@angular/material/snack-bar';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatGridListModule } from '@angular/material/grid-list';
+import { MatInputModule } from '@angular/material/input';
+import { MatListModule } from '@angular/material/list';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { MatRadioModule } from '@angular/material/radio';
+import { MatSelectModule } from '@angular/material/select';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatSliderModule } from '@angular/material/slider';
+import { MatSortModule } from '@angular/material/sort';
+import { MatTableModule } from '@angular/material/table';
+import { MatTabsModule } from '@angular/material/tabs';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import {  MatStepperModule } from "@angular/material/stepper";
+import { MatChipsModule } from "@angular/material/chips";
+
+
+
+@NgModule(
+  {
+  
+    imports: [
+      MatButtonModule,
+      MatCardModule,
+      MatCheckboxModule,
+      MatToolbarModule,
+      MatSelectModule,
+      MatDatepickerModule,
+      MatNativeDateModule,
+      MatDialogModule,
+      MatTabsModule,
+      MatListModule,
+      MatInputModule,
+      MatStepperModule,
+      BrowserAnimationsModule,
+      MatGridListModule,
+      MatProgressSpinnerModule,
+      MatTableModule,
+      MatSidenavModule,
+      MatRadioModule,
+      MatIconModule,
+      MatSliderModule,
+      MatChipsModule,
+      MatSnackBarModule,
+      CdkTableModule,
+      MatSortModule,
+      MatPaginatorModule,
+      MatExpansionModule,
+      MatRippleModule,
+
+
+    ],
+    exports: [
+   
+      MatButtonModule,
+      MatCardModule,
+      MatCheckboxModule,
+      MatToolbarModule,
+      MatSelectModule,
+      MatDatepickerModule,
+      MatNativeDateModule,
+      MatDialogModule,
+      MatTabsModule,
+      MatListModule,
+      MatInputModule,
+      MatStepperModule,
+      BrowserAnimationsModule,
+      MatGridListModule,
+      MatProgressSpinnerModule,
+      MatTableModule,
+      MatSidenavModule,
+      MatRadioModule,
+      MatIconModule,
+      MatSliderModule,
+      MatChipsModule,
+      MatSnackBarModule,
+      CdkTableModule,
+      MatSortModule,
+      MatPaginatorModule,
+      MatExpansionModule,
+      MatRippleModule,
+  
+     
+    ],
+    entryComponents: [
+      // SpinnerComponent,
+   ],
+
+
+  }
+)
+export class SharedModule { }

package/src/lib/shared/directives/phone-mask.directive.ts

@@ -0,0 +1,41 @@
+import { Directive, HostListener } from '@angular/core';
+import { NgControl } from '@angular/forms';
+
+@Directive({
+  selector: '[formControlName][appPhoneMask]',
+})
+export class PhoneMaskDirective {
+
+  constructor(public ngControl: NgControl) { }
+
+  @HostListener('ngModelChange', ['$event'])
+  onModelChange(event) {
+    this.onInputChange(event, false);
+  }
+
+  @HostListener('keydown.backspace', ['$event'])
+  keydownBackspace(event) {
+    this.onInputChange(event.target.value, true);
+  }
+  
+
+  onInputChange(event, backspace) {
+    let newVal = event.replace(/\D/g, '');
+    if (backspace && newVal.length <= 6) {
+      newVal = newVal.substring(0, newVal.length - 1);
+    }
+    if (newVal.length === 0) {
+      newVal = '';
+    } else if (newVal.length <= 3) {
+      newVal = newVal.replace(/^(\d{0,3})/, '($1)');
+    } else if (newVal.length <= 6) {
+      newVal = newVal.replace(/^(\d{0,3})(\d{0,3})/, '($1) $2');
+    } else if (newVal.length <= 10) {
+      newVal = newVal.replace(/^(\d{0,3})(\d{0,3})(\d{0,4})/, '($1) $2-$3');
+    } else {
+      newVal = newVal.substring(0, 10);
+      newVal = newVal.replace(/^(\d{0,3})(\d{0,3})(\d{0,4})/, '($1) $2-$3');
+    }
+    this.ngControl.valueAccessor.writeValue(newVal);
+  }
+}