@csmart/ngc-smart-victim 1.18.8 → 1.18.12
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 +20 -13
- package/src/lib/smart-victim-detail/smart-victim-detail.component.ts +99 -14
- 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.model.ts +14 -4
- package/src/lib/smart-victim.service.ts +20 -1
- package/src/lib/victim-routing.module.ts +9 -8
- package/src/lib/victimSearch/victimSearchForm.component.html +4 -4
- package/src/test.ts +0 -6
- package/tsconfig.lib.json +0 -1
package/package.json
CHANGED
|
@@ -8,10 +8,12 @@
|
|
|
8
8
|
justify-items: stretch;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
|
|
11
12
|
.mat-select-content{
|
|
12
13
|
width:300px;
|
|
13
14
|
}
|
|
14
15
|
|
|
16
|
+
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
|
|
15
17
|
.mat-select-inner{
|
|
16
18
|
width:290px;
|
|
17
19
|
}
|
|
@@ -4,57 +4,57 @@
|
|
|
4
4
|
|
|
5
5
|
</mat-card-header>
|
|
6
6
|
<mat-card-content>
|
|
7
|
-
|
|
7
|
+
|
|
8
8
|
<mat-toolbar color="primary">
|
|
9
9
|
<h4 class="card-header" >Case Note</h4>
|
|
10
10
|
</mat-toolbar>
|
|
11
11
|
<br>
|
|
12
12
|
<div class="row" >
|
|
13
13
|
<div [hidden]="hiddenAddNewFlag">
|
|
14
|
-
<button mat-
|
|
14
|
+
<button mat-stroked-button color="primary" (click)="onAddNew()" [disabled]="addDisableFlag">Add Case Note</button>
|
|
15
15
|
|
|
16
|
-
<button mat-
|
|
16
|
+
<button mat-stroked-button color="primary" (click)="back()">Back</button>
|
|
17
17
|
</div>
|
|
18
18
|
</div>
|
|
19
19
|
|
|
20
20
|
<div [hidden]="hiddenDetailFlag" >
|
|
21
|
-
<mat-card
|
|
22
|
-
<div class='container'>
|
|
21
|
+
<mat-card>
|
|
22
|
+
<div class='container'>
|
|
23
23
|
<form [formGroup]="caseNoteForm" #caseNoteDetailForm="ngForm" >
|
|
24
|
-
|
|
24
|
+
|
|
25
25
|
<div>
|
|
26
26
|
<mat-label>Victim Name:</mat-label>
|
|
27
|
-
{{victimName}}
|
|
27
|
+
{{victimName}}
|
|
28
28
|
</div>
|
|
29
|
-
|
|
30
29
|
|
|
31
|
-
|
|
30
|
+
|
|
31
|
+
<div>
|
|
32
32
|
<mat-form-field>
|
|
33
33
|
<mat-label>Date of Case Note: </mat-label>
|
|
34
|
-
<input matInput formControlName="caseNoteDate"
|
|
35
|
-
(click)="caseNoteDate.open()"
|
|
36
|
-
[matDatepicker]="caseNoteDate"
|
|
37
|
-
placeholder="Choose a start date"
|
|
34
|
+
<input matInput formControlName="caseNoteDate"
|
|
35
|
+
(click)="caseNoteDate.open()"
|
|
36
|
+
[matDatepicker]="caseNoteDate"
|
|
37
|
+
placeholder="Choose a start date"
|
|
38
38
|
[(ngModel)]="editCaseNote.caseNoteDate" required>
|
|
39
39
|
<mat-datepicker-toggle matSuffix [for]="caseNoteDate"></mat-datepicker-toggle>
|
|
40
40
|
<mat-datepicker #caseNoteDate></mat-datepicker>
|
|
41
41
|
|
|
42
|
-
<div class="help-block" *ngIf="caseNoteForm.get('caseNoteDate').errors
|
|
42
|
+
<div class="help-block" *ngIf="caseNoteForm.get('caseNoteDate').errors
|
|
43
43
|
&& (caseNoteForm.get('caseNoteDate').dirty || caseNoteForm.get('caseNoteDate').touched)">
|
|
44
44
|
<mat-error>case note date is <strong>required</strong></mat-error>
|
|
45
|
-
</div>
|
|
45
|
+
</div>
|
|
46
46
|
|
|
47
|
-
<div class="help-block"
|
|
48
|
-
*ngIf="caseNoteForm.get('caseNoteDate').hasError('date')
|
|
47
|
+
<div class="help-block"
|
|
48
|
+
*ngIf="caseNoteForm.get('caseNoteDate').hasError('date')
|
|
49
49
|
&& (caseNoteForm.get('caseNoteDate').dirty || caseNoteForm.get('caseNoteDate').touched)">
|
|
50
50
|
<mat-error>future case note Date is <strong>not allowed</strong></mat-error>
|
|
51
51
|
</div>
|
|
52
52
|
|
|
53
53
|
</mat-form-field>
|
|
54
54
|
|
|
55
|
-
</div>
|
|
56
|
-
|
|
57
|
-
|
|
55
|
+
</div>
|
|
56
|
+
|
|
57
|
+
|
|
58
58
|
|
|
59
59
|
<div>
|
|
60
60
|
<mat-form-field>
|
|
@@ -63,61 +63,61 @@
|
|
|
63
63
|
<mat-option *ngFor=" let contactType of contactTypes" [value]="contactType.contactTypeId" >{{contactType.name}}</mat-option>
|
|
64
64
|
</mat-select>
|
|
65
65
|
|
|
66
|
-
<div class="help-block" *ngIf="caseNoteForm.get('contactType').errors
|
|
66
|
+
<div class="help-block" *ngIf="caseNoteForm.get('contactType').errors
|
|
67
67
|
&& (caseNoteForm.get('contactType').dirty || caseNoteForm.get('contactType').touched)">
|
|
68
68
|
<mat-error>comment is <strong>required</strong></mat-error>
|
|
69
|
-
</div>
|
|
69
|
+
</div>
|
|
70
70
|
</mat-form-field>
|
|
71
71
|
</div>
|
|
72
|
-
|
|
73
|
-
<div>
|
|
72
|
+
|
|
73
|
+
<div>
|
|
74
74
|
<mat-form-field class="mat-select-content">
|
|
75
75
|
<mat-label>Contact Purpose:</mat-label>
|
|
76
76
|
<mat-select formControlName="contactPurpose" required [(ngModel)]="editCaseNote.victimContactPurposeId" class="mat-select-inner">
|
|
77
77
|
<mat-option *ngFor=" let contactPurpose of contactPurposes" [value]="contactPurpose.victimContactPurposeId" >{{contactPurpose.name}}</mat-option>
|
|
78
78
|
</mat-select>
|
|
79
79
|
|
|
80
|
-
<div class="help-block" *ngIf="caseNoteForm.get('contactPurpose').errors
|
|
80
|
+
<div class="help-block" *ngIf="caseNoteForm.get('contactPurpose').errors
|
|
81
81
|
&& (caseNoteForm.get('contactPurpose').dirty || caseNoteForm.get('contactPurpose').touched)">
|
|
82
82
|
<mat-error>comment is <strong>required</strong></mat-error>
|
|
83
|
-
</div>
|
|
84
|
-
|
|
83
|
+
</div>
|
|
84
|
+
|
|
85
85
|
</mat-form-field>
|
|
86
|
-
</div>
|
|
87
|
-
|
|
86
|
+
</div>
|
|
87
|
+
|
|
88
88
|
<div>
|
|
89
89
|
|
|
90
90
|
<mat-form-field style="width: 400px;">
|
|
91
91
|
<mat-label>Comment:</mat-label>
|
|
92
|
-
<textarea
|
|
92
|
+
<textarea
|
|
93
93
|
class="textarea-content"
|
|
94
|
-
matInput
|
|
95
|
-
placeholder=""
|
|
96
|
-
required formControlName="comment"
|
|
94
|
+
matInput
|
|
95
|
+
placeholder=""
|
|
96
|
+
required formControlName="comment"
|
|
97
97
|
[(ngModel)]="editCaseNote.comment"
|
|
98
98
|
cdkTextareaAutosize
|
|
99
99
|
#autosize="cdkTextareaAutosize"
|
|
100
100
|
cdkAutosizeMinRows="8"
|
|
101
101
|
cdkAutosizeMaxRows="12">
|
|
102
|
-
</textarea>
|
|
102
|
+
</textarea>
|
|
103
103
|
|
|
104
|
-
<div class="help-block" *ngIf="caseNoteForm.get('comment').errors
|
|
104
|
+
<div class="help-block" *ngIf="caseNoteForm.get('comment').errors
|
|
105
105
|
&& (caseNoteForm.get('comment').dirty || caseNoteForm.get('comment').touched)">
|
|
106
106
|
<mat-error>comment is <strong>required</strong></mat-error>
|
|
107
|
-
</div>
|
|
107
|
+
</div>
|
|
108
108
|
</mat-form-field>
|
|
109
109
|
</div>
|
|
110
|
-
|
|
110
|
+
|
|
111
111
|
<div>
|
|
112
|
-
<button mat-
|
|
112
|
+
<button mat-stroked-button color="primary" (click)="saveCaseNote()" [disabled]="!caseNoteDetailForm.form.valid" >Save</button>
|
|
113
113
|
|
|
114
|
-
<button mat-
|
|
114
|
+
<button mat-stroked-button color="primary" (click)="hiddenDetailFlag = true;addDisableFlag = false; this.hiddenAddNewFlag = false;">Cancel</button>
|
|
115
115
|
</div>
|
|
116
116
|
|
|
117
117
|
</form>
|
|
118
118
|
</div>
|
|
119
119
|
</mat-card>
|
|
120
|
-
|
|
120
|
+
|
|
121
121
|
</div>
|
|
122
122
|
<br>
|
|
123
123
|
<mat-table #table [dataSource]="caseNoteDataSource" class="example-table">
|
|
@@ -131,8 +131,8 @@
|
|
|
131
131
|
<mat-header-cell *matHeaderCellDef class="example-header-cell">Contact Type</mat-header-cell>
|
|
132
132
|
<mat-cell *matCellDef="let row" class="example-cell"> {{row.contactType}} </mat-cell>
|
|
133
133
|
</ng-container>
|
|
134
|
-
|
|
135
|
-
|
|
134
|
+
|
|
135
|
+
|
|
136
136
|
<ng-container matColumnDef="contactPurpose">
|
|
137
137
|
<mat-header-cell *matHeaderCellDef class="example-header-cell">Contact Purpose</mat-header-cell>
|
|
138
138
|
<mat-cell *matCellDef="let row" class="example-cell"> {{row.contactPurpose}} </mat-cell>
|
|
@@ -145,23 +145,23 @@
|
|
|
145
145
|
<ng-container matColumnDef="victimCaseNoteId">
|
|
146
146
|
<mat-header-cell *matHeaderCellDef class="example-header-cell"></mat-header-cell>
|
|
147
147
|
<mat-cell *matCellDef="let row" class="example-cell">
|
|
148
|
-
|
|
149
|
-
<button
|
|
150
|
-
class="sac-cso-read sac-vsp-read"
|
|
151
|
-
mat-icon-button
|
|
152
|
-
color="primary"
|
|
153
|
-
matTooltip="Edit Case Note"
|
|
148
|
+
|
|
149
|
+
<button
|
|
150
|
+
class="sac-cso-read sac-vsp-read"
|
|
151
|
+
mat-icon-button
|
|
152
|
+
color="primary"
|
|
153
|
+
matTooltip="Edit Case Note"
|
|
154
154
|
(click)="onEditCaseNote(row.victimCaseNoteId)">
|
|
155
155
|
<i class="material-icons">mode_edit</i>
|
|
156
156
|
</button>
|
|
157
157
|
|
|
158
158
|
|
|
159
|
-
|
|
160
|
-
|
|
159
|
+
|
|
160
|
+
|
|
161
161
|
|
|
162
162
|
<button
|
|
163
163
|
class="sac-vsp-read"
|
|
164
|
-
matTooltip="Delete Case Note"
|
|
164
|
+
matTooltip="Delete Case Note"
|
|
165
165
|
mat-icon-button
|
|
166
166
|
color="primary"
|
|
167
167
|
(click)="onDeleteCaseNote(row.victimCaseNoteId)">
|
|
@@ -173,7 +173,7 @@
|
|
|
173
173
|
|
|
174
174
|
</mat-cell>
|
|
175
175
|
</ng-container>
|
|
176
|
-
|
|
176
|
+
|
|
177
177
|
<mat-header-row *matHeaderRowDef="['caseNoteDate', 'contactType', 'contactPurpose', 'comment', 'victimCaseNoteId']" class="example-header-row"></mat-header-row>
|
|
178
178
|
<mat-row *matRowDef="let row; columns:['caseNoteDate', 'contactType', 'contactPurpose', 'comment', 'victimCaseNoteId'];" class="example-row"></mat-row>
|
|
179
179
|
</mat-table>
|
|
@@ -185,4 +185,4 @@
|
|
|
185
185
|
|
|
186
186
|
|
|
187
187
|
</mat-card-content>
|
|
188
|
-
</mat-card>
|
|
188
|
+
</mat-card>
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
3
|
-
<mat-card class="example-card">
|
|
2
|
+
|
|
3
|
+
<mat-card class="example-card">
|
|
4
4
|
<mat-card-content>
|
|
5
5
|
<p>{{ title }}</p>
|
|
6
6
|
<p>{{ message }}</p>
|
|
7
7
|
<br>
|
|
8
8
|
|
|
9
9
|
<div class="inner">
|
|
10
|
-
<button type="button" mat-
|
|
10
|
+
<button type="button" mat-stroked-button color="primary"
|
|
11
11
|
(click)="commondialogRef.close(true)">{{cmdYesTitle}}</button>
|
|
12
12
|
</div>
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
|
|
15
15
|
<div *ngIf="cmdYesTitle!=='Ok'" class="inner">
|
|
16
|
-
<button type="button" mat-
|
|
16
|
+
<button type="button" mat-stroked-button color="primary"
|
|
17
17
|
(click)="commondialogRef.close()">{{cmdNoTitle}}</button>
|
|
18
|
-
|
|
18
|
+
|
|
19
19
|
</div>
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
|
|
21
|
+
|
|
22
22
|
</mat-card-content>
|
|
23
|
-
</mat-card>
|
|
23
|
+
</mat-card>
|
|
@@ -11,10 +11,12 @@ mat-form-field {
|
|
|
11
11
|
justify-items: stretch;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
+
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
|
|
14
15
|
.mat-select-content{
|
|
15
16
|
width:300px;
|
|
16
17
|
}
|
|
17
18
|
|
|
19
|
+
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
|
|
18
20
|
.mat-select-inner{
|
|
19
21
|
width:290px;
|
|
20
22
|
}
|
|
@@ -4,27 +4,27 @@
|
|
|
4
4
|
|
|
5
5
|
</mat-card-header>
|
|
6
6
|
<mat-card-content>
|
|
7
|
-
|
|
7
|
+
|
|
8
8
|
<mat-toolbar color="primary">
|
|
9
9
|
<h4 class="card-header" >Contact detail</h4>
|
|
10
10
|
</mat-toolbar>
|
|
11
11
|
<br>
|
|
12
|
-
|
|
13
12
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
<mat-card>
|
|
16
|
+
<div class='container'>
|
|
17
17
|
<form [formGroup]="contactForm" #contactDetailForm="ngForm" >
|
|
18
|
-
|
|
19
|
-
|
|
20
18
|
|
|
21
|
-
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
<div>
|
|
22
22
|
<mat-form-field>
|
|
23
23
|
<mat-label>Contact Date:</mat-label>
|
|
24
|
-
<input matInput formControlName="contactDate"
|
|
25
|
-
(click)="contactDate.open()"
|
|
26
|
-
[matDatepicker]="contactDate"
|
|
27
|
-
placeholder="Choose a contact date"
|
|
24
|
+
<input matInput formControlName="contactDate"
|
|
25
|
+
(click)="contactDate.open()"
|
|
26
|
+
[matDatepicker]="contactDate"
|
|
27
|
+
placeholder="Choose a contact date"
|
|
28
28
|
[(ngModel)]="editContact.contactDate" required>
|
|
29
29
|
<mat-datepicker-toggle matSuffix [for]="contactDate"></mat-datepicker-toggle>
|
|
30
30
|
<mat-datepicker #contactDate></mat-datepicker>
|
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
<mat-error >future Date is <strong>not allowed</strong> for contact date</mat-error>
|
|
52
52
|
</div>
|
|
53
53
|
</div>
|
|
54
|
-
</div>
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
</div>
|
|
55
|
+
|
|
56
|
+
|
|
57
57
|
|
|
58
58
|
<div>
|
|
59
59
|
<mat-form-field>
|
|
@@ -63,62 +63,62 @@
|
|
|
63
63
|
</mat-select>
|
|
64
64
|
</mat-form-field>
|
|
65
65
|
</div>
|
|
66
|
-
|
|
67
|
-
<div>
|
|
66
|
+
|
|
67
|
+
<div>
|
|
68
68
|
<mat-form-field class="mat-select-content">
|
|
69
69
|
<mat-label>Contact By:</mat-label>
|
|
70
70
|
<mat-select formControlName="contactBy" required [(ngModel)]="editContact.contactedBy" class="mat-select-inner">
|
|
71
71
|
<mat-option *ngFor=" let item of staff" [value]="item.staffId" >{{ item.fullName}}</mat-option>
|
|
72
72
|
</mat-select>
|
|
73
73
|
</mat-form-field>
|
|
74
|
-
</div>
|
|
75
|
-
|
|
74
|
+
</div>
|
|
75
|
+
|
|
76
76
|
<div>
|
|
77
77
|
|
|
78
78
|
<mat-form-field>
|
|
79
79
|
<mat-label>Comments </mat-label>
|
|
80
|
-
<textarea
|
|
81
|
-
matInput
|
|
82
|
-
placeholder=""
|
|
83
|
-
required formControlName="comment"
|
|
80
|
+
<textarea
|
|
81
|
+
matInput
|
|
82
|
+
placeholder=""
|
|
83
|
+
required formControlName="comment"
|
|
84
84
|
[(ngModel)]="editContact.comment"
|
|
85
85
|
cdkTextareaAutosize
|
|
86
86
|
#autosize="cdkTextareaAutosize"
|
|
87
87
|
cdkAutosizeMinRows="1"
|
|
88
88
|
cdkAutosizeMaxRows="5">
|
|
89
|
-
</textarea>
|
|
89
|
+
</textarea>
|
|
90
90
|
</mat-form-field>
|
|
91
91
|
</div>
|
|
92
92
|
|
|
93
|
-
<div>
|
|
93
|
+
<div>
|
|
94
94
|
<mat-form-field>
|
|
95
95
|
<mat-label>Next Contact Date: </mat-label>
|
|
96
|
-
<input matInput formControlName="nextContactDate"
|
|
97
|
-
(click)="nextContactDate.open()"
|
|
98
|
-
[matDatepicker]="nextContactDate"
|
|
99
|
-
placeholder="Choose a next contact date"
|
|
96
|
+
<input matInput formControlName="nextContactDate"
|
|
97
|
+
(click)="nextContactDate.open()"
|
|
98
|
+
[matDatepicker]="nextContactDate"
|
|
99
|
+
placeholder="Choose a next contact date"
|
|
100
100
|
[(ngModel)]="editContact.nextContactDate" required>
|
|
101
101
|
<mat-datepicker-toggle matSuffix [for]="nextContactDate"></mat-datepicker-toggle>
|
|
102
102
|
<mat-datepicker #nextContactDate></mat-datepicker>
|
|
103
103
|
</mat-form-field>
|
|
104
|
-
</div>
|
|
105
|
-
|
|
104
|
+
</div>
|
|
105
|
+
|
|
106
106
|
<div>
|
|
107
|
-
<!-- <button mat-
|
|
108
|
-
<button mat-
|
|
109
|
-
<button mat-
|
|
110
|
-
<button mat-
|
|
107
|
+
<!-- <button mat-stroked-button color="primary" (click)="saveContact()" [disabled]="!contactForm.form.valid" >Save</button> -->
|
|
108
|
+
<button mat-stroked-button color="primary" (click)="saveContact()" [disabled]="!contactForm.valid" >Save</button>
|
|
109
|
+
<button mat-stroked-button color="primary" >Cancel</button>
|
|
110
|
+
<button mat-stroked-button color="primary" (click)="back()" >Back</button>
|
|
111
111
|
</div>
|
|
112
112
|
|
|
113
113
|
</form>
|
|
114
114
|
</div>
|
|
115
115
|
</mat-card>
|
|
116
|
-
|
|
117
|
-
|
|
116
|
+
|
|
117
|
+
|
|
118
118
|
<br>
|
|
119
|
-
|
|
119
|
+
|
|
120
120
|
|
|
121
121
|
|
|
122
122
|
|
|
123
123
|
</mat-card-content>
|
|
124
|
-
</mat-card>
|
|
124
|
+
</mat-card>
|
|
@@ -12,38 +12,38 @@ import { NgcSmartVictimService } from '../smart-victim.service';
|
|
|
12
12
|
<div mat-dialog-content class="main" [formGroup]="spForm">
|
|
13
13
|
<mat-form-field>
|
|
14
14
|
<mat-label>service provider</mat-label>
|
|
15
|
-
|
|
15
|
+
|
|
16
16
|
<mat-select formControlName="voteeProviderId">
|
|
17
17
|
<mat-option
|
|
18
18
|
*ngFor="let providerOption of programProviders"
|
|
19
19
|
[value]="providerOption.victimProgramProviderId">{{ providerOption.victimProgramProvider }}
|
|
20
20
|
</mat-option>
|
|
21
21
|
</mat-select>
|
|
22
|
-
|
|
22
|
+
|
|
23
23
|
</mat-form-field>
|
|
24
|
-
|
|
24
|
+
|
|
25
25
|
</div>
|
|
26
26
|
<div mat-dialog-actions class="actions">
|
|
27
|
-
<button mat-
|
|
27
|
+
<button mat-stroked-button color="primary" (click)="cancel()" cdkFocusInitial>
|
|
28
28
|
Cancel Change
|
|
29
29
|
</button>
|
|
30
|
-
<button mat-
|
|
30
|
+
<button mat-stroked-button color="primary" [mat-dialog-close]="spForm.value" >
|
|
31
31
|
Save Change
|
|
32
32
|
</button>
|
|
33
33
|
</div>
|
|
34
34
|
`,
|
|
35
35
|
styles: [
|
|
36
36
|
`
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
37
|
+
.main {
|
|
38
|
+
width: 100%;
|
|
39
|
+
display: flex;
|
|
40
|
+
flex-direction: column;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.actions{
|
|
44
|
+
display: flex;
|
|
45
|
+
}
|
|
46
|
+
`,
|
|
47
47
|
],
|
|
48
48
|
})
|
|
49
49
|
|
|
@@ -63,7 +63,7 @@ export class SeriveProviderComponent implements OnInit {
|
|
|
63
63
|
|
|
64
64
|
this.spForm = this.formBuilder.group({
|
|
65
65
|
voteeProviderId: [''],
|
|
66
|
-
|
|
66
|
+
|
|
67
67
|
});
|
|
68
68
|
}
|
|
69
69
|
|
|
@@ -87,8 +87,8 @@ export class SeriveProviderComponent implements OnInit {
|
|
|
87
87
|
this.spForm.get('voteeProviderId').valueChanges.subscribe(voteeProviderId => {
|
|
88
88
|
console.log('voteeProviderId in service provider component.')
|
|
89
89
|
console.log(voteeProviderId)
|
|
90
|
-
|
|
91
|
-
|
|
90
|
+
|
|
91
|
+
|
|
92
92
|
})
|
|
93
93
|
}
|
|
94
94
|
}
|
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
<h4 class="card-header" style="display: inline-block;">Safety Plan</h4>
|
|
8
8
|
</mat-toolbar>
|
|
9
9
|
<br>
|
|
10
|
-
<button mat-
|
|
11
|
-
<button mat-
|
|
10
|
+
<button mat-stroked-button color="primary" (click)="goToSafetyPlanDetail(0)" >Add Goal</button>
|
|
11
|
+
<button mat-stroked-button color="primary" (click)="back()">Back</button>
|
|
12
12
|
<br>
|
|
13
13
|
<br>
|
|
14
14
|
<mat-table #table [dataSource]="safetyPlanDataSource" class="example-table">
|
|
@@ -32,31 +32,31 @@
|
|
|
32
32
|
<ng-container matColumnDef="victimServiceId">
|
|
33
33
|
<mat-header-cell *matHeaderCellDef class="example-header-cell"></mat-header-cell>
|
|
34
34
|
<!-- <mat-cell *matCellDef="let row" class="example-cell">
|
|
35
|
-
<button type="button" mat-
|
|
35
|
+
<button type="button" mat-stroked-button color="primary" (click)="goToSafetyPlanDetail(row.victimServiceId)">
|
|
36
36
|
<span class="glyphicon glyphicon-pencil" ></span>
|
|
37
|
-
<mat-icon>edit</mat-icon>
|
|
38
|
-
</button>
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
<mat-icon>edit</mat-icon>
|
|
38
|
+
</button>
|
|
39
|
+
|
|
40
|
+
|
|
41
41
|
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
|
|
47
|
-
<button type="button" mat-
|
|
47
|
+
<button type="button" mat-stroked-button color="primary" (click)="onDeleteSafetyPlan(row.victimServiceId)">
|
|
48
48
|
<span class="glyphicon glyphicon-trash" ></span> Delete
|
|
49
|
-
</button>
|
|
49
|
+
</button>
|
|
50
50
|
</mat-cell> -->
|
|
51
51
|
|
|
52
52
|
<mat-cell *matCellDef="let element">
|
|
53
|
-
|
|
53
|
+
|
|
54
54
|
<button class="edit-btn" mat-icon-button color="primary" matTooltip="Edit Safety Plan" (click)="goToSafetyPlanDetail(element.victimServiceId)">
|
|
55
55
|
<i class="material-icons">mode_edit</i>
|
|
56
56
|
</button>
|
|
57
57
|
|
|
58
58
|
|
|
59
|
-
|
|
59
|
+
|
|
60
60
|
<button
|
|
61
61
|
class="delete-btn"
|
|
62
62
|
matTooltip="Delete Safety Plan"
|
|
@@ -69,17 +69,17 @@
|
|
|
69
69
|
|
|
70
70
|
|
|
71
71
|
|
|
72
|
-
|
|
72
|
+
|
|
73
73
|
</mat-cell>
|
|
74
74
|
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
|
|
76
|
+
|
|
77
77
|
</ng-container>
|
|
78
78
|
|
|
79
79
|
<mat-header-row *matHeaderRowDef="['startDate', 'goal', 'victimServiceStatus', 'comment', 'victimServiceId']" class="example-header-row"></mat-header-row>
|
|
80
80
|
<mat-row *matRowDef="let row; columns:['startDate', 'goal', 'victimServiceStatus', 'comment', 'victimServiceId'];" class="example-row"></mat-row>
|
|
81
81
|
</mat-table>
|
|
82
|
-
|
|
83
|
-
|
|
82
|
+
|
|
83
|
+
|
|
84
84
|
</mat-card-content>
|
|
85
|
-
</mat-card>
|
|
85
|
+
</mat-card>
|