Design and build a means to automatically install, upgrade, and uninstall a plugin with a push of a button

alphagov / govuk-prototype-kit

Rapidly create HTML prototypes of GOV.UK services

https://prototype-kit.service.gov.uk

MIT License

306 stars 236 forks source link

Design and build a means to automatically install, upgrade, and uninstall a plugin with a push of a button #1656

Closed BenSurgisonGDS closed 1 year ago

BenSurgisonGDS commented 2 years ago

What

The kit can now detect that a plug-in has been installed, upgraded, and uninstalled without having to be restarted when a user types the cli command to do so.

The cli command could now be initiated from the management pages with a button that would perform the action and return to the manage prototype plug-ins page without the user having to type it themselves. The plug-ins page would then display the new state of the plug-in.

Why

To simplify the experience of the user when installing, upgrading, and uninstalling plug-ins.

Who needs to work on this

Designer, Content designer and Developer

Who needs to review this

Designer or Developer

Done when

[x] Pages designed ready to build
[x] Functionality built as designed
[x] Acceptance tests updated to prove functionality

joelanman commented 1 year ago

BenSurgisonGDS commented 1 year ago

Current temporary content in screenshots attached for install, uninstall and upgrade: Screenshot 2022-11-23 at 10-59-39 Plugins – Manage your prototype – Service name goes here – GOV UK Prototype Kit Screenshot 2022-11-23 at 11-00-22 – Manage your prototype – Service name goes here – GOV UK Prototype Kit Screenshot 2022-11-23 at 11-01-07 Plugins – Manage your prototype – Service name goes here – GOV UK Prototype Kit Screenshot 2022-11-23 at 11-12-58 Plugins – Manage your prototype – Service name goes here – GOV UK Prototype Kit Screenshot 2022-11-23 at 11-13-24 – Manage your prototype – Service name goes here – GOV UK Prototype Kit

joelanman commented 1 year ago

From investigation so far, we can't use meta-refresh to automatically load a new page when the install is done:

https://dequeuniversity.com/rules/axe/4.1/meta-refresh

Continuing investigation into accessible alternative

joelanman commented 1 year ago

Met with Nora and Ben to go through the issue.

I will mock up options including:

use javascript to manage the processing in an accessible way
non js fallback to show the old manual instructions

In terms of javascript, these are the browsers GOV.UK supports: https://www.gov.uk/service-manual/technology/designing-for-different-browsers-and-devices#browsers-to-test-in-from-june-2022

joelanman commented 1 year ago

@NoraGDS my idea for adding the Git instruction to the Complete page:

Plugins. Step by step from GOV.UK Prototype Kit. Install complete. If you are using Git you should commit this change. Link Back to plugins

with that, I've pulled the link back out of the confirmation panel, otherwise the instruction might get missed, and we have the main nav back now as you suggested

NoraGDS commented 1 year ago

Content suggestion on the instruction:

If you are using Git you can commit this change.