@csmart/ngc-smart-victim 0.1.5 → 0.1.8

package/src/lib/common-dialog/common-dialog.service.ts

@@ -0,0 +1,35 @@
+import { Observable } from 'rxjs';
+import { CommonDialogComponent } from './common-dialog.component';
+import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class CommonDialogService {
+
+    constructor(private dialog: MatDialog) { }
+
+    public confirm(title: string, message: string, cmdYesTitle: string, cmdNoTitle: string): Observable<boolean> {
+
+        let dialogRef: MatDialogRef<CommonDialogComponent>;
+
+        dialogRef = this.dialog.open(CommonDialogComponent);
+        dialogRef.componentInstance.title = title;
+        dialogRef.componentInstance.message = message;
+        dialogRef.componentInstance.cmdYesTitle = cmdYesTitle;
+        dialogRef.componentInstance.cmdNoTitle = cmdNoTitle;
+        return dialogRef.afterClosed();
+    }
+
+    public warning(title: string, message: string, cmdOkTitle: string, ): Observable<boolean> {
+
+        let dialogRef: MatDialogRef<CommonDialogComponent>;
+
+        dialogRef = this.dialog.open(CommonDialogComponent);
+        dialogRef.componentInstance.title = title;
+        dialogRef.componentInstance.message = message;
+        dialogRef.componentInstance.cmdYesTitle = cmdOkTitle;
+       
+        return dialogRef.afterClosed();
+    }
+
+}

package/src/lib/contact/contact.component.css

@@ -0,0 +1,20 @@
+
+mat-form-field {
+  width: 50%;
+}
+.container{
+    margin: 16px;
+    display: grid;
+    grid-template-columns: repeat(1, 1fr);
+    grid-gap: 10px;
+    grid-auto-rows: minmax(50px, auto);
+    justify-items: stretch;
+    }
+
+    .mat-select-content{
+        width:300px;
+      } 
+      
+    .mat-select-inner{
+      width:290px;
+    } 

package/src/lib/contact/contact.component.html

@@ -0,0 +1,124 @@
+
+ <mat-card>
+        <mat-card-header>
+
+        </mat-card-header>
+         <mat-card-content>
+                
+                        <mat-toolbar  color="primary">
+                                        <h4 class="card-header" >Contact detail</h4>
+                        </mat-toolbar>
+                        <br>
+       
+
+                       
+                                        <mat-card >
+                                        <div class='container'>       
+                                        <form [formGroup]="contactForm" #contactDetailForm="ngForm" >
+                                                    
+                                               
+
+                                                <div>      
+                                                        <mat-form-field>
+                                                                <mat-label>Contact Date:</mat-label>
+                                                                 <input matInput formControlName="contactDate"   
+                                                                 (click)="contactDate.open()" 
+                                                                 [matDatepicker]="contactDate" 
+                                                                 placeholder="Choose a contact date" 
+                                                                 [(ngModel)]="editContact.contactDate" required>
+                                                                <mat-datepicker-toggle matSuffix [for]="contactDate"></mat-datepicker-toggle>
+                                                                <mat-datepicker #contactDate></mat-datepicker>
+                                                        </mat-form-field>
+
+                                                        <div class="validation-errors">
+                                                                <div
+                                                                  class="help-block"
+                                                                  *ngIf="
+                                                                  contactForm
+                                                                      .get('contactDate')
+                                                                      .hasError('required') &&
+                                                                    (contactForm.get('contactDate').dirty ||
+                                                                    contactForm.get('contactDate').touched)">
+                                                                  <mat-error>Contact date is
+                                                                    <strong>required</strong></mat-error>
+                                                                </div>
+                                                                <div
+                                                                  class="help-block"
+                                                                  *ngIf="
+                                                                  contactForm.get('contactDate').hasError('date') &&
+                                                                    (contactForm.get('contactDate').dirty ||
+                                                                    contactForm.get('contactDate').touched)">
+                                                                  <mat-error >future Date is <strong>not allowed</strong> for contact date</mat-error>
+                                                                </div>
+                                                              </div>
+                                                </div>  
+                                                                
+                                                       
+
+                                                <div>
+                                                        <mat-form-field>
+                                                                <mat-label>Contact Method:</mat-label>
+                                                                <mat-select  placeholder="contactMethod" formControlName="contactMethod"  required   [(ngModel)]="editContact.victimContactMethodId">
+                                                                        <mat-option *ngFor=" let contactMethod of contactMethods" [value]="contactMethod.victimContactMethodId" >{{contactMethod.name}}</mat-option>
+                                                                </mat-select>
+                                                        </mat-form-field>
+                                                </div>
+                                                                      
+                                                 <div>                    
+                                                        <mat-form-field class="mat-select-content">
+                                                                <mat-label>Contact By:</mat-label>
+                                                                <mat-select  formControlName="contactBy"   required [(ngModel)]="editContact.contactedBy" class="mat-select-inner">
+                                                                        <mat-option *ngFor=" let item of staff" [value]="item.staffId" >{{ item.fullName}}</mat-option>
+                                                                </mat-select>
+                                                        </mat-form-field>
+                                                </div>  
+                                                
+                                                <div>
+
+                                                        <mat-form-field>
+                                                                <mat-label>Comments </mat-label>
+                                                                <textarea 
+                                                                matInput 
+                                                                placeholder="" 
+                                                                required formControlName="comment" 
+                                                                [(ngModel)]="editContact.comment"
+                                                                cdkTextareaAutosize
+                                                                #autosize="cdkTextareaAutosize"
+                                                                cdkAutosizeMinRows="1"
+                                                                cdkAutosizeMaxRows="5">
+                                                                </textarea> 
+                                                        </mat-form-field>
+                                                </div>
+
+                                                <div>      
+                                                        <mat-form-field>
+                                                                <mat-label>Next Contact Date: </mat-label>
+                                                                 <input matInput formControlName="nextContactDate"   
+                                                                 (click)="nextContactDate.open()" 
+                                                                 [matDatepicker]="nextContactDate" 
+                                                                 placeholder="Choose a next contact date" 
+                                                                 [(ngModel)]="editContact.nextContactDate" required>
+                                                                <mat-datepicker-toggle matSuffix [for]="nextContactDate"></mat-datepicker-toggle>
+                                                                <mat-datepicker #nextContactDate></mat-datepicker>
+                                                        </mat-form-field>
+                                                </div> 
+                                                
+                                                <div>
+                                                        <!-- <button  mat-raised-button color="primary" (click)="saveContact()"  [disabled]="!contactForm.form.valid" >Save</button> -->
+                                                        <button  mat-raised-button color="primary" (click)="saveContact()" [disabled]="!contactForm.valid" >Save</button>
+                                                        &nbsp;&nbsp;<button  mat-raised-button color="primary"  >Cancel</button>
+                                                        &nbsp;&nbsp;<button  mat-raised-button color="primary" (click)="back()"  >Back</button>
+                                                </div>
+
+                                              </form>
+                                              </div>
+                                                </mat-card>
+                                        
+                                       
+                        <br>
+                       
+
+
+
+</mat-card-content>
+</mat-card>

package/src/lib/contact/contact.component.ts

@@ -0,0 +1,176 @@
+import { Component, OnInit,Inject,OnChanges, Input, Output, EventEmitter,AfterViewInit  } from '@angular/core';
+import { NgcSmartVictimService } from '../smart-victim.service';
+import { FormControl, FormGroup, FormBuilder,Validators } from '@angular/forms';
+import { CommonDialogService} from '.././common-dialog/common-dialog.service';
+import { MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
+import { SelectedOffender, LoginStaff } from '@csmart/ngc-smart-core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { Contact} from '../smart-victim.model';
+import { SmartAuthService } from '@csmart/ngc-smart-core';
+import { dateValidator,passDateValidator,dateLessThan } from '../shared/validators';
+import { MatSnackBar } from '@angular/material/snack-bar';
+
+@Component({
+  templateUrl: './contact.component.html',
+  styleUrls: ['./contact.component.css'],
+})
+export class ContactComponent implements OnInit,AfterViewInit  {
+
+  offenderId: number;
+  loginStaff: LoginStaff;
+  contact: Contact;
+  editContact: Contact = <Contact>{};
+  errorMessage: string;
+  contactMethods: any[];
+  contactBy: any[];
+  result: any;
+  victimName: string;
+  staffId: number;
+  victimId: number;
+  hiddenAddNewFlag: boolean;
+  contactForm: FormGroup;
+  private sub: any;
+  staff: any = {};
+
+  constructor(
+
+    private _victimServicesComponent: NgcSmartVictimService,
+    //private commonDialogService: CommonDialogService,
+    public snackBar: MatSnackBar,
+    private route: ActivatedRoute,
+    private router: Router,
+    private smartAuthService: SmartAuthService,
+     
+  ) {
+    this.contactForm = new FormGroup({
+      //contactDate: new FormControl(),
+      contactDate:new FormControl('', Validators.compose([
+        dateValidator()	  ])),
+
+      contactMethod: new FormControl(),
+      contactBy: new FormControl(),
+      comment: new FormControl(),
+      nextContactDate: new FormControl()
+    });
+  }
+
+   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.staff = [
+      {
+        staffId: this.loginStaff.staffId,
+        fullName: this.loginStaff.firstName + ' ' + this.loginStaff.lastName,
+      },
+    ];
+
+
+    this.sub = this.route.params.subscribe(params => {
+      this.victimId = params['victimId'];
+      console.log('my this.victimId');
+      console.log(this.victimId);
+ 
+    });
+
+
+    this._victimServicesComponent.getContactMethods().subscribe(
+      (items: any) => {
+        this.contactMethods = items;
+        console.log('this.contactMethods');
+        console.log(this.contactMethods);
+      }
+    );
+
+    // this._victimServicesComponent.getContactBys().subscribe(
+    //   (items: any) => {
+    //     this.contactBy= items;
+    //   }
+    // );
+
+    
+    // this._victimServicesComponent.getContacts(this.victimId).subscribe(
+    //   caseNoteList => {
+     
+    //     this.caseNoteList = caseNoteList; 
+      
+    //   }
+    // );
+ 
+  }
+  onEditContact(victimContactId: number){
+  
+    // this.hiddenDetailFlag =false;
+    // this.hiddenAddNewFlag = true;
+
+    // this.addDisableFlag = true;
+    // this.editCaseNote = this.caseNoteList.find(x => x.victimCaseNoteId === victimCaseNoteId);
+
+  }
+ 
+  // onDeleteCaseNote(victimCaseNoteId: number){
+  //    this.commonDialogService
+  //   .confirm('', 'Do you want to delete this case note?', 'Yes', 'No')
+  //   .subscribe(res => {this.result =  res;
+  //       if (this.result) {
+  //           this._victimServicesComponent.deleteCaseNote(victimCaseNoteId, this.staffId)
+  //            .subscribe(result => {
+  //               this.snackBar.open('delete Successfully !', '', { duration: 3000,});
+
+  //           this._victimServicesComponent.getCasetNotes(this.victimId).subscribe(
+  //             caseNoteList => {
+  //               this.caseNoteList = caseNoteList; 
+              
+  //             }
+  //           );
+  //              }
+  //            );
+  //       }
+
+  //    });
+  // }
+  onAddNew(){
+   
+    // this.editCas.caseNoteDate = null;
+    // this.editCaseNote.contactTypeId = null;
+    // this.editCaseNote.victimContactPurposeId = null;
+    // this.editCaseNote.comment = null;
+  }
+  back(){
+
+ 
+       this.router.navigate(['victimDetail', this.victimId ]); 
+  }
+ 
+  saveContact(){
+
+        const contact: Contact = {
+        victimId:this.victimId,
+        victimContactId: 0,
+        contactDate: this.editContact.contactDate,
+        victimContactMethodId: this.editContact.victimContactMethodId,
+        contactMethod: null,
+        contactedByName: null,
+        contactedBy: this.editContact.contactedBy,
+        comment: this.editContact.comment,
+        nextContactDate: this.editContact.nextContactDate,
+        modifiedBy: this.staffId,
+    
+    };
+    this._victimServicesComponent.addContact(contact).subscribe(
+      result => {
+        this.snackBar.open('Saved Successfully !', '', {
+          duration: 3000,
+      });
+
+      this.router.navigate(['victimDetail', this.victimId ]); 
+      }
+    );
+    }
+
+}

package/src/lib/intake.service.ts

@@ -0,0 +1,82 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import { map, filter } from 'rxjs/operators';
+import { Injectable,Inject } from '@angular/core';
+import {  SMART_OFFENDER_SERVICE_URL} from './smart-victim.model';
+
+
+const headers = new Headers({ 'Content-Type': 'application/json' });
+@Injectable({
+  providedIn: 'root'
+})
+export class IntakeServicesComponent {
+  //serviceData = environment.smartOffenderServiceUrl;
+  constructor(private http: HttpClient,
+    @Inject(SMART_OFFENDER_SERVICE_URL) private smartOffenderServiceUrl: string, 
+    ) {}
+  getIntakeByOffender(offenderId: any): Observable<Intake> {
+    return this.http
+      .get<Intake>(this.smartOffenderServiceUrl + 'IntakeBasic/offender/' + offenderId)
+      .pipe();
+  }
+
+  updateIntakeSteps(
+    offenderId: number,
+    intakeStepStatus: IntakeStepStatusModel,
+  ) {
+    return this.http.put(
+      this.smartOffenderServiceUrl + '/IntakeStepStatus/' + offenderId,
+      intakeStepStatus,
+    );
+  }
+}
+
+export interface Intake {
+  intakeId: number;
+  offenderId: number;
+  intakeOffenderReportStatusId?: any;
+  startDate: string;
+  endDate?: any;
+  assignmentId?: any;
+  modifiedBy: number;
+}
+
+export interface IntakeStepStatus {
+  intakeStepStatusId: number;
+  intakeId: number;
+  intakeStepId: string;
+  completedDate: Date;
+  modifiedBy: number;
+}
+
+export interface IntakeStepStatusModel
+{
+    offenderId: number;
+    intakeStepId: string;
+    modifiedBy: number;
+}
+
+export class IntakeStep{
+    public static PhysicalInformation = "PHYSIN";
+    public static  Photo = "PHOTOS";
+    public static  HousingInformation = "HOUSE";
+    public static  DocketInformation = "DOCKET";
+    public static  Alias = "ALIAS";
+    public static  IntakeBasicInformation = "INTKBI";
+    public static  ContactInformation = "CONTCT";
+    public static  DeceasedInformation = "DEATH";
+    public static  DriversLicense = "DRVLIC";
+    public static  EmploymentInformation = "EMPLOY";
+    public static  GangAffiliation = "GANG";
+    public static  HealthInsurance = "HLTHINS";
+    public static  Identification = "IDNTFCTN";
+    public static  InternetIdentifier = "INTERNETID";
+    public static  MilitaryService = "MLTSVC";
+    public static  School = "SCHOOL";
+    public static  SelectiveService = "SLCTVSVC";
+    public static  Vehicle = "VEHICLE";
+    public static  VictimInformation = "VICTIM";
+    public static  WarrantInformation = "WARRNT";
+    public static  RunningRecord = "RUNREC";
+    public static  Signature = "SIGN";
+}

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

@@ -0,0 +1,94 @@
+import { Component, OnInit, Inject } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { ProvidersDialogData} from '../smart-victim.model';
+import { NgcSmartVictimService } from '../smart-victim.service';
+
+
+@Component({
+  selector: 'app-service-provider',
+  template: `
+    <h1 mat-dialog-title> {{data.serviceType}}</h1>
+    <div mat-dialog-content class="main" [formGroup]="spForm">
+      <mat-form-field>
+        <mat-label>service provider</mat-label>
+        
+        <mat-select formControlName="voteeProviderId">
+          <mat-option
+            *ngFor="let providerOption of programProviders"
+            [value]="providerOption.victimProgramProviderId">{{ providerOption.victimProgramProvider }}
+          </mat-option>
+        </mat-select>
+      
+      </mat-form-field>
+  
+    </div>
+    <div mat-dialog-actions class="actions">
+      <button mat-raised-button color="primary" (click)="cancel()" cdkFocusInitial>
+        Cancel Change
+      </button>
+      <button mat-raised-button color="primary" [mat-dialog-close]="spForm.value" >
+        Save Change
+      </button>
+    </div>
+  `,
+  styles: [
+    `
+      .main {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+      }
+
+      .actions{
+        display: flex;
+      }
+    `,
+  ],
+})
+
+
+
+export class SeriveProviderComponent implements OnInit {
+  spForm: FormGroup;
+  programProviders:[];
+
+  constructor(
+    private formBuilder: FormBuilder,
+    public dialogRef: MatDialogRef<SeriveProviderComponent>,
+    private _victimServicesComponent: NgcSmartVictimService,
+    @Inject(MAT_DIALOG_DATA) public data: ProvidersDialogData,
+  ) {
+
+
+    this.spForm = this.formBuilder.group({
+           voteeProviderId: [''],
+           
+          });
+     }
+
+  cancel() {
+    this.dialogRef.close();
+  }
+
+  ngOnInit() {
+      console.log('data.providerCollections')
+      console.log(this.data);
+      console.log(this.data.serviceTypeId);
+
+      this._victimServicesComponent.getvVictimServiceTypeProgramProviders().subscribe(
+        (items: any) => {
+            this.programProviders = items.filter( (y) => (y.victimServiceTypeId === this.data.serviceTypeId));
+            console.log('this.programProviders');
+            console.log(this.programProviders);
+          }
+      );
+
+    this.spForm.get('voteeProviderId').valueChanges.subscribe(voteeProviderId => {
+        console.log('voteeProviderId in service provider component.')
+        console.log(voteeProviderId)
+    
+     
+    })
+  }
+}

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>