@csmart/ngc-smart-victim 1.18.8 → 1.18.9
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +1 -1
- package/src/lib/caseNote/caseNote.component.css +2 -0
- package/src/lib/caseNote/caseNote.component.html +53 -53
- package/src/lib/common-dialog/common-dialog.component.html +9 -9
- package/src/lib/contact/contact.component.css +2 -0
- package/src/lib/contact/contact.component.html +39 -39
- package/src/lib/safetyPlan/serviceProvider.component.ts +18 -18
- package/src/lib/safetyPlan/victimSafetyPlan.component.css +1 -1
- package/src/lib/safetyPlan/victimSafetyPlan.component.html +17 -17
- package/src/lib/safetyPlan/victimSafetyPlanDetail.component.html +84 -84
- package/src/lib/smart-victim-detail/smart-victim-detail.component.html +6 -6
- package/src/lib/smart-victim-detail/smart-victim-detail.component.ts +5 -2
- package/src/lib/smart-victim.component.css +55 -2
- package/src/lib/smart-victim.component.html +101 -107
- package/src/lib/smart-victim.component.ts +9 -5
- package/src/lib/smart-victim.service.ts +1 -1
- package/src/lib/victimSearch/victimSearchForm.component.html +4 -4
- package/src/test.ts +0 -6
- package/tsconfig.lib.json +0 -1
@@ -1,69 +1,69 @@
|
|
1
1
|
<mat-card>
|
2
2
|
<mat-card-header>
|
3
|
-
|
3
|
+
|
4
4
|
</mat-card-header>
|
5
5
|
<mat-card-content>
|
6
6
|
<mat-toolbar color="primary">
|
7
7
|
<h4 class="card-header" style="display: inline-block;">Safety Plan</h4>
|
8
8
|
</mat-toolbar>
|
9
|
-
|
10
|
-
|
9
|
+
|
10
|
+
|
11
11
|
<div class='container'>
|
12
12
|
<form [formGroup]="spForm" #spDetailForm="ngForm" >
|
13
|
-
|
14
|
-
|
13
|
+
|
14
|
+
|
15
15
|
<div class="row" ><b>Victim Name:</b> {{victimName}} </div>
|
16
|
-
|
17
16
|
|
18
|
-
|
17
|
+
|
18
|
+
<div class="row" >
|
19
19
|
<mat-form-field >
|
20
20
|
<mat-label>Goal:</mat-label>
|
21
21
|
<input matInput formControlName="serviceGoal" [(ngModel)]="editSafetyPlan.goal" >
|
22
22
|
</mat-form-field>
|
23
|
-
|
23
|
+
|
24
24
|
</div>
|
25
|
-
|
26
|
-
<div class="row">
|
25
|
+
|
26
|
+
<div class="row">
|
27
27
|
<mat-form-field>
|
28
28
|
<mat-label>Goal Status:</mat-label>
|
29
29
|
<mat-select formControlName="goalStatus" [(ngModel)]="editSafetyPlan.victimServiceStatusId" >
|
30
30
|
<mat-option *ngFor=" let victimServiceStatu of victimServiceStatus" [value]="victimServiceStatu.victimServiceStatusId" >{{victimServiceStatu.name}}</mat-option>
|
31
|
-
</mat-select>
|
31
|
+
</mat-select>
|
32
32
|
</mat-form-field>
|
33
33
|
</div>
|
34
|
-
|
35
|
-
|
36
|
-
<div class="row">
|
37
|
-
|
34
|
+
|
35
|
+
|
36
|
+
<div class="row">
|
37
|
+
|
38
38
|
<mat-form-field>
|
39
39
|
<mat-label>Goal Status Date:</mat-label>
|
40
|
-
<input matInput
|
41
|
-
formControlName="goalStatusDate"
|
42
|
-
[matDatepicker]="goalStatusDate"
|
43
|
-
placeholder="Choose a date" [(ngModel)]="editSafetyPlan.startDate"
|
44
|
-
(click)="goalStatusDate.open()"
|
40
|
+
<input matInput
|
41
|
+
formControlName="goalStatusDate"
|
42
|
+
[matDatepicker]="goalStatusDate"
|
43
|
+
placeholder="Choose a date" [(ngModel)]="editSafetyPlan.startDate"
|
44
|
+
(click)="goalStatusDate.open()"
|
45
45
|
>
|
46
|
-
|
46
|
+
|
47
47
|
<mat-datepicker-toggle matSuffix [for]="goalStatusDate"></mat-datepicker-toggle>
|
48
|
-
<mat-datepicker #goalStatusDate></mat-datepicker>
|
49
|
-
</mat-form-field>
|
48
|
+
<mat-datepicker #goalStatusDate></mat-datepicker>
|
49
|
+
</mat-form-field>
|
50
50
|
|
51
51
|
|
52
|
-
<div class="help-block"
|
53
|
-
*ngIf="spForm.get('goalStatusDate').hasError('date')
|
52
|
+
<div class="help-block"
|
53
|
+
*ngIf="spForm.get('goalStatusDate').hasError('date')
|
54
54
|
&& (spForm.get('goalStatusDate').dirty || spForm.get('goalStatusDate').touched)">
|
55
55
|
<mat-error>Future Date is <strong>not allowed</strong> for goal status date</mat-error>
|
56
56
|
</div>
|
57
57
|
</div>
|
58
58
|
|
59
|
-
|
60
|
-
<div class="row" >
|
59
|
+
|
60
|
+
<div class="row" >
|
61
61
|
<!-- <mat-form-field style="width: 200px;"> -->
|
62
|
-
<!-- <mat-label>Comment:</mat-label>
|
63
|
-
<textarea mdInput
|
62
|
+
<!-- <mat-label>Comment:</mat-label>
|
63
|
+
<textarea mdInput
|
64
64
|
class="textarea-content"
|
65
65
|
[(ngModel)]="editSafetyPlan.comment"
|
66
|
-
formControlName="comment"
|
66
|
+
formControlName="comment"
|
67
67
|
cdkTextareaAutosize
|
68
68
|
#autosize="cdkTextareaAutosize"
|
69
69
|
cdkAutosizeMinRows="8"
|
@@ -76,136 +76,136 @@
|
|
76
76
|
|
77
77
|
<mat-form-field style="width: 400px;">
|
78
78
|
<mat-label>Comment:</mat-label>
|
79
|
-
<textarea
|
79
|
+
<textarea
|
80
80
|
class="textarea-content"
|
81
|
-
matInput
|
82
|
-
placeholder=""
|
83
|
-
formControlName="comment"
|
81
|
+
matInput
|
82
|
+
placeholder=""
|
83
|
+
formControlName="comment"
|
84
84
|
[(ngModel)]="editSafetyPlan.comment"
|
85
85
|
cdkTextareaAutosize
|
86
86
|
#autosize="cdkTextareaAutosize"
|
87
87
|
cdkAutosizeMinRows="8"
|
88
88
|
cdkAutosizeMaxRows="12">
|
89
|
-
</textarea>
|
89
|
+
</textarea>
|
90
|
+
|
90
91
|
|
91
|
-
|
92
92
|
</mat-form-field>
|
93
93
|
|
94
94
|
</div>
|
95
95
|
|
96
96
|
</form>
|
97
97
|
</div><!--end form-->
|
98
|
-
|
99
|
-
|
98
|
+
|
99
|
+
|
100
100
|
<br>
|
101
101
|
|
102
102
|
<div class="row"><b>Need and provider:</b><br> (click on a check box to select provider information)
|
103
|
-
|
103
|
+
|
104
104
|
<mat-list>
|
105
105
|
<mat-list-item *ngFor="let serviceType of victimServiceTypes; let i=index" >
|
106
106
|
<mat-checkbox class="example-margin" name="victimService" color ="primary" [checked]="evaluateSelection(serviceType.victimServiceTypeId)" (change)="isInArray(serviceType.victimServiceTypeId,serviceType.name, $event);" > {{serviceType.name}}</mat-checkbox>
|
107
107
|
<div> </div>
|
108
108
|
<div *ngFor="let provider of providerListCollection; let pi = index" >
|
109
109
|
<!-- <div *ngIf="provider.isDisplay && serviceType.victimServiceTypeId == provider.groupId " class="Row">
|
110
|
-
|
110
|
+
|
111
111
|
<div class="serviceSelect"> -->
|
112
112
|
<!-- <mat-form-field> -->
|
113
113
|
<!-- <mat-select name="provider" id="provider.groupId" [(ngModel)]="providerId" > -->
|
114
|
-
<!-- <mat-select name="provider" id="provider.groupId" [(value)]="providerId" >
|
114
|
+
<!-- <mat-select name="provider" id="provider.groupId" [(value)]="providerId" >
|
115
115
|
<mat-option *ngFor=" let providerOption of provider.collection" [value]="providerOption.victimProgramProviderId" >{{providerOption.victimProgramProvider}}</mat-option>
|
116
116
|
</mat-select> -->
|
117
117
|
<!-- </mat-form-field> -->
|
118
|
-
|
118
|
+
|
119
119
|
<!-- </div>
|
120
120
|
|
121
121
|
<div class="serviceButton">
|
122
|
-
<button mat-
|
122
|
+
<button mat-stroked-button color="primary" (click)="savePlanProvider(serviceType.victimServiceTypeId ,providerId)">Add Provider</button>
|
123
123
|
</div>
|
124
124
|
</div> -->
|
125
125
|
</div>
|
126
126
|
<div *ngFor=" let serviceprovider of editSafetyPlan.vVictimServiceDetails" >
|
127
|
-
|
127
|
+
|
128
128
|
<div *ngIf="serviceType.victimServiceTypeId===serviceprovider.victimServiceTypeId" class="Row" >
|
129
|
-
<!-- . {{ serviceprovider.victimProgramProvider}}<button mat-
|
129
|
+
<!-- . {{ serviceprovider.victimProgramProvider}}<button mat-stroked-button color="primary" (click)="deleteProvider(serviceprovider.victimServiceDetailId)">Delete</button> <br> -->
|
130
130
|
<div class="serviceSelect" >
|
131
131
|
. {{ serviceprovider.victimProgramProvider}}
|
132
132
|
</div>
|
133
133
|
<div class="serviceButton">
|
134
|
-
<button mat-
|
134
|
+
<button mat-stroked-button color="primary" (click)="deleteProvider(serviceprovider.victimServiceDetailId)">Delete</button>
|
135
135
|
</div>
|
136
|
-
|
136
|
+
|
137
137
|
</div>
|
138
|
-
|
138
|
+
|
139
139
|
</div>
|
140
|
-
|
141
|
-
</mat-list-item>
|
142
|
-
|
140
|
+
|
141
|
+
</mat-list-item>
|
142
|
+
|
143
143
|
</mat-list>
|
144
144
|
</div>
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
145
|
|
150
146
|
|
151
147
|
|
152
148
|
|
153
149
|
|
154
150
|
|
155
|
-
|
156
|
-
|
151
|
+
|
152
|
+
|
153
|
+
|
154
|
+
|
155
|
+
|
156
|
+
|
157
157
|
<!-- <div class='row' >
|
158
158
|
<div class='col-md-5 desc-label'><b>Victim Name:</b> {{victimName}} </div>
|
159
|
-
<div class='col-md-7'>
|
160
|
-
|
161
|
-
</div>
|
159
|
+
<div class='col-md-7'>
|
160
|
+
|
161
|
+
</div>
|
162
162
|
</div> -->
|
163
163
|
<!-- <div class='row' >
|
164
164
|
<div class='col-md-5 desc-label'><b>Goal:<font color="red">*</font></b></div>
|
165
|
-
<div class='col-md-7'>
|
165
|
+
<div class='col-md-7'>
|
166
166
|
<mat-form-field >
|
167
167
|
<input matInput name="serviceGoal" [(ngModel)]="editSafetyPlan.goal" required placeholder="">
|
168
168
|
</mat-form-field>
|
169
|
-
</div>
|
169
|
+
</div>
|
170
170
|
</div>
|
171
171
|
|
172
172
|
<div class='row' >
|
173
173
|
<div class='col-md-5 desc-label'><b>Goal Status:<font color="red">*</font></b></div>
|
174
|
-
<div class='col-md-7'>
|
174
|
+
<div class='col-md-7'>
|
175
175
|
<mat-select name="goalStatus" [style.width]="'50%'" [(ngModel)]="editSafetyPlan.victimServiceStatusId" required>
|
176
176
|
<mat-option *ngFor=" let victimServiceStatu of victimServiceStatus" [value]="victimServiceStatu.victimServiceStatusId" >{{victimServiceStatu.name}}</mat-option>
|
177
177
|
</mat-select>
|
178
|
-
</div>
|
178
|
+
</div>
|
179
179
|
</div>
|
180
|
-
|
180
|
+
|
181
181
|
<div class='row' >
|
182
182
|
<div class='col-md-5 desc-label'><b>Goal Status Date:<font color="red">*</font></b></div>
|
183
|
-
<div class='col-md-7'>
|
183
|
+
<div class='col-md-7'>
|
184
184
|
<input matInput name="goalStatusDate" [matDatepicker]="goalStatusDate" placeholder="Choose a date" [(ngModel)]="editSafetyPlan.startDate" required>
|
185
185
|
<mat-datepicker-toggle matSuffix [for]="goalStatusDate"></mat-datepicker-toggle>
|
186
|
-
<mat-datepicker #goalStatusDate></mat-datepicker>
|
187
|
-
</div>
|
186
|
+
<mat-datepicker #goalStatusDate></mat-datepicker>
|
187
|
+
</div>
|
188
188
|
</div>
|
189
|
-
|
189
|
+
|
190
190
|
<div class='row' >
|
191
191
|
<div class='col-md-5 desc-label'><b>Comment:</b></div>
|
192
|
-
<div class='col-md-7'>
|
193
|
-
<textarea mdInput placeholder="" rows="10" cols="50" name="comment" [(ngModel)]="editSafetyPlan.comment"></textarea>
|
194
|
-
</div>
|
192
|
+
<div class='col-md-7'>
|
193
|
+
<textarea mdInput placeholder="" rows="10" cols="50" name="comment" [(ngModel)]="editSafetyPlan.comment"></textarea>
|
194
|
+
</div>
|
195
195
|
</div> -->
|
196
196
|
|
197
|
-
|
197
|
+
|
198
198
|
<div class='row' >
|
199
199
|
<div class='col-md-12 text-center'>
|
200
200
|
<!-- <button type="button" class="btn btn-default btn-small" (click)="print()">Print</button> -->
|
201
|
-
<button mat-
|
202
|
-
<!-- <button mat-
|
203
|
-
<button mat-
|
204
|
-
</div>
|
205
|
-
</div>
|
201
|
+
<button mat-stroked-button color="primary" (click)="saveSafetyPlan()" [disabled]="!spForm.valid">Save</button>
|
202
|
+
<!-- <button mat-stroked-button color="primary" (click)="commondialogRef.close()">Cancel</button> -->
|
203
|
+
<button mat-stroked-button color="primary" (click)="back()">Back</button>
|
204
|
+
</div>
|
205
|
+
</div>
|
206
206
|
|
207
207
|
<!--status hisotry-->
|
208
|
-
|
208
|
+
|
209
209
|
<mat-table #table [dataSource]="victimServiceStatusHistoriesDataSource" class="example-table">
|
210
210
|
<ng-container matColumnDef="startDate">
|
211
211
|
<mat-header-cell *matHeaderCellDef class="example-header-cell">Start Date</mat-header-cell>
|
@@ -217,8 +217,8 @@
|
|
217
217
|
<mat-header-cell *matHeaderCellDef class="example-header-cell">Status</mat-header-cell>
|
218
218
|
<mat-cell *matCellDef="let row" class="example-cell"> {{row.victimServiceStatusId}} </mat-cell>
|
219
219
|
</ng-container>
|
220
|
-
|
221
|
-
|
220
|
+
|
221
|
+
|
222
222
|
<ng-container matColumnDef="comment">
|
223
223
|
<mat-header-cell *matHeaderCellDef class="example-header-cell">Comment</mat-header-cell>
|
224
224
|
<mat-cell *matCellDef="let row" class="example-cell"> {{row.comment}} </mat-cell>
|
@@ -227,8 +227,8 @@
|
|
227
227
|
<mat-row *matRowDef="let row; columns:[ 'startDate', 'victimServiceStatusId', 'comment'];" class="example-row"></mat-row>
|
228
228
|
</mat-table>
|
229
229
|
|
230
|
-
|
231
|
-
|
230
|
+
|
231
|
+
|
232
232
|
|
233
233
|
</mat-card-content>
|
234
|
-
</mat-card>
|
234
|
+
</mat-card>
|
@@ -392,7 +392,7 @@
|
|
392
392
|
min="1"
|
393
393
|
max="10"
|
394
394
|
[(ngModel)]="editVictim.accessRisk"
|
395
|
-
|
395
|
+
><input matSliderThumb /></mat-slider>
|
396
396
|
|
397
397
|
</div>
|
398
398
|
|
@@ -799,18 +799,18 @@
|
|
799
799
|
</div>
|
800
800
|
|
801
801
|
<div class="inner">
|
802
|
-
<button mat-
|
802
|
+
<button mat-stroked-button color="primary" (click)="saveVictim()" [disabled]="!victimForm.valid" >Save </button>
|
803
803
|
</div>
|
804
804
|
|
805
805
|
<div *ngIf="showDelete" class="inner">
|
806
|
-
<button mat-
|
806
|
+
<button mat-stroked-button color="primary" (click)="deleteVictim()">Delete </button>
|
807
807
|
</div>
|
808
808
|
|
809
809
|
<div class="inner">
|
810
|
-
<button mat-
|
810
|
+
<button mat-stroked-button color="primary" (click)="cancel()">Clear </button>
|
811
811
|
</div>
|
812
812
|
|
813
|
-
<button mat-
|
813
|
+
<button mat-stroked-button color="primary" (click)="back()">Back</button>
|
814
814
|
|
815
815
|
</div>
|
816
816
|
|
@@ -819,7 +819,7 @@
|
|
819
819
|
<br>
|
820
820
|
|
821
821
|
<div align="right">
|
822
|
-
<button mat-
|
822
|
+
<button mat-stroked-button color="primary" (click)="addContact()" >Add victim contact</button>
|
823
823
|
</div>
|
824
824
|
|
825
825
|
<div>
|
@@ -596,13 +596,16 @@ export class SmartVictimDetailComponent implements OnInit, OnChanges {
|
|
596
596
|
);
|
597
597
|
this.victimService.getRelationshipTypes().subscribe(
|
598
598
|
(items: any) => {
|
599
|
-
this.relationshipTypes = items.filter( (y) => ((y.relationshipCategoryId === 'ST' || y.relationshipCategoryId === 'FM' )
|
599
|
+
this.relationshipTypes = items.filter( (y) => ((y.relationshipCategoryId === 'ST' || y.relationshipCategoryId === 'FM' )
|
600
|
+
&& y.relationship !== 'AY'
|
600
601
|
&& y.relationship !== 'VT'
|
601
602
|
&& y.relationship !== 'CME'
|
602
603
|
&& y.relationship !== 'HH'
|
603
604
|
&& y.relationship !== 'NC'
|
604
605
|
&& y.relationship !== 'CL'
|
605
|
-
&& y.relationship !== 'OP'
|
606
|
+
&& y.relationship !== 'OP'
|
607
|
+
|
608
|
+
));
|
606
609
|
}
|
607
610
|
);
|
608
611
|
this.victimService.getSupportTypes().subscribe(
|
@@ -43,6 +43,7 @@ div.services {
|
|
43
43
|
.main-container{
|
44
44
|
display: flex;
|
45
45
|
margin-top: 8px;
|
46
|
+
flex-direction: column;
|
46
47
|
}
|
47
48
|
|
48
49
|
.add-action{
|
@@ -81,7 +82,7 @@ mat-form-field {
|
|
81
82
|
.Column
|
82
83
|
{
|
83
84
|
display: table-cell;
|
84
|
-
|
85
|
+
|
85
86
|
}
|
86
87
|
|
87
88
|
.sp-form textarea {
|
@@ -189,4 +190,56 @@ mat-form-field {
|
|
189
190
|
-moz-hyphens: auto;
|
190
191
|
-webkit-hyphens: auto;
|
191
192
|
hyphens: auto;
|
192
|
-
}
|
193
|
+
}
|
194
|
+
|
195
|
+
.smart-card{
|
196
|
+
background-color: var(--mdc-elevated-card-container-color);
|
197
|
+
border: 1px solid #ccc;
|
198
|
+
border-radius: 8px;
|
199
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
200
|
+
padding: 16px 0px 16px 2px;
|
201
|
+
width: 100%;
|
202
|
+
}
|
203
|
+
|
204
|
+
.smart-card-header{
|
205
|
+
display: flex;
|
206
|
+
flex-direction: column;
|
207
|
+
align-items:start;
|
208
|
+
}
|
209
|
+
|
210
|
+
.smart-label{
|
211
|
+
font-size: 16px !important;
|
212
|
+
}
|
213
|
+
|
214
|
+
.smart-card-table{
|
215
|
+
margin: 16px 0px;
|
216
|
+
}
|
217
|
+
|
218
|
+
.smart-flex-container {
|
219
|
+
display: flex !important;
|
220
|
+
justify-content: space-between;
|
221
|
+
flex-wrap: wrap;
|
222
|
+
}
|
223
|
+
|
224
|
+
.smart-action-content{
|
225
|
+
display: flex;
|
226
|
+
justify-content: flex-end;
|
227
|
+
margin: 12px;
|
228
|
+
}
|
229
|
+
|
230
|
+
.smart-button{
|
231
|
+
margin: 0px 4px;
|
232
|
+
}
|
233
|
+
|
234
|
+
.smart-add-button{
|
235
|
+
margin: 0px 4px;
|
236
|
+
font-size: 1.25em !important;
|
237
|
+
}
|
238
|
+
|
239
|
+
.material-icons {
|
240
|
+
vertical-align: baseline !important;
|
241
|
+
}
|
242
|
+
|
243
|
+
.smart-paginator{
|
244
|
+
display: flex !important;
|
245
|
+
}
|