Provide ability to delete a resource when viewing an individual resource. Add delete menu item to the secondary menu. Provide a confirm dialog.

• category name field -> multiline
• resource shortName field -> multiline
• resource website field -> multiline ??
• increase width/max-width to 70, maybe 75%
• add small margin (16px) to the bottom of both forms

Create a Documenation WebSite for the Repository that shows the WireFrames, the User Stories, API Docs, Stack, Core Contributors, etc.

This task is to just setup the basics of the site.

Provide ability to delete a category when viewing an individual category. Add delete menu item to the secondary menu. Provide a confirm dialog. When deleting a category, set category id to null on all related resource documents.

Enhance existing documentation within app/readme.md to include instructions to help fellow developers:

• clone the app
• cd app
• install depedencies (yarn)
• establish environment variables.

Within the main project's readme.md include a link named 'React App` that points to app/readme.md.

Add a CheckJWT Module for API with Auth0 Service
And update the audience in the auth0 app service class

Enhance the Resource Show Card to display the following additional pieces of information when the toggle is selected. Use the toggle icon to control the expanded state of the card. Down icon for closed state of card. Up icon for open/expanded state of card. See https://material-ui-next.com/demos/cards/#complex-interaction.

Expanded state of card shows remaining purpose, all contacts and all addresses.

See https://github.com/jrs-innovation-center/tcvsn-pwa/blob/master/docs/wireframes.md#resource

Older material ui wireframe design. Current Resource Show Card should deviate from wireframe design and adhere to https://material-ui-next.com/ card, such as see https://material-ui-next.com/demos/cards/#complex-interaction, instead .

Need to create an Auth0 Tenant for the Vet Support Base Application

As a veteran, while I am viewing a list of categories, I wish to filter the resources by selecting View Resources from the list item's popup menu. This behavior is the same behavior as the primary action for a category list item. See #69.

As a veteran, as I am viewing a list of categories, I wish to display the details for the category by selecting Details from a popup menu. Selecting details navigates the user to the show page for the selected category.

For example, app redirects to http://localhost:3000/resources/www.ausa.org instead of www.ausa.org.

The resource is no longer re-saving properly after editing.

When viewing some of the pages the scrolling is not being restored when going to a new page.

https://reacttraining.com/react-router/web/guides/scroll-restoration

Also, you may want the app bar to be fixed at the top

Try position='fixed'

https://material-ui-next.com/api/app-bar/

• clean up the api docs, required fields, add cd api to getting started.

Change link on the call FAB into tel: link

As a veteran, as I am viewing a list of resources, I wish to call the primary contact number of the resource by selecting Call from a popup menu.

As a veteran, as I am viewing a list of resources, I wish to visit the website of the resource by selecting Website from a popup menu.

As a veteran, as I am viewing a list of resources, I wish to display the details for the resource by selecting Details from a popup menu. Selecting details, navigates the user to the show page for the selected resource. This is the same as the primary action for the resource list item.

Wireframe

The category selection dropdown isn't populating properly when attempting to edit a resource item.

When editing a category, the FAB should be a save icon rather than a pencil. See Edit Resource for an example. @camiam @m-o-n-t-y @curreythomas

Even if there are several numbers, having one primary contact number for the FAB button would be valuable.

• move the icon before the text to match the flow
• match the left margin spacing to that of the other items on the page (wrap in CardAction)
• change button text to "view resources" or "related resources" maybe ??

See related issue #69. As a veteran, I want the ability to filter resources so that I can better locate the resource I need. On the resources list page, I want the ability to select an item from the resource filter drop-down list and filter the resources by:

Resource Categories

• Basic Needs Assistance
• Benefits
• Education/Vocational
• Employment
• Financial & Legal
• Government
• Health
• Housing
• Information & Referral
• Peer Support & Recreation
• Rehab & Rec Therapy
• Notes
• top 10 resources
• All (resets the filter)

-Selecting "All" from the filter removes any applied filter and displays all the resources in the list of resources.

Deploy Docs using Now and update the docs readme and summary page

The padding on the right of the app bar search button needs to be decreased to match the menu/goback button on the opposing side.

Need to add api testing with Tape and Nock to confirm all api/dal works with every change.

• Resources
• Categories

What if the home page was the list of favorited resources by the user, so they could mark a resource as a favorite, we would store the id, name of resource in local storage and retrieve the list when they visit the app again from the save device on the home page. Then the default view with no favorite resources could be a logo and a note about how to add a favorite resource.

Thoughts???

• add temporary primaryPhone property outside of contacts array. see @twilson63.
• clean up empty objects within contacts and addresses and faq arrays
• create a descriptive short name
• modify short desc
• clean up _id values.
• remove http:// from website property

@billjoy090967 There's a lot of bad data in the resource documents. see load-data.js. Seems to be errors in the phone numbers within contacts

WRONG

contacts: [
{
name: "Selena Wilson",
office: "One80 Place",
title: "Chief Program Officer",
phone: [
{
mainLine: "843-723-9477",
Supportive Services for Veterans & Families (SSVF) Hotline: "843-212-8668"
}
]

CORRECT

contacts: [
{
name: "Selena Wilson",
office: "One80 Place",
title: "Chief Program Officer",
phone: "843-723-9477",
email: null, isPrimary: false
},
{
name: "Supportive Services for Veterans & Families (SSVF) Hotline",
office: "One80 Place",
title: null,
phone: "843-212-8668",
email: null, isPrimary: true
}
]

the call and edit FAB's are dangerously close to covering the description. A smidgeon of bottom padding on the resource/category card should guarantee usability

See related issue #70. As a veteran, as I am viewing a listing of categories using the categories list page, I desire the ability to filter resources by selecting a category item in the list so that I can easily locate resources.

Workflow

• User selects categories from menu drawer.
• User redirected to a listing of category items are displayed
• The user scrolls through category items in the list and selects a category.
• User redirected to the resources list page which displays a listing of resource items, filtered by the selected category. The resource filter drop down should be set to the selected category.
• The user selects a different item from the resource filter. See #70.

By removing the pouchdb module and using the core and http adapter we will remove the need to build level db and shorten module download time.

when adding categories/resources ensure reroute to list and display a refreshed list

• clean up avatar with appropriate letter, ignoring common articles such as The, A, An, etc. See pk generator lib for inspiration.

As a veteran, I wish to view the primary address location for the resource on a map at the top of the resource show card so that I can quickly know the location. In addition to displaying the map, display the following:

• Primary address (street, city, state, zip)
• Primary contact phone number

Implementation Notes

• See leaflet as a possible mapping library.
• See Wireframe.

Note: Wireframe is old and incorrectly based on an older version of Material UI rather than https://material-ui-next.com/.

• sort resources by alpha for name??? short name???

• consistent vert ellipsis styling on secondary menu with other icons
• yellow line

• Update load-data.js within api project.

• clean up the unused imports
• use standard to find any other issues

• ensure fab padding allows selection of last item in list

Add Developer Setup Instructions to README

As a veteran, I desire the ability to search resources by the resource's name, formalName, shortDesc properties so that I can find the appropriate resource for my needs.

• a prominent search icon on the nav menu that is easy to find.
• ability to select Search from the main menu drawer.

Workflow

• Once I decide to start a search, I desire to enter my search criteria into a text box within the nav menu at the top of the page. Search Wireframe 1

• As I enter my search criteria, I wish to see a list of resources whose name, formalName, shortDesc properties contains my search criteria. For example, search criteria of "red" would find the following resources. Search Wireframe 2

  • Red Cross
  • A Red Light
  • Otis redding

• Once I select a resource item from the list, I wish to navigate to the Resource Show Page. Wireframe

Implementation Notes/Suggestions

• For speed, search the resource documents within the redux state resources array rather than using the API.
• Added search enginesearchDocs and searchStringBuilder functions. view code library helpers. These functions can be leveraged by the search page and used as the core search engine to filter the redux resources array.
• Once resources array is filtered, dispatch the filtered array to the redux store as filteredResources. Use this filteredResources array to paint a list of resource items. Reuse resource item from the resource list page.