Skip to content

Commit

Permalink
add more content
Browse files Browse the repository at this point in the history
  • Loading branch information
@jakewheeler
jakewheeler committed Nov 18, 2024
1 parent 5640f7e commit c6b97ce
Showing 1 changed file with 233 additions and 4 deletions.
237 changes: 233 additions & 4 deletions src/app/products/ecr-viewer/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,13 @@
import { ContentContainer } from '@/app/components/ContentContainer/ContentContainer';
import Hero from '@/app/components/Hero/Hero';
import { basePath } from '@/app/utils/constants';
import {
ProcessList,
ProcessListItem,
ProcessListHeading,
Accordion,
Link,
} from '@trussworks/react-uswds';
import Image from 'next/image';

export default function EcrViewer() {
Expand All @@ -14,7 +21,7 @@ export default function EcrViewer() {
<div className="grid grid-cols-[1fr_2fr_1fr]">
<div>Subnav</div>
<div className="grid grid-cols-1 gap-[3.75rem]">
<div>
<div className="overview">
<h1 className="font-['Source Sans Pro'] text-[40px] font-bold text-[#224a58]">
Overview
</h1>
Expand All @@ -35,7 +42,7 @@ export default function EcrViewer() {
</span>
</p>
</div>
<div>
<div className="value flex flex-col gap-3">
<h2>The value to you</h2>
<ul className="font-['Source Sans Pro'] text-base font-semibold leading-relaxed text-[#224a58]">
<li>
Expand Down Expand Up @@ -64,7 +71,7 @@ export default function EcrViewer() {
</li>
</ul>
</div>
<div>
<div className="demo">
<h2>Demo</h2>
<div>
<Image
Expand All @@ -79,7 +86,7 @@ export default function EcrViewer() {
</span>
</div>
</div>
<div>
<div className="how-it-works">
<div className="flex flex-col gap-3">
<h2>How it works</h2>
<p className="flex flex-col gap-10">
Expand All @@ -103,6 +110,228 @@ export default function EcrViewer() {
src={`${basePath}/images/ecr-viewer_how-it-works.gif`}
/>
</div>
<div className="flex flex-col gap-6">
<div>
<p className="font-['Source Sans Pro'] text-base font-bold leading-relaxed text-[#224a58]">
We've grouped the full eCR docuent into five main
sections:
</p>
<ul className="font-['Source Sans Pro'] text-base font-bold leading-relaxed text-[#224a58]">
<li>Patient Info</li>
<li>Encounter Info</li>
<li>Clinical Info</li>
<li>Lab Info</li>
<li>eCR Metadata</li>
</ul>
</div>
<p className="flex flex-col gap-8">
<span>
No matter who sent the eCR, every eCR you view in the eCR
Viewer will look the same. The ordering of the five main
sections, as well as the fields within those sections, is
always the same, so you can quickly scroll through the eCR
to find the information you're looking for.
</span>
<span>
You can use the side navigation to skip to any section
within the eCR. It's always visible as you scroll so you
can see where you are within the document and quickly move
to different sections.
</span>
<span>
The eCR Viewer allows you to see more data than what's
currently available by default in the HTML or surveillance
system views. We pull out more data fields from the eICR
XML and also combine eICR and RR data together.
</span>
<span>
For example, with the eCR Viewer, you can see all of the
reportable conditions for the eCR, why the eCR was
triggered, and which jurisdictions the eCR was sent to,
none of which are possible to view in the eICR data alone
</span>
<span>
With the eCR Viewer, you can quickly see what data is
missing in an eCR so you don't have to wonder whether you
can't find the data or if it's just not there. All of the
unavailable fields are consolidated at the bottom of the
eCR for quick scanning.
</span>
</p>
</div>
</div>
</div>
<div className="getting-started">
<div>
<h1 className="font-['Source Sans Pro'] text-[40px] font-bold text-[#224a58]">
Getting started
</h1>
<div>
<p className="font-['Source Sans Pro'] text-base font-normal leading-relaxed text-[#224a58]">
Before you can use the eCR Viewer, you'll need to set it up
and get your staff comfortable with how the eCR Viewer can
help improve their data workflows.
</p>
<p className="font-['Source Sans Pro'] text-base font-bold leading-relaxed text-[#224a58]">
What's expected from a pilot partner:
</p>
<ul className="font-['Source Sans Pro'] text-base font-normal leading-relaxed text-[#224a58]">
<li>
Work with the DIBBs team to set expectations and establish
a regular meeting cadence
</li>
<li>
Deploy the eCR Viewer in your production environment
</li>
<li>
Provide feedback on an ongoing basis to ensure the eCR
Viewer in working properly
</li>
</ul>
</div>
<ProcessList>
<ProcessListItem>
<ProcessListHeading type="h4">
Gather your team
</ProcessListHeading>
<p>
You'll need someone at your jurisdiction to act as the
point of contact with the DIBBs team as well as a
technical point of contact who is familiar with your data
environment. Sometimes one person fills both of those
roles.
</p>
</ProcessListItem>
<ProcessListItem>
<ProcessListHeading type="h4">
Attend kickoff call
</ProcessListHeading>
<p>
During this kickoff, we'll discuss how eCR Viewer works,
the technical requirements, and your eCR data needs.
</p>
</ProcessListItem>
<ProcessListItem>
<ProcessListHeading type="h4">
Get set up
</ProcessListHeading>
<p>
Work with the DIBBs team to test the eCR Viewer with your
staff and to get the tool up and running in your data
environment.
</p>
</ProcessListItem>
<ProcessListItem>
<ProcessListHeading type="h4">
Provide ongoing feedback
</ProcessListHeading>
<p>
Tell us what's going well and what could be better so we
can improve your experience with the eCR Viewer.
</p>
</ProcessListItem>
</ProcessList>
</div>
</div>
<div className="technical-resources">
<div>
<h1 className="font-['Source Sans Pro'] text-[40px] font-bold text-[#224a58]">
Technical resources
</h1>
<p className="font-['Source Sans Pro'] text-base font-normal leading-relaxed text-[#224a58]">
Find the resources you need to successfully use the eCR Viewer
in your jurisdiction.
</p>
<div className="grid grid-cols-1 gap-6 lg:grid-cols-2">
<div className="flex flex-col gap-2">
<h2 className="text-xl">Installing eCR Viewer</h2>
<ul className="m-0 flex list-none flex-col gap-1 p-0">
<li>
<Link href="/">
Non Integrated Viewer Installation Guide
</Link>
</li>
<li>
<Link href="/">
Installation Guide for NBS integration
</Link>
</li>
<li>
<Link href="/">DIBBs Installation Guide - Helm</Link>
</li>
<li>
<Link href="/">Hosting options</Link>
</li>
</ul>
</div>
<div className="flex flex-col gap-2">
<h2 className="text-xl">Maintenance & Support</h2>
<ul className="m-0 flex list-none flex-col gap-1 p-0">
<li>
<Link href="/">Runbook for common issues</Link>
</li>
<li>
<Link href="/">Maintenance guide</Link>
</li>
<li>
<Link href="/">Customer Support Plan Technical</Link>
</li>
</ul>
</div>
<div className="flex flex-col gap-2">
<h2 className="text-xl">Terraform</h2>
<ul className="m-0 flex list-none flex-col gap-1 p-0">
<li>
<Link href="/">AWS Terraform Installation</Link>
</li>
<li>
<Link href="/">Azure Terraform Installation</Link>
</li>
</ul>
</div>
<div className="flex flex-col gap-2">
<h2 className="text-xl">Troubleshooting</h2>
<ul className="m-0 flex list-none flex-col gap-1 p-0">
<li>
<Link href="/">Usage Guide</Link>
</li>
<li>
<Link href="/">Azure Technical Testing</Link>
</li>
</ul>
</div>
</div>
</div>
</div>
<div className="faqs">
<div>
<h1 className="font-['Source Sans Pro'] font-bold text-[#224a58]">
FAQs
</h1>
<p>
Find answers to commonly asked questions about the eCR Viewer.
</p>
<Accordion
bordered={false}
items={[
{
className: 'bg-background',
id: 'test',
headingLevel: 'h2',
expanded: false,
title: 'Who will use this tool?',
content:
'Case investigators, epidemiologists, and other public health practitioners who actively reference eCRs for their work will use the eCR Viewer as a workflow optimization tool.',
},
]}
/>
</div>
<div>
<h3>Have a question that isn't answered?</h3>
<p>
Please get in touch with our team at{' '}
<Link href="mailto:[email protected]">[email protected]</Link>
</p>
</div>
</div>
</div>
Expand Down

0 comments on commit c6b97ce

Please sign in to comment.