Design alerts & flow for bulk-actions in reports page

[RomijnHumanoids]

• When bulk actions are triggered by users in the reports page, without selected items, we want to give an alert informing them why nothing is happening.

• Design alert/modal asking users to confirm deletion of items when delete button is triggered.

• Design flow for 'save', share and rerun.

[RomijnHumanoids]

For review: https://www.figma.com/design/GJCDuJYinANHYQ6Ystfzgn/%E2%9C%8D%F0%9F%8F%BC-KAT-%7C-For-Review-%7C-Reports-Page?node-id=1527-28094&t=yYG89YTOzUneGGhp-1

[RomijnHumanoids]

Some changes made to the previous design:

• Simpler 'rerun' flow based on feedback
• Destructive 'Discard changes' button after editing input fields in modals (based on previous discussion outcome)
• Success message in 'share' modal for copying link
• Deleting reports taken out of the scope of this ticket, and made into a separate discussion ticket #3330

Review link: https://www.figma.com/design/GJCDuJYinANHYQ6Ystfzgn/%E2%9C%8D%F0%9F%8F%BC-KAT-%7C-For-Review-%7C-Reports-Page?node-id=1527-28094&t=j8reGD23OjjnIijY-1

[RomijnHumanoids]

For review: https://www.figma.com/design/GJCDuJYinANHYQ6Ystfzgn/%E2%9C%8D%F0%9F%8F%BC-KAT-%7C-For-Review-%7C-Reports-Page?node-id=1603-44766&t=ccIbD0DsbSpJxDQc-1

Changes:

• Split up actions rerun (instant) and reschedule.

• Added recurrence flow in reschedule modal flow

• Changed concatenate icon (not the same as ‘copy’ action anymore) - Still open to suggestions

  • Changed primary button in share modal to ‘done’ which will close the modal. For consistency, the copy action is now within the modal content and the buttons in the modal footer are for downloading or closing the modal with ‘done’.

• Moved ‘add reference date’ next to the text input field for naming the report (as seen in other designs) to be easier to understand the action, and for consistency.

• Changed copywriting in the success message.

• Added a little extra explanation about concatenation in the modal.

• Still open to suggestions about the term ‘concatenate’. Maybe ‘staple’ is a more familiar term for users.

[RomijnHumanoids]

Review available again together with the option to delete (after discussion ticket #3330

https://www.figma.com/design/GJCDuJYinANHYQ6Ystfzgn/%E2%9C%8D%F0%9F%8F%BC-KAT-%7C-For-Review-%7C-Reports-Page?node-id=1603-44766&t=ccIbD0DsbSpJxDQc-1

[RomijnHumanoids]

Review outcome: ticket is partly done, status and implementation tickets per action:

• Rerun: ✅ Done
  • Implementation ticket #3376
• Reschedule: ✅ Done
  • Implementation ticket #3377
• Concatenate: ✅ Done
  • Implementation ticket #3378
• Rename: ✅ Done
  • Implementation ticket #3379
• Delete: 🔄 Almost done, just some copywriting
• Share: 🔄 WIP

[RomijnHumanoids]

New design review for deletion and share flow available: https://www.figma.com/design/GJCDuJYinANHYQ6Ystfzgn/%E2%9C%8D%F0%9F%8F%BC-KAT-%7C-For-Review-%7C-Reports-Page?node-id=1527-28094&t=2rhBsReAawMHPWOs-1

Changes:

• Share flow button setup has changed. It now offers a copy link as primary, where multiple links are separated by space or enter. The secondary button is the action ‘download as .pdf’. Both also close the modal as this is expected behavior.
• Deletion modal copy improved together with experts to be more understandable while still being technically correct.

[RomijnHumanoids]

• Rerun: ✅ Done
  • Implementation ticket #3376
• Reschedule: ✅ Done
  • Implementation ticket #3377
• Concatenate: ✅ Done
  • Implementation ticket #3378
• Rename: ✅ Done
  • Implementation ticket #3379
• Delete: ✅ Done
  • Implementation ticket #3388
• Share: ✅ Done
  • Implementation ticket #3387