@csmart/ngc-smart-victim 1.18.8 → 1.18.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/package.json +1 -1
  2. package/src/lib/caseNote/caseNote.component.css +2 -0
  3. package/src/lib/caseNote/caseNote.component.html +53 -53
  4. package/src/lib/common-dialog/common-dialog.component.html +9 -9
  5. package/src/lib/contact/contact.component.css +2 -0
  6. package/src/lib/contact/contact.component.html +39 -39
  7. package/src/lib/safetyPlan/serviceProvider.component.ts +18 -18
  8. package/src/lib/safetyPlan/victimSafetyPlan.component.css +1 -1
  9. package/src/lib/safetyPlan/victimSafetyPlan.component.html +17 -17
  10. package/src/lib/safetyPlan/victimSafetyPlanDetail.component.html +84 -84
  11. package/src/lib/smart-victim-detail/smart-victim-detail.component.html +6 -6
  12. package/src/lib/smart-victim-detail/smart-victim-detail.component.ts +5 -2
  13. package/src/lib/smart-victim.component.css +55 -2
  14. package/src/lib/smart-victim.component.html +101 -107
  15. package/src/lib/smart-victim.component.ts +9 -5
  16. package/src/lib/smart-victim.service.ts +1 -1
  17. package/src/lib/victimSearch/victimSearchForm.component.html +4 -4
  18. package/src/test.ts +0 -6
  19. package/tsconfig.lib.json +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@csmart/ngc-smart-victim",
3
- "version": "1.18.8",
3
+ "version": "1.18.9",
4
4
  "peerDependencies": {
5
5
  }
6
6
  }
package/src/lib/caseNote/caseNote.component.css 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
  }
package/src/lib/caseNote/caseNote.component.html CHANGED
@@ -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
- &nbsp;&nbsp;<button mat-raised-button color="primary" (click)="onAddNew()" [disabled]="addDisableFlag">Add Case Note</button>
14
+ &nbsp;&nbsp;<button mat-stroked-button color="primary" (click)="onAddNew()" [disabled]="addDisableFlag">Add Case Note</button>
15
15
 
16
- &nbsp;&nbsp;<button mat-raised-button color="primary" (click)="back()">Back</button>
16
+ &nbsp;&nbsp;<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
- <div>
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-raised-button color="primary" (click)="saveCaseNote()" [disabled]="!caseNoteDetailForm.form.valid" >Save</button>
112
+ <button mat-stroked-button color="primary" (click)="saveCaseNote()" [disabled]="!caseNoteDetailForm.form.valid" >Save</button>
113
113
 
114
- &nbsp;&nbsp;<button mat-raised-button color="primary" (click)="hiddenDetailFlag = true;addDisableFlag = false; this.hiddenAddNewFlag = false;">Cancel</button>
114
+ &nbsp;&nbsp;<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
  &nbsp;&nbsp;
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>
package/src/lib/common-dialog/common-dialog.component.html CHANGED
@@ -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-raised-button color="primary"
10
+ <button type="button" mat-stroked-button color="primary"
11
11
  (click)="commondialogRef.close(true)">{{cmdYesTitle}}</button>
12
12
  </div>
13
13
  &nbsp;&nbsp;
14
-
14
+
15
15
  <div *ngIf="cmdYesTitle!=='Ok'" class="inner">
16
- <button type="button" mat-raised-button color="primary"
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>
package/src/lib/contact/contact.component.css CHANGED
@@ -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
  }
package/src/lib/contact/contact.component.html CHANGED
@@ -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
- <mat-card >
16
- <div class='container'>
13
+
14
+
15
+ <mat-card>
16
+ <div class='container'>
17
17
  <form [formGroup]="contactForm" #contactDetailForm="ngForm" >
18
-
19
-
20
18
 
21
- <div>
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-raised-button color="primary" (click)="saveContact()" [disabled]="!contactForm.form.valid" >Save</button> -->
108
- <button mat-raised-button color="primary" (click)="saveContact()" [disabled]="!contactForm.valid" >Save</button>
109
- &nbsp;&nbsp;<button mat-raised-button color="primary" >Cancel</button>
110
- &nbsp;&nbsp;<button mat-raised-button color="primary" (click)="back()" >Back</button>
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
+ &nbsp;&nbsp;<button mat-stroked-button color="primary" >Cancel</button>
110
+ &nbsp;&nbsp;<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>
package/src/lib/safetyPlan/serviceProvider.component.ts CHANGED
@@ -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-raised-button color="primary" (click)="cancel()" cdkFocusInitial>
27
+ <button mat-stroked-button color="primary" (click)="cancel()" cdkFocusInitial>
28
28
  Cancel Change
29
29
  </button>
30
- <button mat-raised-button color="primary" [mat-dialog-close]="spForm.value" >
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
- .main {
38
- width: 100%;
39
- display: flex;
40
- flex-direction: column;
41
- }
42
-
43
- .actions{
44
- display: flex;
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
  }
package/src/lib/safetyPlan/victimSafetyPlan.component.css CHANGED
@@ -18,7 +18,7 @@ div.serviceButton
18
18
  justify-items: stretch;
19
19
  }
20
20
 
21
- .app-class .mat-list-item {
21
+ .app-class .mat-mdc-list-item {
22
22
  height: auto;
23
23
  }
24
24
 
package/src/lib/safetyPlan/victimSafetyPlan.component.html CHANGED
@@ -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-raised-button color="primary" (click)="goToSafetyPlanDetail(0)" >Add Goal</button>
11
- &nbsp;&nbsp;<button mat-raised-button color="primary" (click)="back()">Back</button>
10
+ <button mat-stroked-button color="primary" (click)="goToSafetyPlanDetail(0)" >Add Goal</button>
11
+ &nbsp;&nbsp;<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-raised-button color="primary" (click)="goToSafetyPlanDetail(row.victimServiceId)">
35
+ <button type="button" mat-stroked-button color="primary" (click)="goToSafetyPlanDetail(row.victimServiceId)">
36
36
  <span class="glyphicon glyphicon-pencil" ></span>&nbsp;
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
  &nbsp;&nbsp;
47
- <button type="button" mat-raised-button color="primary" (click)="onDeleteSafetyPlan(row.victimServiceId)">
47
+ <button type="button" mat-stroked-button color="primary" (click)="onDeleteSafetyPlan(row.victimServiceId)">
48
48
  <span class="glyphicon glyphicon-trash" ></span>&nbsp;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
  &nbsp;&nbsp;
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>