Content
View differences
Updated by Marc Alcobé over 2 years ago
## Acceptance criteria
* The design of the new "File storages" setup process in the administration settings will follow a complete Primer approach following the mockups in [Figma](https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/Nextcloud-Integration?type=design&node-id=4974-117398&mode=design).
* This process will be now handled in a single screen loaded dynamically depending on the selection of the storage type in the first section.
* In the case of Nextcloud the screen will contain three main sections (grey boxes headers) divided:
* **General information:** with the form to specify the type, name and host URL of the storage.
* **OAuth applications:** a two step section with the forms to copy and paste OAuth from Nextcloud and OpenProject. The OpenProject one contains a alert banner.
* **Project folders:** with the form to set up the automatically managed folders. With the checkmark activated by default.
* Each section of the process needs to be completed to access the next one.
* Once the whole setup is completed successfully the user is redirected to the index page and a fullscreen banner will be displayed on top of the screen.
* If the user clicks cancel the process is interrupted at that step and the user is redirected to the index page.
* The user can continue the process afterwards by clicking on the storage from the index page and will see what pending sections need to be completed. In this screen a button to delete the storage is available in the PageHeader if the user wants to delete it.
* To edit an existing fully setup storage the user will be able to access from the index page and a "status/show" page will be open with the same sections collapsed with edit or replace buttons depending on the need. Users can also delete that storage from the button in the PageHeader.
* When the user try to replace a OAuth they will see a confirmation browser dialog asking if they want to proceed.
* When the user try to delete a storage they will see a confirmation browser dialog asking if they want to proceed.
## Out of scope
* Transform the confirmation dialogs into Primer.
* Display the version status in the "status/show" page.
* Display the active projects in the "status/show" page.
## Visuals in Figma
https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/Nextcloud-Integration?type=design&node-id=4974-117398&mode=design
* The design of the new "File storages" setup process in the administration settings will follow a complete Primer approach following the mockups in [Figma](https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/Nextcloud-Integration?type=design&node-id=4974-117398&mode=design).
* This process will be now handled in a single screen loaded dynamically depending on the selection of the storage type in the first section.
* In the case of Nextcloud the screen will contain three main sections (grey boxes headers) divided:
* **General information:** with the form to specify the type, name and host URL of the storage.
* **OAuth applications:** a two step section with the forms to copy and paste OAuth from Nextcloud and OpenProject. The OpenProject one contains a alert banner.
* **Project folders:** with the form to set up the automatically managed folders. With the checkmark activated by default.
* Each section of the process needs to be completed to access the next one.
* Once the whole setup is completed successfully the user is redirected to the index page and a fullscreen banner will be displayed on top of the screen.
* If the user clicks cancel the process is interrupted at that step and the user is redirected to the index page.
* The user can continue the process afterwards by clicking on the storage from the index page and will see what pending sections need to be completed. In this screen a button to delete the storage is available in the PageHeader if the user wants to delete it.
* To edit an existing fully setup storage the user will be able to access from the index page and a "status/show" page will be open with the same sections collapsed with edit or replace buttons depending on the need. Users can also delete that storage from the button in the PageHeader.
* When the user try to replace a OAuth they will see a confirmation browser dialog asking if they want to proceed.
* When the user try to delete a storage they will see a confirmation browser dialog asking if they want to proceed.
## Out of scope
* Transform the confirmation dialogs into Primer.
* Display the version status in the "status/show" page.
* Display the active projects in the "status/show" page.
## Visuals in Figma
https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/Nextcloud-Integration?type=design&node-id=4974-117398&mode=design