[CMS] Create layout page (header)
The purpose of this task is to create the CMS>layout page. The Layout page will offer controls to configure the layout of Page links in the header/footer in Flax. This includes controls for branding and in time, access to CSS and root directory syntax.
The solution;
- to create the 'Layout' page using the React JSON scheme form.
- Brand logo, primary and secondary colours should be auto-populated (pull from the ?).
- users should be able to upload a new brand logo using a file picker.
- users should be able to select a new primary/secondary brand colour using a colour picker.
- users should be able to reorder links in the header using a drag-and-drop control.
- users should be able to enable/disable page visibility using a checkbox selection.
- users should be able to 'Save' changes (use the action animation button for this).
UI; Figma Board; Layout page components
Form library; react-jsonschema-form
Acceptance criteria;
-
Admin/Journal Manager is able to access Settings>CMS>'Layout' page -
Admin/Journal Manager is able to upload a new brand logo. -
Admin/Journal Manager is able to select a new primary and secondary brand colour. -
Admin/Journal Manager can see a list of Pages linked in the header in Flax. Users can also reorder, show and hide links in the header.