savagelearning / machete-ui

A re-write of the Machete app in Angular12 & Typescript

MacheteUi

This project is the re-write of the UI for the Machete project. Currently we're using the issuer tracker at the Machete project site, but will migrate UI issues to this project soon.

Development server

The project uses npm run dev with the standard Angular CLI dev server. The environment is configured to use our cloud test server for identity and API calls. You can authenticate with google or facebook for testing.

Running unit tests

Run ng test to execute the unit tests via Karma. I suggest using ng test -sm=false to make the error messages better.

Running end-to-end tests

Run npm run cypress:open to execute the end-to-end tests via. Before running the tests make sure you are serving the Machete app on :4213. Naturally this also requires running the Angular app via npm run dev. Please see our developer guide to see how we approach testing.

Further help

See the main project Machete project for issue and project information.

machete-ui's Issues

OpenApi replace User with UserVM

Content to make configurable from the Configs endpoint

Welcome page

[x] /welcome

introduction page

[x] /online-orders/introduction

The infro-confirm list can be stored as a large json blog. MS SQL server supports JSON_VALUE, so that the json is validated

[x] /online-orders/work-order

transport pricing needs toggle to enable/disable, and edit the link

[x] /online-orders/work-order

Tie transportation method message in order-confirm page to work-order choices (see previous screenshot)

[x] online-orders/order-confirm

Transport info based on static transportation provider ID

What

machete-ui/src/app/online-orders/work-order/work-order.component.html

Lines 216 to 226 in f6e1a23

	<div class="p-field p-col-12" *ngIf="selectedTransport==32">
	<p-fieldset legend="Transportation Method Note">
	<p>
	Before picking a Casa Latina Van drop off time, please check for available times using the following calendar<br/>
	<a href="https://calendar.google.com/calendar/[email protected]&ctz=America/Los_Angeles" target="_blank">
	For Van transport, select an available time slot.
	</a> <br/>
	Arrival times are estimates and can be adjusted by CL dispatchers due to traffic, or high demand, etc.
	</p>
	</p-fieldset>
	</div>

Add link to app privacy policy

We need to add a link our privacy policy which is currently hosted in github: https://github.com/savagelearning/Machete/wiki/privacy-policy .

This change is primarily to comply with Meta's privacy policy requirement found here: https://developers.facebook.com/terms/dfc_platform_terms/#privacypolicy

It mentions that it should be generally accessible, so my guess is that we can add a link on the app footer.

Acceptance criteria:

• We have a globally accessible link to our privacy policy that links to the github wiki link above on a separate browser tab,
• We have a privacy link on the login cshtml page

Machete Settings (Existing Configs) List/View/Edit

• List Component
• Edit / Read Component

No deletion allowed
Validate for only user-defined edits

OpenApi replace Employer with EmployerVM

Add a "check-all" button to the intro-confirm page

Create an app-wide method for displaying errors/dialogs, prolly in the header

From @jcii on February 18, 2018 20:28

Any 4xx or 5xx needs to display a message to the user. Also would be great if prompted user to send email.

Copied from original issue: SavageLearning/Machete#301

Move build to Appveyor CI

We don't need two build systems, and Travis has gotten annoying.

App bundle is ~ 10MB

• Remove unused dependencies
• Use Luxon over deprecated moment
• Assets is over 4MB

Integrate Configs for self-service content and feature flags

• Replace static content with content defined by configs

Depends on #111 #116

V 1.15.31 Welcome dashboard not working as expected

V 1.15.31

Welcome dashboard for roles not working.

only load paypal if needed

V 1.15.31 Exports not receiving date filter fields

V 1.15.31

V 1.15.31 Hirer portal outage banner doesn't show up as dialog

V 1.15.31

work through the machete-ui code and replace the loving-hands-at-home models with the openapi models.

This PR is a snapshot of doing it for 1 little chunk
https://github.com/SavageLearning/machete-ui/pull/100/files

Online Orders: USPS zip codes format is unnecessary

What

Online orders step 3 (Site Details) allows either simple zip codes (98144) or USPS-formatted zip codes (98144-2147). If both formats are not in the transport providers area list, transport rule validation fails.

Reproduce

1. Go to online hiring portal
2. fill out the form and on step 3, enter 98144-2147 as the zip code
3. When you click on next, you should see the transport rules validation error message above

Why

Supporting the USPS format is unnecessary. Should only support simple Zip format (98144)

Where

Online hiring, step 3 (site details)

Update UI to current Theme version

add loading/waiting indicator

more unit tests, please

Not enough meaningful tests.

WO form not displaying validation messages

where

The Work order form on New version of UI with Angular12

Transport Providers CRUD

Integrate /Workorders table view with ViewOptions object in API