@csmart/ngc-smart-victim 0.1.5 → 0.1.8

package/karma.conf.js

@@ -0,0 +1,32 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, '../../coverage/ngc-smart-victim'),
+      reports: ['html', 'lcovonly'],
+      fixWebpackSourcePaths: true
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/ngc-smart-victim",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -1,26 +1,13 @@
-{
-  "name": "@csmart/ngc-smart-victim",
-  "version": "0.1.5",
-  "peerDependencies": {
-    "@angular/common": "^7.0.0",
-    "@angular/core": "^7.0.0",
-    "@angular/material": "^7.0.0",
-    "@angular/animations": "^7.0.0",
-    "@angular/cdk": "^7.0.0",
-    "@angular/forms": "^7.0.0",
-    "@csmart/ngc-smart-address": "^7.1.47"
-  },
-  "main": "bundles/csmart-ngc-smart-victim.umd.js",
-  "module": "fesm5/csmart-ngc-smart-victim.js",
-  "es2015": "fesm2015/csmart-ngc-smart-victim.js",
-  "esm5": "esm5/csmart-ngc-smart-victim.js",
-  "esm2015": "esm2015/csmart-ngc-smart-victim.js",
-  "fesm5": "fesm5/csmart-ngc-smart-victim.js",
-  "fesm2015": "fesm2015/csmart-ngc-smart-victim.js",
-  "typings": "csmart-ngc-smart-victim.d.ts",
-  "metadata": "csmart-ngc-smart-victim.metadata.json",
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "^1.9.0"
-  }
-}
+{
+  "name": "@csmart/ngc-smart-victim",
+  "version": "0.1.8",
+  "peerDependencies": {
+    "@angular/common": "^7.0.0",
+    "@angular/core": "^7.0.0",
+    "@angular/material": "^7.0.0",
+    "@angular/animations": "^7.0.0",
+    "@angular/cdk": "^7.0.0",
+    "@angular/forms": "^7.0.0",
+    "@csmart/ngc-smart-address": "^7.1.47"
+  }
+}

package/src/lib/caseNote/caseNote.component.css

@@ -0,0 +1,20 @@
+.container{
+    width:800px;
+    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;
+    } 
+    .textarea-content{
+      width:500px;
+    }

package/src/lib/caseNote/caseNote.component.html

@@ -0,0 +1,188 @@
+
+ <mat-card>
+        <mat-card-header>
+
+        </mat-card-header>
+         <mat-card-content>
+                
+                        <mat-toolbar  color="primary">
+                                        <h4 class="card-header" >Case Note</h4>
+                        </mat-toolbar>
+                        <br>
+                        <div class="row" >
+                                <div [hidden]="hiddenAddNewFlag">
+                                &nbsp;&nbsp;<button mat-raised-button color="primary" (click)="onAddNew()" [disabled]="addDisableFlag">Add Case Note</button>
+
+                                &nbsp;&nbsp;<button mat-raised-button color="primary"  (click)="back()">Back</button>
+                                </div>
+                       </div>
+
+                        <div [hidden]="hiddenDetailFlag" >
+                                        <mat-card >
+                                        <div class='container'>       
+                                        <form [formGroup]="caseNoteForm" #caseNoteDetailForm="ngForm" >
+                                                    
+                                                <div>
+                                                        <mat-label>Victim Name:</mat-label>
+                                                                {{victimName}} 
+                                                </div>
+                                                      
+
+                                                <div>      
+                                                        <mat-form-field>
+                                                                <mat-label>Date of Case Note: </mat-label>
+                                                                 <input matInput formControlName="caseNoteDate"   
+                                                                 (click)="caseNoteDate.open()" 
+                                                                 [matDatepicker]="caseNoteDate" 
+                                                                 placeholder="Choose a start date" 
+                                                                 [(ngModel)]="editCaseNote.caseNoteDate" required>
+                                                                <mat-datepicker-toggle matSuffix [for]="caseNoteDate"></mat-datepicker-toggle>
+                                                                <mat-datepicker #caseNoteDate></mat-datepicker>
+
+                                                                <div class="help-block" *ngIf="caseNoteForm.get('caseNoteDate').errors 
+                                                                && (caseNoteForm.get('caseNoteDate').dirty || caseNoteForm.get('caseNoteDate').touched)">
+                                                                <mat-error>case note date is <strong>required</strong></mat-error>
+                                                                </div> 
+
+                                                                <div class="help-block" 
+                                                                *ngIf="caseNoteForm.get('caseNoteDate').hasError('date') 
+                                                                && (caseNoteForm.get('caseNoteDate').dirty || caseNoteForm.get('caseNoteDate').touched)">
+                                                                <mat-error>future case note Date is <strong>not allowed</strong></mat-error>
+                                                                </div>
+
+                                                        </mat-form-field>
+
+                                                </div>  
+                                                                
+                                                       
+
+                                                <div>
+                                                        <mat-form-field>
+                                                                <mat-label>Contact Type:</mat-label>
+                                                                <mat-select  placeholder="contactType" formControlName="contactType"  required   [(ngModel)]="editCaseNote.contactTypeId">
+                                                                        <mat-option *ngFor=" let contactType of contactTypes" [value]="contactType.contactTypeId" >{{contactType.name}}</mat-option>
+                                                                </mat-select>
+
+                                                                <div class="help-block" *ngIf="caseNoteForm.get('contactType').errors 
+                                                                && (caseNoteForm.get('contactType').dirty || caseNoteForm.get('contactType').touched)">
+                                                                <mat-error>comment is <strong>required</strong></mat-error>
+                                                                </div> 
+                                                        </mat-form-field>
+                                                </div>
+                                                                      
+                                                 <div>                    
+                                                        <mat-form-field class="mat-select-content">
+                                                                <mat-label>Contact Purpose:</mat-label>
+                                                                <mat-select  formControlName="contactPurpose"   required [(ngModel)]="editCaseNote.victimContactPurposeId" class="mat-select-inner">
+                                                                        <mat-option *ngFor=" let contactPurpose of contactPurposes" [value]="contactPurpose.victimContactPurposeId" >{{contactPurpose.name}}</mat-option>
+                                                                </mat-select>
+
+                                                                <div class="help-block" *ngIf="caseNoteForm.get('contactPurpose').errors 
+                                                                && (caseNoteForm.get('contactPurpose').dirty || caseNoteForm.get('contactPurpose').touched)">
+                                                                <mat-error>comment is <strong>required</strong></mat-error>
+                                                                </div> 
+                                                                
+                                                        </mat-form-field>
+                                                </div>  
+                                                
+                                                <div>
+
+                                                        <mat-form-field style="width: 400px;">
+                                                                <mat-label>Comment:</mat-label>
+                                                                <textarea 
+                                                                class="textarea-content"
+                                                                matInput 
+                                                                placeholder="" 
+                                                                required formControlName="comment" 
+                                                                [(ngModel)]="editCaseNote.comment"
+                                                                cdkTextareaAutosize
+                                                                #autosize="cdkTextareaAutosize"
+                                                                cdkAutosizeMinRows="8"
+                                                                cdkAutosizeMaxRows="12">
+                                                                </textarea> 
+
+                                                                <div class="help-block" *ngIf="caseNoteForm.get('comment').errors 
+                                                                && (caseNoteForm.get('comment').dirty || caseNoteForm.get('comment').touched)">
+                                                                <mat-error>comment is <strong>required</strong></mat-error>
+                                                                </div> 
+                                                        </mat-form-field>
+                                                </div>
+                                                
+                                                <div>
+                                                        <button  mat-raised-button color="primary" (click)="saveCaseNote()"  [disabled]="!caseNoteDetailForm.form.valid" >Save</button>
+
+                                                        &nbsp;&nbsp;<button  mat-raised-button color="primary"  (click)="hiddenDetailFlag = true;addDisableFlag = false; this.hiddenAddNewFlag = false;">Cancel</button>
+                                                </div>
+
+                                              </form>
+                                              </div>
+                                                </mat-card>
+                                        
+                                        </div>
+                        <br>
+                        <mat-table #table [dataSource]="caseNoteDataSource" class="example-table">
+                                        <ng-container matColumnDef="caseNoteDate">
+                                            <mat-header-cell *matHeaderCellDef class="example-header-cell">Case Note Date</mat-header-cell>
+                                            <mat-cell *matCellDef="let row" class="example-cell"> {{row.caseNoteDate | date}} </mat-cell>
+                                        </ng-container>
+
+
+                                        <ng-container matColumnDef="contactType">
+                                                <mat-header-cell *matHeaderCellDef class="example-header-cell">Contact Type</mat-header-cell>
+                                                <mat-cell *matCellDef="let row" class="example-cell"> {{row.contactType}} </mat-cell>
+                                        </ng-container>
+                                        
+                                    
+                                        <ng-container matColumnDef="contactPurpose">
+                                                <mat-header-cell *matHeaderCellDef class="example-header-cell">Contact Purpose</mat-header-cell>
+                                                <mat-cell *matCellDef="let row" class="example-cell"> {{row.contactPurpose}} </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="victimCaseNoteId">
+                                                <mat-header-cell *matHeaderCellDef class="example-header-cell"></mat-header-cell>
+                                            <mat-cell *matCellDef="let row" class="example-cell">
+                                              
+                                                <button 
+                                                class="sac-cso-read sac-vsp-read"  
+                                                mat-icon-button 
+                                                color="primary"  
+                                                matTooltip="Edit Case Note" 
+                                                (click)="onEditCaseNote(row.victimCaseNoteId)">
+                                                        <i class="material-icons">mode_edit</i>
+                                                </button>
+
+                                                &nbsp;&nbsp;
+                                             
+                                              
+
+                                        <button
+                                        class="sac-vsp-read"
+                                        matTooltip="Delete Case Note" 
+                                        mat-icon-button
+                                        color="primary"
+                                        (click)="onDeleteCaseNote(row.victimCaseNoteId)">
+                                        <i class="material-icons">delete</i>
+                                        </button>
+
+
+
+
+                                            </mat-cell>
+                                        </ng-container>
+        
+                                        <mat-header-row *matHeaderRowDef="['caseNoteDate', 'contactType', 'contactPurpose', 'comment', 'victimCaseNoteId']" class="example-header-row"></mat-header-row>
+                                        <mat-row *matRowDef="let row; columns:['caseNoteDate', 'contactType', 'contactPurpose', 'comment', 'victimCaseNoteId'];" class="example-row"></mat-row>
+                                        </mat-table>
+
+
+
+
+
+
+
+</mat-card-content>
+</mat-card>

package/src/lib/caseNote/caseNote.component.ts

@@ -0,0 +1,248 @@
+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 { MatSnackBar } from '@angular/material/snack-bar';
+import { SelectedOffender, LoginStaff } from '@csmart/ngc-smart-core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { CaseNote} from '../smart-victim.model';
+import { SmartAuthService } from '@csmart/ngc-smart-core';
+import { dateValidator, passDateValidator } from '../shared/validators';
+import { MatTableDataSource } from '@angular/material/table';
+
+
+
+@Component({
+ 
+  templateUrl: './caseNote.component.html',
+  styleUrls: ['./caseNote.component.css'],
+  providers: [CommonDialogService]
+
+})
+export class CaseNoteComponent implements OnInit,AfterViewInit  {
+
+ // @Input() isIntake: boolean;
+  offenderId: number;
+  loginStaff: LoginStaff;
+  
+  hiddenDetailFlag:boolean;
+  caseNoteList: CaseNote[];
+  caseNote: CaseNote;
+  editCaseNote: CaseNote = <CaseNote>{};
+  errorMessage: string;
+  contactTypes: any[];
+  contactPurposes: any[];
+  result: any;
+  victimName: string;
+  staffId: number;
+  victimId: number;
+  private sub: any;
+  caseNoteDataSource= new  MatTableDataSource();
+  addDisableFlag: boolean;
+  hiddenAddNewFlag: boolean;
+  caseNoteForm: FormGroup;
+
+  constructor(
+    private formBuilder: FormBuilder, 
+    private _victimServicesComponent: NgcSmartVictimService,
+    private commonDialogService: CommonDialogService,
+    public snackBar: MatSnackBar,
+    private route: ActivatedRoute,
+    private router: Router,
+    private smartAuthService: SmartAuthService,
+     
+  ) {
+      this.initForm();
+     }
+   private initForm() {
+   this.caseNoteForm = this.formBuilder.group({
+    caseNoteDate:  new FormControl('', Validators.compose([
+      Validators.required,dateValidator()])),
+    contactType: new FormControl('',Validators.required),
+    contactPurpose: new FormControl('',Validators.required),
+    comment: new FormControl('',Validators.required)
+  });
+
+   this.caseNoteForm.markAsPristine();
+   this.caseNoteForm.markAsUntouched();
+
+   }
+   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.addDisableFlag= false;
+    this.hiddenDetailFlag = true;
+    this.hiddenAddNewFlag = false;
+
+
+    this._victimServicesComponent.getVictim(this.victimId).subscribe(
+      (items: any) => {
+        this.victimName = items.firstName + ', ' + items.lastName;
+      }
+    );
+
+    this._victimServicesComponent.getContactTypes().subscribe(
+      (items: any) => {
+        this.contactTypes = items;
+      }
+    );
+
+    this._victimServicesComponent.getVictimContactPurposes().subscribe(
+      (items: any) => {
+        this.contactPurposes = items;
+      }
+    );
+
+    
+    this._victimServicesComponent.getCasetNotes(this.victimId).subscribe(
+      caseNoteList => {
+        console.log('caseNoteList');
+        console.log(caseNoteList);
+        this.caseNoteList = caseNoteList; 
+        this.caseNoteDataSource.data = this.caseNoteList;
+      }
+    );
+
+
+    
+
+    // this._victimServicesComponent.getCasetNotes(this.victimId).subscribe(
+    //   (itms: any) => {
+    //   const ELEMENT_DATA: Element[] = itms;
+    //   this.caseNoteDataSource.data =  ELEMENT_DATA;
+    //   })
+  }
+  onEditCaseNote(victimCaseNoteId: 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; 
+                this.caseNoteDataSource.data = this.caseNoteList;
+              }
+            );
+               }
+             );
+        }
+
+     });
+  }
+  onAddNew(){
+
+    this.hiddenDetailFlag = false;
+    this.editCaseNote.victimCaseNoteId = 0;
+
+    const caseNoteDateControl = this.caseNoteForm.get('caseNoteDate');
+    caseNoteDateControl.setValue(null);
+    caseNoteDateControl.setErrors(null);
+    caseNoteDateControl.markAsPristine();
+    caseNoteDateControl.markAsPristine();
+
+
+    const contactTypeControl = this.caseNoteForm.get('contactType');
+    contactTypeControl.setValue(null);
+    contactTypeControl.setErrors(null);
+    contactTypeControl.markAsPristine();
+    contactTypeControl.markAsUntouched();
+
+
+    const contactPurposeControl = this.caseNoteForm.get('contactPurpose');
+    contactPurposeControl.setValue(null);
+    contactPurposeControl.setErrors(null);
+    contactPurposeControl.markAsPristine();
+    contactPurposeControl.markAsUntouched();
+
+
+    const commentControl = this.caseNoteForm.get('comment');
+    commentControl.setValue(null);
+    commentControl.setErrors(null);
+    commentControl.markAsPristine();
+    commentControl.markAsUntouched();
+   
+  }
+  back(){
+    this.router.navigate(['victimHome']);
+   
+  }
+ 
+  saveCaseNote(){
+
+    if (this.editCaseNote.victimCaseNoteId === undefined || this.editCaseNote.victimCaseNoteId === 0) {
+
+      const castNote: CaseNote = {
+        victimId:this.victimId,
+        victimCaseNoteId: 0,
+        caseNoteDate: this.editCaseNote.caseNoteDate,
+        contactTypeId: this.editCaseNote.contactTypeId,
+        contactType: null,
+        victimContactPurposeId: this.editCaseNote.victimContactPurposeId,
+        victimContactPurpose: null,
+        comment: this.editCaseNote.comment,
+        modifiedBy: this.staffId,
+        victimFirstName: null,
+        victimLastName: null
+
+    };
+    this._victimServicesComponent.addCaseNote(castNote).subscribe(
+      result => {
+        this.snackBar.open('Saved Successfully !', '', {
+          duration: 3000,
+      });
+      this.hiddenDetailFlag = true;
+      this._victimServicesComponent.getCasetNotes(this.victimId).subscribe(
+        caseNoteList => {
+          this.caseNoteList = caseNoteList; 
+          this.caseNoteDataSource.data = this.caseNoteList;
+        }
+      );
+        }
+    );
+ } else {
+  this._victimServicesComponent.updateCaseNote(this.editCaseNote).subscribe(
+    result => {
+      this.snackBar.open('Update Successfully !', '', {
+        duration: 3000,
+    });
+    this.hiddenDetailFlag = true;
+    this.hiddenAddNewFlag =  false;
+    this.addDisableFlag = false;
+    this._victimServicesComponent.getCasetNotes(this.victimId).subscribe(
+      caseNoteList => {
+        this.caseNoteList = caseNoteList; 
+        this.caseNoteDataSource.data = this.caseNoteList;
+      }
+    );
+      }
+  );
+    } 
+  }
+
+}

package/src/lib/common-dialog/common-dialog.component.css

@@ -0,0 +1,10 @@
+.md-dialog-container{
+position:fixed;
+top:0 !important;
+overflow:hidden;
+}
+
+.inner
+{
+    display: inline-block;
+}

package/src/lib/common-dialog/common-dialog.component.html

@@ -0,0 +1,23 @@
+
+           
+            <mat-card class="example-card"> 
+                <mat-card-content>
+           <p>{{ title }}</p>
+                   <p>{{ message }}</p>
+                   <br>
+
+                   <div class="inner">
+                        <button type="button" mat-raised-button color="primary"
+                            (click)="commondialogRef.close(true)">{{cmdYesTitle}}</button>
+                    </div>
+                        &nbsp;&nbsp;
+                        
+                    <div *ngIf="cmdYesTitle!=='Ok'" class="inner">
+                        <button type="button" mat-raised-button color="primary" 
+                            (click)="commondialogRef.close()">{{cmdNoTitle}}</button>
+                        
+                    </div>
+                 
+                             
+               </mat-card-content>
+           </mat-card>

package/src/lib/common-dialog/common-dialog.component.spec.ts

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

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

@@ -0,0 +1,21 @@
+import { Component, OnInit } from '@angular/core';
+import {MatDialog, MatDialogRef} from '@angular/material/dialog';
+
+@Component({
+  selector: 'app-common-dialog',
+  templateUrl: './common-dialog.component.html',
+  styleUrls: ['./common-dialog.component.css']
+})
+export class CommonDialogComponent implements OnInit {
+public title: string;
+public message: string;
+public cmdYesTitle: string ="Yes";
+public cmdNoTitle: string = "No";
+
+  constructor(public commondialogRef: MatDialogRef<CommonDialogComponent>) { }
+
+  ngOnInit() {
+   
+  }
+
+}

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

@@ -0,0 +1,25 @@
+
+import { NgModule } from '@angular/core';
+import { SharedModule } from '../shared/app.shared.module';
+
+import { CommonDialogComponent } from './common-dialog.component';
+
+@NgModule({
+    imports: [
+       // MaterialModule.forRoot(),
+       SharedModule
+    ],
+    exports: [
+        CommonDialogComponent,
+    ],
+    declarations: [
+        CommonDialogComponent,
+    ],
+    providers: [
+        CommonDialogComponent,
+    ],
+    entryComponents: [
+        CommonDialogComponent,
+    ],
+})
+export class CommonDialogModule { }