@csmart/ngc-smart-victim 0.1.5 → 0.1.8

package/src/lib/smart-victim.component.css

@@ -0,0 +1,192 @@
+
+div.services {
+  max-width: 500px;
+  margin: auto;
+  border: 3px solid #73AD21;
+}
+
+.rTable {
+  display: block;
+  width: 100%;
+}
+.rTableHeading, .rTableBody, .rTableFoot, .rTableRow{
+  clear: both;
+}
+.rTableHead, .rTableFoot{
+  background-color: #DDD;
+  font-weight: bold;
+}
+.rTableCell, .rTableHead {
+  border: 0px ;
+  float: left;
+  padding: 1px;
+  width: 28%;
+}
+.rTable:after {
+  visibility: hidden;
+  display: block;
+  font-size: 0;
+  content: " ";
+  clear: both;
+  height: 0;
+}
+
+.victimSearch{
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-column-gap: 10px;
+}
+
+.edit-btn{
+  margin-right: 4px;
+}
+.main-container{
+  display: flex;
+  margin-top: 8px;
+}
+
+.add-action{
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 8px;
+}
+
+.example-headers-align .mat-expansion-panel-header-title,
+.example-headers-align .mat-expansion-panel-header-description {
+  flex-basis: 0;
+}
+
+.example-headers-align .mat-expansion-panel-header-description {
+  justify-content: space-between;
+  align-items: center;
+}
+
+mat-form-field {
+  margin-right: 12px;
+}
+
+.actions{
+  display: flex;
+  justify-content: space-around;
+}
+
+
+.Row
+{
+    display: table;
+    width: 100%; /*Optional*/
+    table-layout: fixed; /*Optional*/
+
+}
+.Column
+{
+    display: table-cell;
+  
+}
+
+.sp-form textarea {
+    float: left;
+    margin-top: 20px;
+    margin-bottom: 10px;
+    width: 462px;
+    height: 70px;
+    overflow: auto;
+    box-sizing:border-box
+
+}
+
+.mat-column-lastName {
+  word-wrap: break-word !important;
+  white-space: unset !important;
+  flex: 0 0 15% !important;
+  width: 15% !important;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+
+  word-break: break-word;
+
+  -ms-hyphens: auto;
+  -moz-hyphens: auto;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
+
+.mat-column-firstName {
+  word-wrap: break-word !important;
+  white-space: unset !important;
+  flex: 0 0 15% !important;
+  width: 15% !important;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+
+  word-break: break-word;
+
+  -ms-hyphens: auto;
+  -moz-hyphens: auto;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
+
+.mat-column-relationship {
+  word-wrap: break-word !important;
+  white-space: unset !important;
+  flex: 0 0 15% !important;
+  width: 15% !important;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+
+  word-break: break-word;
+
+  -ms-hyphens: auto;
+  -moz-hyphens: auto;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
+
+.mat-column-homePhone {
+  word-wrap: break-word !important;
+  white-space: unset !important;
+  flex: 0 0 15% !important;
+  width: 15% !important;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+
+  word-break: break-word;
+
+  -ms-hyphens: auto;
+  -moz-hyphens: auto;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
+
+.mat-column-offenderName {
+  word-wrap: break-word !important;
+  white-space: unset !important;
+  flex: 0 0 15% !important;
+  width: 15% !important;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+
+  word-break: break-word;
+
+  -ms-hyphens: auto;
+  -moz-hyphens: auto;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}
+
+.mat-column-victimId {
+  word-wrap: break-word !important;
+  white-space: unset !important;
+  flex: 0 0 25% !important;
+  width: 25% !important;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+
+  word-break: break-word;
+
+  -ms-hyphens: auto;
+  -moz-hyphens: auto;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+}

package/src/lib/smart-victim.component.html

@@ -0,0 +1,133 @@
+<div *ngIf="showSearchForm">
+    <app-victim-search-form
+    (onSearch)="getVictimList($event)">
+    </app-victim-search-form>
+</div>
+
+<div *ngIf="showDetail">
+  <csmart-victim-detail [victimDetail]="victimDetail" 
+                        [staffId]="staffId"
+                        [offenderId] ="offenderId"
+                        [isIntake]="isIntake"
+                        (onSave)="save($event)" 
+                        (onCancel)="cancel()" >
+</csmart-victim-detail>
+</div>
+<div class="main-container">
+    
+    <div class="add-action" *ngIf="showAdd">
+        <button mat-raised-button color="primary" 
+           accessControl
+          [accessControlConfig]="createAccessControlConfig"  
+          (click)="addRecord()">
+          <mat-icon>add</mat-icon>
+          Add Victim
+        </button>
+        &nbsp;&nbsp;
+
+    <div *ngIf="isIntake">
+        <button 
+        mat-raised-button 
+        color="primary" 
+        accessControl
+        [accessControlConfig]="updateAccessControlConfig"          
+        (click)="saveIntake()">
+        Continue
+        </button> 
+    </div>
+
+    </div>
+   <div *ngIf="showListFlag">
+    <mat-card id="divVictim" >
+          <mat-card-content >
+            <mat-table #table [dataSource]="victimListDataSource" >
+
+                <ng-container matColumnDef="lastName">
+                    <mat-header-cell *matHeaderCellDef>Victim Last Name</mat-header-cell>
+                    <mat-cell *matCellDef="let row" > {{row.lastName}}  </mat-cell>
+                </ng-container>
+
+
+                <ng-container matColumnDef="firstName">
+                        <mat-header-cell *matHeaderCellDef >Victim First Name</mat-header-cell>
+                        <mat-cell *matCellDef="let row" > {{row.firstName}} </mat-cell>
+                </ng-container>
+               
+                <div  *ngIf="showRelationshipColumn">
+                    <ng-container matColumnDef="relationship">
+                        <mat-header-cell *matHeaderCellDef >Relationship to Offender</mat-header-cell>
+                        <mat-cell *matCellDef="let row" > {{row.relationship}} </mat-cell>
+                    </ng-container>
+                </div>
+
+                <div  *ngIf="showOffenderPhoneColumn">
+                    <ng-container matColumnDef="homePhone">
+                        <mat-header-cell *matHeaderCellDef >Phone Number</mat-header-cell>
+                        <mat-cell *matCellDef="let row" > {{formatPhoneNumber(row.homePhone)}} </mat-cell>
+                    </ng-container>
+                </div>
+                
+                <div  *ngIf="showOffenderNameColumn">
+                    <ng-container matColumnDef="offenderName">
+                            <mat-header-cell *matHeaderCellDef>Offender Name</mat-header-cell>
+                            <mat-cell *matCellDef="let row" > {{row.offenderName}} </mat-cell>
+                    </ng-container>
+                </div>
+               
+               <ng-container matColumnDef="victimId">
+                  <mat-header-cell *matHeaderCellDef ></mat-header-cell>
+                    <mat-cell *matCellDef="let row" >
+                        
+                        <!-- <div  *ngIf="accessByModule">
+                            <mat-checkbox></mat-checkbox>
+                        </div> -->
+                        
+                        <div  *ngIf="showEdit">
+                            <button class="edit-btn"  mat-icon-button color="primary"  matTooltip="View/Edit Victim"
+                                accessControl
+                                [accessControlConfig]="updateAccessControlConfig"  
+                                (click)="editVictimDetail(row)">
+                                <i class="material-icons">mode_edit</i>
+                            </button>
+                        </div>
+
+                        
+
+                        &nbsp;&nbsp; 
+
+                        <div  *ngIf="showCaseNote">
+                            <button type="button" matTooltip="CaseNote"  mat-raised-button color="primary" 
+                            accessControl
+                            [accessControlConfig]="updateAccessControlConfig"  
+                            (click)="goToCaseNote(row.victimId)">                        
+                                        <span class="glyphicon glyphicon-pencil" ></span>&nbsp;Case Note
+                            </button> 
+                        </div>
+                         &nbsp;&nbsp;
+                       
+                         <div  *ngIf="showSafetyPlan">
+                        <button type="button"  matTooltip="safety plan" mat-raised-button color="primary"
+                         accessControl
+                         [accessControlConfig]="updateAccessControlConfig"  
+                         (click)="goToSaftyPlan(row.victimId)">                        
+                                <span class="glyphicon glyphicon-pencil" ></span>&nbsp;Safety Plan
+                        </button>
+                        </div>
+                        &nbsp;&nbsp;
+   
+                    </mat-cell>
+                </ng-container>
+
+                <mat-header-row *matHeaderRowDef="displayedColumns" class="example-header-row"></mat-header-row>
+                <mat-row *matRowDef="let row; columns: displayedColumns" class="example-row"></mat-row>
+                </mat-table>
+
+              <mat-paginator #paginator [pageSize]="10" [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator> 
+          </mat-card-content>
+    </mat-card>
+    </div>
+
+    <div>
+        <b>{{msg}}</b>
+    </div>
+</div>

package/src/lib/smart-victim.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NgcSmartVictimComponent } from './smart-victim.component';
+
+describe('NgcSmartVictimComponent', () => {
+  let component: NgcSmartVictimComponent;
+  let fixture: ComponentFixture<NgcSmartVictimComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ NgcSmartVictimComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(NgcSmartVictimComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/src/lib/smart-victim.component.ts

@@ -0,0 +1,323 @@
+import { DOCUMENT, DatePipe } from '@angular/common';
+import { Component, OnInit, OnChanges, ViewChild, Input, Output, AfterViewInit, Inject} from '@angular/core';
+import { ActivatedRoute,Router } from '@angular/router';
+import { MatTableDataSource} from '@angular/material/table';
+import { MatSort } from '@angular/material/sort';
+import { MAT_DIALOG_DATA, MatDialogRef, MatDialog } from '@angular/material/dialog';
+import {
+  SelectedOffender,
+  LoginStaff,
+  SmartAccessControlConfig,
+  AccessType,
+} from "@csmart/ngc-smart-core";
+import { NgcSmartVictimService } from './smart-victim.service';
+import { ElementsVictim, VictimListFilter, Victim, SMART_WARRANT_URL } from './smart-victim.model';
+import { SmartVictimDeleteConfirmComponent } from './smart-victim-delete-confirm.component';
+//import { SmartVictimDetailComponent } from './smart-victim-detail/smart-victim-detail.component';
+
+import {
+  IntakeStepStatusModel,
+  IntakeStep,
+  IntakeServicesComponent,
+} from './intake.service';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSnackBar } from '@angular/material/snack-bar';
+@Component({
+  selector: "csmart-victim",
+  templateUrl: "./smart-victim.component.html",
+  styleUrls: ["./smart-victim.component.css"],
+})
+export class NgcSmartVictimComponent implements OnInit, OnChanges, AfterViewInit {
+  @Input() offenderId: number;
+  @Input() staffId: number;
+  @Input() staffRole: string;
+  @Input() showCaseNote: string;
+  @Input() showSafetyPlan: string;
+  //@Input() showAdd: string;
+  @Input() showAdd: boolean;
+  @Input() showEdit: string;
+  @Input() showRelationshipColumn: boolean;
+  @Input() showOffenderNameColumn: boolean;
+  @Input() showOffenderPhoneColumn: boolean;
+  @Input() showSearchForm: boolean;
+  @Input() accessByModule: string;
+  @Input() intakeFlag: string;
+  @Input() appModuleId = '';
+  @Input() activatedRoute: ActivatedRoute = null;
+
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+  // @ViewChild(SmartVictimDetailComponent) child;
+
+  displayedColumns: string[];
+  victims: Victim[] = [];
+  victimDetail = <Victim>{};
+  showDetail = false;
+  victimListFilter: VictimListFilter = new VictimListFilter();
+  victimListDataSource = new MatTableDataSource();
+  doSpin: boolean = false;
+  showListFlag: boolean = false;
+  msg: string = "";
+  isIntake = false;
+
+  updateAccessControlConfig: SmartAccessControlConfig;
+  createAccessControlConfig: SmartAccessControlConfig;
+  deleteAccessControlConfig: SmartAccessControlConfig;
+  constructor(
+    private dialog: MatDialog,
+    private victimService: NgcSmartVictimService,
+    private router: Router,
+    private route: ActivatedRoute,
+    private snackBar: MatSnackBar,
+    private intakeService: IntakeServicesComponent,
+    @Inject(SMART_WARRANT_URL) private smartWarrantUrl: string,
+    @Inject(DOCUMENT) private document: any
+  ) {}
+
+  // private onChange(filter: VictimListFilter) {
+  //   console.log('filter in onchange');
+  //   console.log(filter);
+  //   this.getVictimList(filter);
+  // }
+
+  applyFilter(filterValue: string) {
+    this.victimListDataSource.filter = filterValue.trim().toLowerCase();
+  }
+  addRecord() {
+    this.showDetail = true;
+    this.showAdd = false;
+    this.victimDetail = null;
+    this.showListFlag = false;
+  }
+
+  editVictimDetail(record) {
+    console.log("victim edit record");
+    console.log(record);
+    console.log(record.victimId);
+    this.victimDetail = record;
+    this.showDetail = true;
+    this.showAdd = false;
+    this.showListFlag = false;
+  }
+
+  save(detail: Victim) {
+    this.showDetail = false;
+    this.showAdd = true;
+    this.showListFlag = true;
+  }
+
+  cancel() {
+    this.showDetail = false;
+    this.victimDetail = <Victim>{};
+  }
+
+  ngAfterViewInit() {
+    this.victimListDataSource.paginator = this.paginator;
+    this.victimListDataSource.sort = this.sort;
+  }
+
+  ngOnChanges() {
+     this.updateAccessControlConfig = {
+       accessType: AccessType.UPDATE,
+       appModuleId: this.appModuleId,
+       roleId: null,
+       route: this.activatedRoute.snapshot,
+     };
+     this.createAccessControlConfig = {
+       accessType: AccessType.CREATE,
+       appModuleId: this.appModuleId,
+       roleId: null,
+       route: this.activatedRoute.snapshot,
+     };
+     this.deleteAccessControlConfig = {
+       accessType: AccessType.DELETE,
+       appModuleId: this.appModuleId,
+       roleId: null,
+       route: this.activatedRoute.snapshot,
+     };
+  }
+
+  ngOnInit() {
+    var data = this.route.snapshot.data;
+    var myPath = this.router.url.slice(-10);
+
+    console.log("smart-victim ngOnInit");
+    console.log(this.intakeFlag);
+    console.log(myPath);
+
+    if (this.intakeFlag || myPath == "victimHome") {
+      this.isIntake = true;
+    }
+
+    this.displayedColumns = ["lastName", "firstName"];
+
+    if (
+      this.showRelationshipColumn == true ||
+      myPath == "victimList" ||
+      myPath == "victimHome"
+    ) {
+      this.displayedColumns.push("relationship");
+    }
+    if (this.showOffenderNameColumn == true) {
+      this.displayedColumns.push("offenderName");
+    }
+
+    if (
+      this.showOffenderPhoneColumn == true ||
+      myPath == "victimList" ||
+      myPath == "victimHome"
+    ) {
+      this.displayedColumns.push("homePhone");
+    }
+
+    this.displayedColumns.push("victimId");
+
+    if (this.showSearchForm == true) {
+      this.showListFlag = false;
+    }
+
+    console.log("this.showSearchForm");
+    console.log(this.showSearchForm);
+    console.log("myPath");
+    console.log(myPath);
+
+    if (
+      this.showSearchForm == false ||
+      myPath == "victimList" ||
+      myPath == "victimHome"
+    ) {
+      var myOffenderId;
+      if (this.offenderId) {
+        myOffenderId = this.offenderId;
+      } else {
+        console.log("back from previous page");
+        this.showAdd = true;
+        this.showRelationshipColumn = true;
+        //this.displayedColumns.push("relationship");
+        this.showOffenderPhoneColumn = true;
+        // this.displayedColumns.push("homePhone");
+        this.accessByModule = "true";
+        this.showEdit = "true";
+        this.showCaseNote = "true";
+        this.showSafetyPlan = "true";
+
+        myOffenderId = data.selectedOffender.offenderId;
+      }
+
+      const victimListFilter: VictimListFilter = {
+        offenderId: myOffenderId,
+        lastName: null,
+        firstName: null,
+        pdid: null,
+        birthDate: null,
+      };
+
+      console.log("victimListFilter in smar-victim componenet");
+      console.log(victimListFilter);
+
+      this.victimService
+        .getVictimListByFilter(victimListFilter)
+        .subscribe((data: Victim[]) => {
+          this.victimListDataSource.data = data;
+
+          this.victims = data;
+
+          data.forEach((d) => {
+            if (d.homePhone == null || d.homePhone == "") {
+              d.homePhone = d.cellPhone;
+            }
+            if (d.homePhone == null || d.homePhone == "") {
+              d.homePhone = d.workPhone;
+            }
+          });
+          console.log("victim data at line 179");
+          console.log(this.victims);
+          console.log("showListFlag");
+          console.log(this.showListFlag);
+          this.showListFlag = true;
+          if (data.length == 0) {
+            this.msg = "No Record Found!";
+          }
+        });
+    } else {
+      console.log("find filter");
+      console.log(this.victimListFilter);
+
+      if (this.showListFlag === true) {
+        if (this.victimListFilter != null) {
+          this.victimService
+            .getVictimListByFilter(this.victimListFilter)
+            .subscribe((data: Victim[]) => {
+              this.victimListDataSource.data = data;
+              this.victims = data;
+              console.log("victim data at line 201");
+              console.log(data);
+            });
+        }
+      }
+    }
+  }
+
+  formatPhoneNumber(phoneNumberString) {
+    if (!phoneNumberString) return "";
+    var cleaned = ("" + phoneNumberString).replace(/\D/g, "");
+    var match = cleaned.match(/^(\d{3})(\d{3})(\d{4})$/);
+    if (match) {
+      return "(" + match[1] + ") " + match[2] + "-" + match[3];
+    }
+    return "";
+  }
+
+  saveIntake() {
+    if (!this.isIntake) {
+      return;
+    }
+    const intakeStep = <IntakeStepStatusModel>{
+      intakeStepId: IntakeStep.VictimInformation,
+      offenderId: this.offenderId,
+      modifiedBy: this.staffId,
+    };
+    this.intakeService
+      .updateIntakeSteps(this.offenderId, intakeStep)
+      .subscribe((res) => {
+        console.log("save intake step.");
+        this.snackBar.open("Status Saved.", "", {
+          duration: 3000,
+        });
+        //this.router.navigate(['/warrant '], { queryParams: { intake: 1 } });
+
+        this.document.location.href = `${this.smartWarrantUrl}/warrant`;
+      });
+  }
+
+  goToCaseNote(victimId: number) {
+    this.router.navigate(["casenote", victimId]);
+  }
+
+  goToSaftyPlan(victimId: number) {
+    this.router.navigate(["saftyPlan", victimId]);
+  }
+
+  getVictimList(filter: VictimListFilter) {
+    this.victimListFilter = filter;
+    console.log("this.victimListFilter inside getVictimList");
+    console.log(this.victimListFilter);
+    this.doSpin = true;
+    this.victimService.getVictimListByFilter(filter).subscribe(
+      (data: Victim[]) => {
+        this.victimListDataSource.data = data;
+
+        this.doSpin = !this.doSpin;
+
+        if (data.length > 0) {
+          this.showListFlag = true;
+        } else {
+          this.msg = "No record found!";
+        }
+      },
+      (err) => {
+        this.doSpin = !this.doSpin;
+      }
+    );
+  }
+}