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 a title in this case "Remove file link" / "Delete attachment".
* Divider: full width.
* Content of the modal: in this case a simple text:
* For removing links: "Are you sure you want to unlink this file from this work package? Unliking does not affect the original file and only removes the connection to this work package."
* For deleting attachments: "Are you sure you want to delete this file? This action is not reversible."
* It might change depending of the modal (eg. cards on boards, text fields in backup codes...).
* Action bar with always two 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 the action is destructive or not).
* This modal will be added to the design system using the work packages <mention class="mention" data-id="43684" data-type="work_package" data-text="#43684">#43684</mention>.
## Visual
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/37331/content"><img class="op-uc-image op-uc-image_inline" src="/attachments/37341/1_4_01_-_Unlink_File_-_Modal.jpg"><img src="/api/v3/attachments/37334/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/37333/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/37332/content">
## <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/37343/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/37342/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 a title in this case "Remove file link" / "Delete attachment".
* Divider: full width.
* Content of the modal: in this case a simple text:
* For removing links: "Are you sure you want to unlink this file from this work package? Unliking does not affect the original file and only removes the connection to this work package."
* For deleting attachments: "Are you sure you want to delete this file? This action is not reversible."
* It might change depending of the modal (eg. cards on boards, text fields in backup codes...).
* Action bar with always two 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 the action is destructive or not).
* This modal will be added to the design system using the work packages <mention class="mention" data-id="43684" data-type="work_package" data-text="#43684">#43684</mention>.
## Visual
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/37331/content"><img class="op-uc-image op-uc-image_inline" src="/attachments/37341/1_4_01_-_Unlink_File_-_Modal.jpg"><img
## <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/37343/content"><img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/37342/content">
## Figma
https://www.figma.com/file/gtLQfPe09X7XugAH8L7dTy/Nextcloud-Integration?node-id=2307%3A66252