search

MccCareplan / patientsmartapp

Patient facing mobile smart on fhir Web app for multiple chronic condition care plans
Apache License 2.0
2 stars 2 forks source link

My Care Team Tab Layout #50

Open sam3365 opened 3 years ago

sam3365 commented 3 years ago

Layout the My Care Team tab with Alphabet Selector.

Screen Shot 2020-12-11 at 1.14.14 PM.png

sam3365 commented 3 years ago

Research links:

https://dev.to/thisdotmedia/make-it-accessible-alphabet-board-with-angular-and-rxjs-8a6 https://stackblitz.com/edit/angular-flex-layout-seed?file=app%2Fapp.component.ts https://stackblitz.com/angular/begjnnyropq?file=src%2Fapp%2Ftab-group-theme-example.html https://www.angularjswiki.com/angular/how-to-use-angular-pipes-in-components-and-services/ https://fireship.io/lessons/sharing-data-between-angular-components-four-methods/

sam3365 commented 3 years ago

Got the character selector on the right side of the tab panel working:

Screen Shot 2020-12-11 at 5.00.14 PM.png

sam3365 commented 3 years ago

Pushed most recent changes to feature_50_care_team_tab

sam3365 commented 3 years ago

Completed layout changes.

Two ways to load application via the URL:

Production Mode: http://localhost:4200/?subject=cc-pat-pnoelle&careplan=cc-careplan-pnoelle-ckd

Develop Mode: http://localhost:4200/?devmode=true

Screen Shot 2020-12-18 at 3.03.09 PM.png Screen Shot 2020-12-18 at 3.04.20 PM.png