@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.
@@ -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
- <div class="row" >
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> &nbsp;&nbsp;</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-raised-button color="primary" (click)="savePlanProvider(serviceType.victimServiceTypeId ,providerId)">Add Provider</button>
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-raised-button color="primary" (click)="deleteProvider(serviceprovider.victimServiceDetailId)">Delete</button> <br> -->
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-raised-button color="primary" (click)="deleteProvider(serviceprovider.victimServiceDetailId)">Delete</button>
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-raised-button color="primary" (click)="saveSafetyPlan()" [disabled]="!spForm.valid">Save</button>
202
- <!-- &nbsp;&nbsp;<button mat-raised-button color="primary" (click)="commondialogRef.close()">Cancel</button> -->
203
- &nbsp;&nbsp;<button mat-raised-button color="primary" (click)="back()">Back</button>
204
- </div>
205
- </div>
201
+ <button mat-stroked-button color="primary" (click)="saveSafetyPlan()" [disabled]="!spForm.valid">Save</button>
202
+ <!-- &nbsp;&nbsp;<button mat-stroked-button color="primary" (click)="commondialogRef.close()">Cancel</button> -->
203
+ &nbsp;&nbsp;<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
- ></mat-slider>
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-raised-button color="primary" (click)="saveVictim()" [disabled]="!victimForm.valid" >Save </button>
802
+ <button mat-stroked-button color="primary" (click)="saveVictim()" [disabled]="!victimForm.valid" >Save </button>
803
803
  </div>
804
804
  &nbsp;&nbsp;
805
805
  <div *ngIf="showDelete" class="inner">
806
- <button mat-raised-button color="primary" (click)="deleteVictim()">Delete </button>
806
+ <button mat-stroked-button color="primary" (click)="deleteVictim()">Delete </button>
807
807
  </div>
808
808
  &nbsp;&nbsp;
809
809
  <div class="inner">
810
- <button mat-raised-button color="primary" (click)="cancel()">Clear </button>
810
+ <button mat-stroked-button color="primary" (click)="cancel()">Clear </button>
811
811
  </div>
812
812
  &nbsp;&nbsp;
813
- <button mat-raised-button color="primary" (click)="back()">Back</button>
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-raised-button color="primary" (click)="addContact()" >Add victim contact</button>
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' ) && y.relationship !== 'AY'
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
+ }