prime-simplereport icon indicating copy to clipboard operation
prime-simplereport copied to clipboard

Create a new front-end homepage for the CSV upload experience

Open lg-king opened this issue 3 years ago • 9 comments

  • Use new front-end framework for this page (USWDS 3.0) (see if possible to use USWDS 3.0 for this if not upgrading everything)
  • use responsiveness, column-based layouts (ensure that this scales down as viewport size decreases)
  • ensure that this is good on accessibility

Create a skeleton page for a separated CSV upload experience.

  • Home = existing Upload spreadsheet page
  • History = View upload history
  • Guide = upload guide
  • Device code lookup
  • Should include user icon and gear in top nav bar

Should only be accessible via direct URL. - /app/csvuploads

Should have same permissions as CSV uploader

Update nav to current design: https://www.figma.com/file/NPSPM5SBzQ7Ra3mmr9M9cB/SimpleReport-Public-Site?node-id=13856%3A35434&t=HJCq1Vwq81y3E4NO-1

220929Upload - Home - Dropdown.png

lg-king avatar Sep 28 '22 15:09 lg-king

@vz3 Need to flesh this out a little more to match the scope of this story

  • Show nav bar without dropdown / spreadsheet upload selector
  • Show what's on each page for the "2.0" version - i.e., home should just be the current upload page for now, guide on it's own page, history on it's own page, page for code lookup
  • Consider: should we be implementing this page using USWDS 3.0?

lg-king avatar Oct 06 '22 14:10 lg-king

@vz3 was the support link in the user icon menu intentionally removed or should I include it?

mehansen avatar Oct 18 '22 17:10 mehansen

@vz3 when a user navigates to settings via the gear icon, do they see the regular settings page? and does the header change to be like the normal SR header if that's the case or do we keep showing the uploader mode header?

mehansen avatar Nov 07 '22 19:11 mehansen

@mehansen Sorry for missing these! Support link should be included please! And ooh good question on the settings page question. I hadn't considered that we'd need to sketch that out. Let me take a look and form an opinion.

vz3 avatar Nov 07 '22 19:11 vz3

At a glance, if we believe that CSV uploader users will only use this view, I think the only pertinent setting is "Manage users". What might be the lift for giving users access only to that tab with this treatment? If significant, I may be open to directing users to core SR settings page, but we'll want to do a modal to warn users along with instructions on returning…i.e. probably not ideal, but an option worth considering.

vz3 avatar Nov 07 '22 20:11 vz3

cc @lauraykerr @lg-king for any thoughts on my last comment wrt settings page

vz3 avatar Nov 07 '22 20:11 vz3

Hm, from an IA perspective it kind of feels like settings should be at a level above (or separate from) the "conduct tests" or "upload spreadsheet" mode. @vz3 @lauraykerr maybe we can think about what that would look like - e.g., take a look at the "account management" section in Zenhub (when you click your profile in the bottom left).

I hesitate to remove functionality from settings in this mode since we're still requiring all users to add facility and org information. @vz3 as part of the delineated experience it could be worth exploring how we might require facility registration only for conduct test users since that's not relevant for upload users.

@mehansen I think we can hold off on implementing the settings button on this page while we figure this out.

lg-king avatar Nov 07 '22 20:11 lg-king

@vz3 resolve issue with nav (sidebar vs. top)

lg-king avatar Nov 30 '22 16:11 lg-king

blocked waiting for finalized design from @kenieh @vz3

mehansen avatar Jan 11 '23 00:01 mehansen