Skip to content

Conversation

@AlexJacksonDS
Copy link
Contributor

@AlexJacksonDS AlexJacksonDS commented Jul 26, 2021

JIRA link

https://softwiretech.atlassian.net/browse/HEEDLS-562

Description

Added a new Cancel Link view component that is the same as the back link, but has a cross instead of the <. Replaced all instances of the Back link component with text Cancel with this component. Also replaced some "< Go back" back links in multi page form journeys with Back buttons.

Screenshots

A few examples. Styling should be the same across all of them
image
image
image

image
image


Developer checks

I have:

  • Run the formatter and made sure there are no IDE errors.
  • Written tests for the changes (controller, data services, services, view models etc) and manually tested my work with and without JavaScript. Full manual testing guidelines can be found here: https://softwiretech.atlassian.net/wiki/spaces/HEE/pages/6703648740/Testing
  • Updated/added documentation in Swiki and/or Readme.
  • Updated my Jira ticket with information about other parts of the system that were touched as part of the MR and have to be sanity tested to ensure nothing’s broken.
  • Scanned over my own MR to ensure everything is as expected.

Copy link
Contributor

@ibrahimmunir14 ibrahimmunir14 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM. Just two minor comments.

<button class="nhsuk-button" type="submit">Save</button>
</form>
<vc:back-link asp-controller="RegisterDelegateByCentre" asp-action="@Model.PreviousAction" link-text="Go back" />
<vc:cancel-link asp-controller="AllDelegates" asp-action="Index" />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this was the only use of PreviousAction, could you remove it from the VM please if there are no other references to it.

Comment on lines 9 to 11
left: -2px; /* 2 */
position: absolute;
top: -1px; /* 3 */
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What do the comments mean?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'd just copied the style from the NHS css for the back link, it has a few comments to describe what they do (basically alignment of the svg)

Copy link
Contributor

@livzorn livzorn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me!

@AlexJacksonDS AlexJacksonDS merged commit 381a8ad into master Jul 29, 2021
@AlexJacksonDS AlexJacksonDS deleted the HEEDLS-562-multipage-form-buttons branch July 29, 2021 15:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants