diff --git a/package-lock.json b/package-lock.json index ffc844b3f..abe145b0e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,6 +11,7 @@ "license": "MPL-2.0", "dependencies": { "@angular-devkit/schematics": "^14.0.4", + "@angular-material-components/datetime-picker": "^7.0.1", "@angular/animations": "^13.3.12", "@angular/cdk": "13.3.9", "@angular/common": "13.3.12", @@ -486,6 +487,22 @@ "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==" }, + "node_modules/@angular-material-components/datetime-picker": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/@angular-material-components/datetime-picker/-/datetime-picker-7.0.1.tgz", + "integrity": "sha512-ukNFdmab++bPF35+56SXFkzWz7F2If3s/rRae37Yq3g7QWWh3kmS7KEbvtSIz000yj3/wGHDV1v9ChGiqsNsgA==", + "dependencies": { + "tslib": "^2.3.0" + }, + "peerDependencies": { + "@angular/cdk": "^13.0.1", + "@angular/common": "^13.0.1", + "@angular/core": "^13.0.1", + "@angular/forms": "^13.0.1", + "@angular/material": "^13.0.1", + "@angular/platform-browser": "^13.0.1" + } + }, "node_modules/@angular/animations": { "version": "13.3.12", "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-13.3.12.tgz", @@ -21455,6 +21472,14 @@ } } }, + "@angular-material-components/datetime-picker": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/@angular-material-components/datetime-picker/-/datetime-picker-7.0.1.tgz", + "integrity": "sha512-ukNFdmab++bPF35+56SXFkzWz7F2If3s/rRae37Yq3g7QWWh3kmS7KEbvtSIz000yj3/wGHDV1v9ChGiqsNsgA==", + "requires": { + "tslib": "^2.3.0" + } + }, "@angular/animations": { "version": "13.3.12", "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-13.3.12.tgz", diff --git a/package.json b/package.json index 87146ccda..fe9d8ce72 100644 --- a/package.json +++ b/package.json @@ -29,6 +29,7 @@ }, "dependencies": { "@angular-devkit/schematics": "^14.0.4", + "@angular-material-components/datetime-picker": "^7.0.1", "@angular/animations": "^13.3.12", "@angular/cdk": "13.3.9", "@angular/common": "13.3.12", diff --git a/src/app/centers/centers-view/centers-view.component.html b/src/app/centers/centers-view/centers-view.component.html index 44a207f63..41571f05e 100644 --- a/src/app/centers/centers-view/centers-view.component.html +++ b/src/app/centers/centers-view/centers-view.component.html @@ -3,17 +3,23 @@
- +
-

- - Center Name : {{centerViewData.name}} +

+ + Center Name : {{centerViewData.name}}

+
+ +
@@ -22,74 +28,85 @@ Account #:{{centerViewData.accountNo}}
Office: {{centerViewData.officeName}}
- External Id: {{centerViewData.externalId}}
+ External Id: {{centerViewData.externalId}}
- Staff: {{centerViewData.staffName}}
+ Staff: {{centerViewData.staffName}}
Activation Date : - {{(centerViewData.activationDate)?(centerViewData.activationDate | dateFormat) :'Not Activated'}}
+ {{(centerViewData.activationDate)?(centerViewData.activationDate | dateFormat) :'Not Activated'}}

+
+
+

+ Next Meeting on: {{centerViewData.collectionMeetingCalendar?.nextTenRecurringDates[0] | dateFormat}} + +
+
+ Meeting Frequency: {{centerViewData.collectionMeetingCalendar?.frequency.value | lowercase}} +

+
+ +
+

+ Next Meeting on: Unassigned +
+ Meeting Frequency: N/A +

+
+
+
-
-
-

- Next Meeting on: {{centerViewData.collectionMeetingCalendar?.nextTenRecurringDates[0] | dateFormat}} - -
-
- Meeting Frequency: {{centerViewData.collectionMeetingCalendar?.frequency.value | lowercase}} -

-
- -
-

- Next Meeting on: Unassigned -
- Meeting Frequency: N/A -

-
-
-
+ -
- - - - - - - - - - - - - - + + - - + + + + + - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + - + +