Update: "Vorlagen" Part I
This issue is about updating the looks of the main menu section 'Vorlagen'/ 'Templates'.
But there is a catch: The page that opens, when you click the menu entry, is the view of the SymptomCheckMetastore. That is the Hub for everything you can do with SymptomChecks. We don't need all that functionality for this menu entry and also the Metastore uses quite a bit of Ionic, which we do not want to use either. So we need a new page and borrow from MetaStoreComponent.
What is to be done?
-
Create a new page making use of the generalized page layout component of #615+. -
List items (see details below) -
Do NOT mind the content of the boxes (see below) -
For each item add a rcc-item-tag, (Updating these components is left for another issue) -
Iterate through all SymptomCheckStores and all the Items (SymptomChecks) of each of them. -
The store names will give you the headings ('Eigene Vorlagen', actually for now just 'Custom SymptomChecks')
-
-
Make it look like the layouts below, except for the content of the white boxes. -
Background gradient Primary to Secondary color
List Items/Icon Tags
This whole procedure is already done in MetaStoreComponent please take a look at that component.
A MetaStore for an Item-class is a Service that holds a list of stores, that in turn hold a list of items of the before mentioned Item-class. See MetaStore or for this special case: SymptomCheckMetaStoreService.
The SymptomCheckMetaStoreService will give you a list of stores (ItemStore) via .stores property.
When listing items of these stores you have to subscribe to .change$ of the meta store because, some of the stores/items allow creation or deletion of items, so the list can actually change while you look at it. Checkout MetaStoreComponent.setMetaStore.
Content of each item box
For the white boxes, please just set the margin/ outer looks. The content of the boxes should just include an rcc-item tag like this:
<rcc-item-tag [item] = "item"> </rcc-item-tag>The item-tags will be subject of another issue.
Where to start?
- Checkout
MetaStoreComponent! SettingsLayoutComponent
ClickUp: https://app.clickup.com/t/863g9kz45