Page MenuHomePhabricator

Create the reporting dialog footers
Closed, ResolvedPublic3 Estimated Story Points

Description

The report dialog should have two different footers, depending on which page is currently loaded.

Acceptance criteria:

  • The footers are displayed using codex dialog's footer slot
  • When viewing the information component, the footer has two codex buttons:
    • Proceed to file a report - primary progressive. On clicking, the data collection component and corresponding footer should be loaded.
    • I don't want to file a report - primary default. On clicking, the dialog should close.
  • When viewing the data collection component, the footer has two codex buttons:
    • Submit - On clicking, the dialog should close.
    • Back - primary default. On clicking, the dialog should close.

Event Timeline

Assuming this task is about the Incident-Reporting-System code project, hence adding that project tag so other people who don't know or don't care about team tags can also find this task when searching per codebase. Please set appropriate project tags when possible. Thanks! :)

Change 936030 had a related patch set uploaded (by Jkieserman; author: Jkieserman):

[mediawiki/extensions/ReportIncident@master] Set up a codex dialog that toggles between two screens

https://gerrit.wikimedia.org/r/936030

Change 936030 merged by jenkins-bot:

[mediawiki/extensions/ReportIncident@master] Set up a codex dialog that toggles between two screens

https://gerrit.wikimedia.org/r/936030

Hi @JKieserman;
I discovered 3 minor issues while testing the two dialog pages at https://patchdemo.wmflabs.org/wikis/0a6ae76a64/wiki/User_talk:Patch_Demo.

1st Issue:
When using Mobile View the bottom border line of the I don't want to file a report button is blending into the top border line of the Proceed to File a Report button and need to have more white-space between the 2 buttons.

2nd Issue:
The widths of the buttons are not equal to each other (For example: the button-width for I don't want to file a report is longer than the button-width for Proceed to File a Report).

3rd Issue:
Need to add an apostrophe to the word dont for the dialog page that has the codex button I don't want to file a report.

image.png (945×1 px, 191 KB)
image.png (908×472 px, 162 KB)

Thanks Derek! I've put up a patch that addresses this feedback. One small thing- from what I can tell on the figma, the buttons need to be equal width in mobile but not in desktop, which is what I've done in this patch.

Change 940360 had a related patch set uploaded (by Jkieserman; author: Jkieserman):

[mediawiki/extensions/ReportIncident@master] three QA fixes to the dialog component: 1. Add the apostrophe to 'don't' in 'I don't want to file a report' message 2. in mobile, add spacing between buttons 3. in mobile, make the width of buttons equal

https://gerrit.wikimedia.org/r/940360

Change 940360 merged by jenkins-bot:

[mediawiki/extensions/ReportIncident@master] three QA fixes to the dialog component: 1. Add the apostrophe to 'don't' in 'I don't want to file a report' message 2. in mobile, add spacing between buttons 3. in mobile, make the width of buttons equal

https://gerrit.wikimedia.org/r/940360

QA verification has been executed per the Acceptance Criteria, and the 3 issues have been resolved.

Madalina subscribed.

Looks like this is done.