-
Notifications
You must be signed in to change notification settings - Fork 18
Caseflow Dispatch Frontend
Kat Tipton edited this page Apr 10, 2020
·
1 revision
This page is a work in progress, capturing a quick dive into the components in Spring 2020.
Rails Views React Components
+---+app/views/dispatch/establish_claims/+-----------+client/app/containers/EstablishClaimPage/+---------------------------------------------------------------------------+
| | |
| | |
| | |
+ + +
EstablishClaimPage
index.jsx EstablishClaimContainer.jsx
+-----------+ +--------------------------+
| | | |
assigned_existing_ep.html.erb+--------+ | | | |
| | | | | +--+
canceled.html.erb+--------------------------------------------> | EstablishClaimCancel+------------> EstablishClaimCancel.jsx | Complete and cancel handle 'end
| | | | | +--+ states' for Establishing a claim
+-----------------------> | EstablishClaimComplete+----------> EstablishClaimComplete.jsx |
| | | | | +--+
+--------------------------> | UnpreparedTasksIndex+------------> UnpreparedTasksIndex.jsx
| | | | | |
canceled_tasks.html.erb+--------------------------------------> | CanceledTasksIndex+--------------> CanceledTasksIndex.jsx
| | | | | |
complete.html.erb+--------------------+ +-------------------> | EstablishClaim+------------------> EstablishClaim.jsx
| | | | | | +--------------------------+
| | | | | | | |
show.html.erb+----------------------------+ | | | | | |
| +-----------+ | | | |
| | | | EstablishClaimDecision+---------> EstablishClaimDecision.jsx
unprepared_tasks.html.erb+---------+ | | | |
| | | AssociatePage+------------------> EstablishClaimAssociateEP.jsx
| | | |
| | | EstablishClaimForm+-------------> EstablishClaimForm.jsx
+--------------------------+ | |
| EstablishClaimNote+-------------> EstablishClaimNote.jsx
+ + | |
| | | EstablishClaimEmail+------------> EstablishClaimEmail.jsx
| | | |
| | | |
+------------------------------------------+ | |
| | |
| | |
| | |
| +--------------------------+
|
+ + +
distinct rails views return the EstablishClaimPage | |
component with a prop `page`. EstablishClaimPage | |
does some react magic I don't understand and then +---------------------------------------------------------------------------------+
invokes EstablishClaimContainer. That page sets up |
shared behavior and then invokes another component |
based on the `page` value |
+
EstablishClaim is a dynamic page that
determines what it is based a the state
it has set. Different states may invoke
their corresponding component
- Home
- Acronyms and Glossary
- Caseflow products
- Caseflow Intake
- Caseflow Queue
- Appeals Consumer
- Caseflow Reader
- Caseflow eFolder
- Caseflow Hearings
- Caseflow Certification
- Caseflow APIs
- Appeal Status API
- Caseflow Dispatch
-
CSUM Roles
- System Admin
- VHA Team Management
- Active Record Queries Resource
- External Integrations
- Caseflow Demo
- Caseflow ProdTest
- Background
- Stuck Jobs
- VA Notify
- Caseflow-Team
- Frontend Best Practices
- Accessibility
- How-To
- Debugging Tips
- Adding a Feature Flag with FeatureToggle
- Editing AMA issues
- Editing a decision review
- Fixing task trees
- Investigating and diagnosing issues
- Data and Metric Request Workflow
- Exporting and Importing Appeals
- Explain page for Appeals
- Record associations and Foreign Keys
- Upgrading Ruby
- Stuck Appeals
- Testing Action Mailer Messages Locally
- Re-running Seed Files
- Rake Generator for Legacy Appeals
- Manually running Scheduled Jobs
- System Admin UI
- Caseflow Makefile
- Upgrading Postgresql from v11.7 to v14.8 Locally
- VACOLS VM Trigger Fix M1
- Using SlackService to Send a Job Alert
- Technical Talks