wmcadigital / wmn-disruption-manage Goto Github PK

View Code? Open in Web Editor NEW

0.0 6.0 0.0 3.98 MB

Service to manage alerts of West Midlands Network disruptions

Home Page: https://disruption-manage.wmnetwork.co.uk/

HTML 2.92% JavaScript 94.39% SCSS 2.69%

react wmn disruptions west-midlands-network west-midlands

wmn-disruption-manage's Introduction

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

`yarn start`

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

`yarn test`

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

`yarn build`

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

`yarn eject`

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

wmn-disruption-manage's People

Contributors

Watchers

wmn-disruption-manage's Issues

Change Disruption Alerts feedback form

Change all instances of the disruption alerts feedback form link from:

https://surveys.hotjar.com/7e355aee-78be-4e37-8e55-d5e9299e825c

to:

https://forms.office.com/Pages/ResponsePage.aspx?id=RetZCK7xCk6e-ubWa7tnLz45Weo_RTVDpYxVYcrD8wxUMzI4UlRVRVFMV002VU9FWllFTDM5QjlVWS4u

Road alerts emails / texts

I think most people would want email /text alerts for a specific route rather than a radius area from a central point. From my location in Wolverhampton, I set up as if I were to receive alerts for the A4123 to M5 J2 - this was an 8 mile radius, and I received 74 email alerts and texts.

The flow and setup worked well though. Just needs that option to select specific routes - mainly KRN.

Change survey link

The link to the SMS Trial Feedback survey has changed from:

https://surveys.hotjar.com/7e355aee-78be-4e37-8e55-d5e9299e825c

to:

https://forms.office.com/Pages/ResponsePage.aspx?id=RetZCK7xCk6e-ubWa7tnLz45Weo_RTVDpYxVYcrD8wxUOE1INTBMOEdXMFJSQTI4MUpRWlJQMEZWTi4u

Can you change this everywhere that it appears.

Text field width

Please increase the length of search field so full text fits in. Text field should be in proportion with text width.

Add content to text message and email templates for planned disruptions

Back-end to check the date of the disruption. If it's in the future, trigger the new 'planned disruptions' templates. Otherwise, trigger the existing templates.

New templates are to be added to both Campaign monitor (for emails) and Notify (for text messages).

Remove trial content and feedback URL from contact preferences

Sorry for missing this one @mushtaque12 - one more area left to remove trial mentions.

On the contact preferences if a phone number is registered, we need to remove the feedback URL and trial sentence:

For example:

Manage your contact preferences

Text messages

We are sending texts to {phone number}.

Emails

We are sending emails to {email}

Unsubscribe warning formatting displaying incorrectly

Update title and meta tags

These tags reference West Midlands Network which is no longer the brand name. They should be updated to:

<title>Manage alerts about disruptions - Transport for West Midlands</title>

<meta name="description" content="Manage disruption alerts on the Transport for West Midlands network"/

All other meta properties for social media etc need updating too.

Change H1 title from 'Disruption alerts dashboard' to 'Manage disruption alerts'

The title is pretty much self-explanatory. It would be more effective if the title is a verb, so we've decided we would like to change the H1 title on the preferences dashboard to 'Manage disruption alerts'.

Add padding and mode subheadings in the 'Add more services' content card.

Current behaviour:
The 'Add tram service' button is too close to the bus service which has been added.

The issue:
There needs to be additional padding between the bus service and the 'Add tram service' button. Also, mode subheadings will need to be added before the 'Add service' buttons to give clarity and to help break up the content.

The add service content card design needs to reflect the existing add service design in the sign-up form:

Roads alerts

Hi - when I sign up for road alerts (25 June), the email arrives with WMNetwork branding and a WMNetwork email address. Shouldn't this all be TfWM now?

"Disruptions section" goes to old disruptions page

When receiving a disruption alert via email, the "disruptions section" link should go to the new disruptions page.

Service confirmation process - email dashboard

When user signs up for routes and receives email to confirm and clicks button confirm, we should not ask to confirm again on the dashboard because user already confirmed in the email. Currently user needs to click twice to do one task.

"Add Routes" sends you to Nathan's sign-up portal

Can't see train lines I have subscribed to unless I add a Tram line or Bus route (video)

I'm not sure if this is just happening on my account or it's a wider bug. This is my second sign-up, I deleted my first subscription just to be sure that my data was no longer in the database before I tried to recreate the bug.

The title is pretty self-explanatory, I can't see train lines I have subscribed to in the 'Remove your services' section unless I add a Tram line or Bus route. If I remove the tram/Bus service, then the train line I subscribed to disappears.

This happens if I both add a train line in the sign-up form and add a train line on the manage alerts page.

Bug occurs on both Chrome and Safari on my Macbook.

Email: [email protected]

Screen.Recording.2021-01-18.at.12.23.09.mov

Change tram route name inside subscription email

The client wants to have tram line name displayed with both directions.
Like that: "Birmingham - Wolverhampton - Birmingham"

Use lowercase 'P' for 'preferences' in the 'Edit your contact preferences' button

Pretty much self-explanatory from the title, change the capital 'P' to a lowercase 'p' in the 'Edit your contact preferences' button.

Current Behaviour:

Add space between "resend" button and "entered wrong number?" link

Too close together for people who have limited thumb/finger movement. Recommend adding another line break between the buttons and the link.

Cannot see quiet hours after adding more services

When adding more services, previously selected quiet hours disappear. Instead it says - you will not receive alerts between. instead of showing the hours after "between".

The selected quiet hours reappear after refreshing the page.

Change 'Resend PIN Code' button copy to 'Resend code'

As the title suggests, the copy in the existing 'Resend PIN Code' button needs to change to 'Resend code' as we no longer use the term PIN since this changed to authentication code.

We have decided not to include the term 'authentication' in the button copy as it's too long, 'Resend code' will work just fine.

Received authentication code three times

Remove trial wording from text message content card

The text message alerts feature is no longer a trial, so we need to remove mentions of this.

I've revised the design in Figma

Additional Verification

When you add a new service to get alerts from you don't see it appear in the list, and it sends you another verification email to click. If already in the managed account why do you need to verify subscription again? If I added multiple new routes would I get multiple emails? If so do you then have to click each email to verify or just one? It seems a bit too much of a faf on the customer.

Manage/remove your routes - email dashboard

Current user journey does not match the spec. Please remove all green buttons. There should be only red button with bin icon 'remove service' following design on zeplin. We need to change title manage your routes, because user can only do one action here - remove routes.

Favicon

Please remove React favicon and use WMN logo. Email alerts management dashboard sign up to emails form.

Convert all fetch to axios

Convert all fetch requests to axios for consistency.

Page doesn't load in IE11

Remove country code for mobile number

+44 should be 0
Can we split the way it displays to be 5 numbers + 6 numbers: 01234 567890

WMCA logo doesn't link anywhere in email

The highlighted WMCA logo within the email(s) doesn't link to https://www.wmca.org.uk (WMCA homepage)....currently it links nowhere.

Pin Location

The icons don't match where the incidents are.

This tram incident is link to 2 stops and the tram icon is no where near either of them?

@daylesalmon @gldgrnt

No time selector when adding quiet hours

When adding quiet hours for the first time, the time selector no longer automatically appears. They appear fine after selecting add another time:

Remove related content widget - email dashboard

Remove related content widget on the right. Page has just a few actions and the summary box is not necessary.

Mobile phone number confirmed appears outside of a content tile

This looks strange when the confirm your mobile number box is in a content tile.

Remove large H1 heading below nav bar and change H1 nav bar heading to 'Manage alert preferences'

We've decided the new title change ('Manage alert preferences') should be applied to the H1 heading in the nav bar as well and we should hide the larger H1 heading below the nav bar until the new navigation bar is implemented into Umbraco (as this will replace the current one on the manage preferences page).

The reason for this change is because we shouldn't be using two H1 titles on a page. When we replace the nav bar with the new navigation, then there will be no H1 heading in the nav bar. This means we can then use the larger H1 heading below the nav bar.

So for now, it should look like this (without the extra padding below the nav bar):

Update footer to TfWM DS component

The footer is using a non TfWM DS component:

It should use the standard footer component, for example the one in Find my Metro zones.

The footer copyright and privacy policy link also need to be updated.

This should come from the TfWM DS automatically AFAIK.

wmcadigital / wmn-disruption-manage Goto Github PK

wmn-disruption-manage's Introduction

Available Scripts

yarn start

yarn test

yarn build

yarn eject

Learn More

Code Splitting

Analyzing the Bundle Size

Making a Progressive Web App

Advanced Configuration

Deployment

yarn build fails to minify