Ui for accessing the CMS, creating and linking new pages
This task aims to outline UI design requirements for the Kotahi CMS project. CMS in this context refers to the integration of Flax and Kotahi, where the publishing of manuscript/review content is triggered via the workflow and additional webpages are accessible and editable from the CMS.
References;
- Project Brief
- Figma boards; TBC
- Wax demo; http://wax-demo.coko.foundation/ (Basic)
- Storybook; https://story-book-kotahi.netlify.app/?path=/story/wax-fullwaxeditor--base (Full Wax editor)
User stories;
- As an admin, I need to be able to easily navigate to the CMS within Kotahi.
- As an admin, I need to be able to see a list of all published articles.
- As an admin, I need to be able to select and hide a published article.
- As an admin, I need to create a new webpage and add it to the header in Flax.
- As an admin, I need to create a new webpage and it to the footer in Flax.
- As an admin, I need to be able to edit the content of an existing webpage in Wax.
- As an admin, I need to be able to delete a webpage added to the header/footer in Flax.
- As an admin, I need to be able to hide a webpage added to the header/footer in Flax.
- As an admin, I should be able to reorder webpages from the CMS that should reflect in the header/footer in Flax.
- As an editor, I should be able to see the date a webpage was created, updated and published.
UIs required:
CMS
- CMS menu link
- Access to the list of webpages linked in the header
- Access to the list of webpages linked in the footer
- Articles list; table display of all published articles
Webpage controls
- Create webpages
- Delete webpages
- Option to link page to the header/footer
- Option to reorder header/footer links
- Option to select the type of webpage being created (e.g. rich text, submission form, other)
- Edit webpage content and metadata (e.g. page description, URL, body content)
- Save edited webpage content
- Publish webpage content