@csmart/ngc-smart-victim 1.18.7 → 1.18.9

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

@@ -0,0 +1,245 @@
+
+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;
+  flex-direction: column;
+}
+
+.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;
+}
+
+.smart-card{
+  background-color: var(--mdc-elevated-card-container-color);
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  padding: 16px 0px 16px 2px;
+  width: 100%;
+}
+
+.smart-card-header{
+  display: flex;
+  flex-direction: column;
+  align-items:start;
+}
+
+.smart-label{
+  font-size: 16px !important;
+}
+
+.smart-card-table{
+  margin: 16px 0px;
+}
+
+.smart-flex-container {
+  display: flex !important;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+
+.smart-action-content{
+  display: flex;
+  justify-content: flex-end;
+  margin: 12px;
+}
+
+.smart-button{
+  margin: 0px 4px;
+}
+
+.smart-add-button{
+  margin: 0px 4px;
+  font-size: 1.25em !important;
+}
+
+.material-icons {
+  vertical-align: baseline !important;
+}
+
+.smart-paginator{
+  display: flex !important;
+}

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

@@ -0,0 +1,132 @@
+<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">
+    <mat-card id="divVictim" class="smart-card-table">
+      <div class="smart-action-content">
+        <button mat-stroked-button color="primary"
+          accessControl
+          [accessControlConfig]="createAccessControlConfig"
+          *ngIf="showAdd"
+          class="smart-add-button"
+          (click)="addRecord()">
+          <mat-icon>add</mat-icon>
+          Add Victim
+        </button>
+        <button
+          mat-stroked-button
+          class="smart-add-button"
+          *ngIf="isIntake"
+          color="primary"
+          accessControl
+          [accessControlConfig]="updateAccessControlConfig"
+          (click)="saveIntake()">
+          Continue
+        </button>
+      </div>
+      <div *ngIf="victimListDataSource.data.length > 0">
+        <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" >
+                        Home phone: {{formatPhoneNumber(row.homePhone)}}<br>
+                        Cell Phone: {{formatPhoneNumber(row.cellPhone)}}<br>
+                        Work Phone: {{formatPhoneNumber(row.workPhone)}}
+
+                    </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-stroked-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-stroked-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>
+      </div>
+    </mat-card>
+    <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();
+  });
+});