Content
View differences
Updated by Marc Alcobé almost 4 years ago
## **Acceptance criteria**
* The current browser modal is substituted with this implementation.
* The modal is composed with this elements in order from top to down:
* Header: with **As** a title in this case "Remove file link" / "Delete attachment" _(text needs to be checked)_.
* Divider: full width.
* Content _\[enter role of the modal: in this case a simple text "Are you sure you user\]_
**I want to unlink this file link? This file will still be accessible in Nextcloud but will be removed from the files list in OpenProject." _(text needs to be checked)._
* It might change depending of the modal (eg. cards on boards, text fields in backup codes...).
* Action bar with always to actions:
* "Cancel" button to cancel the process.
* Action button in this case "Remove link" / "Delete attachment" (it might change the style of the button if its a destructive or not).
* This modal will be added to the DS.
* The alert modal when a work package is deleted will follow this implementation for coherence reasons.
* Other modals that are blocking the complete screen UI will also be following this implementation for coherence reasons:
* Invite user
* Delete work package
* Work package table settings
* Add widget
* New board (type)
* Help > Introduction video
* My account > Two-factor authentication > Backup codes password to** _\[enter objective\]_
**so that** _\[enter desired result\]_
## Out of scope **Acceptance criteria**
* Substitute all the other browser modals until it has been analysed the impact and places where this happens. _\[enter acceptance criteria\]_
* Substitute other modals that are still not happening on a modal state (ruby on rails implementation delete user from admin settings).
## Visual
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/37178/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/37179/content">
## Figma
https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/Nextcloud-Integration?node-id=2307%3A66252 _..._
* The current browser modal is substituted with this implementation.
* The modal is composed with this elements in order from top to down:
* Header: with
* Divider: full width.
* Content
**I
* It might change depending of the modal (eg. cards on boards, text fields in backup codes...).
* Action bar with always to actions:
* "Cancel" button to cancel the process.
* Action button in this case "Remove link" / "Delete attachment" (it might change the style of the button if its a destructive or not).
* This modal will be added to the DS.
* The alert modal when a work package is deleted will follow this implementation for coherence reasons.
* Other modals that are blocking the complete screen UI will also be following this implementation for coherence reasons:
* Invite user
* Delete work package
* Work package table settings
* Add widget
* New board (type)
* Help > Introduction video
* My account > Two-factor authentication > Backup codes password
**so that** _\[enter desired result\]_
## Out of scope
* Substitute all the other browser modals until it has been analysed the impact and places where this happens.
* Substitute other modals that are still not happening on a modal state (ruby on rails implementation delete user from admin settings).
## Visual
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/37178/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/37179/content">
## Figma
https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/Nextcloud-Integration?node-id=2307%3A66252