@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 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
  }
@@ -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
- &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>
@@ -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>
@@ -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
- <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>
@@ -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
  }
@@ -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
 
@@ -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>