-
Notifications
You must be signed in to change notification settings - Fork 248
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
(feat) Highlight abnormal values in vitals and biometrics form #1427
Conversation
Size Change: +1.33 kB (0%) Total Size: 9.12 MB
ℹ️ View Unchanged
|
b5596e7
to
f6d7fde
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks @hadijahkyampeire! A few notes.
...ges/esm-patient-vitals-app/src/vitals/vitals-biometrics-form/vitals-biometrics-form.utils.ts
Show resolved
Hide resolved
...m-patient-vitals-app/src/vitals/vitals-biometrics-form/vitals-biometrics-input.component.tsx
Outdated
Show resolved
Hide resolved
...m-patient-vitals-app/src/vitals/vitals-biometrics-form/vitals-biometrics-input.component.tsx
Outdated
Show resolved
Hide resolved
...m-patient-vitals-app/src/vitals/vitals-biometrics-form/vitals-biometrics-input.component.tsx
Outdated
Show resolved
Hide resolved
@hadijahkyampeire, here's some context about error messages after talking to Ciaran about it:
|
Is the plan to try and include this in the 3.0.0-beta.14 release? |
That release already exists, so no 😁. We can include it in the next |
Roger that, thanks Ian :) OK I have tagged the source Jira Tickets with "Fix Version: 3.0.0-beta.15" so that it shows up on our "stuff to release next time" list here: https://issues.openmrs.org/projects/O3/versions/34001 |
Thanks @denniskigen this is so helpful |
f478c40
to
48d3060
Compare
@ibacher @denniskigen I have worked on all the feedback and attached an updated recording, please take another look. Thanks. |
2038f69
to
caf1bd7
Compare
e0c1e27
to
0a612a6
Compare
Ciaran's feedback:
vitals-form-validation.mp4 |
0a612a6
to
fa6a890
Compare
@@ -89,17 +94,24 @@ const VitalsBiometricInput: React.FC<VitalsBiometricInputProps> = ({ | |||
const showInvalidInputError = showErrorMessage && isInvalidInput; | |||
const errorMessageClass = showInvalidInputError ? styles.invalidInput : ''; | |||
|
|||
const containerClasses = classNames(styles.inputContainer, { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I keep forgetting about this library. We should use it more often!
Thanks @denniskigen for the commits. @ibacher please take another look whenever you get a chance, Thanks. |
bf649dd
to
5239599
Compare
State of things following the latest commits:
vitals-form-validation.mp4There's still one gnarly bug to deal with - it involves fixing an issue where the validation gets triggered even when the input is cleared, i.e. If you delete the contents of the already validated input, the validation still gets triggered with the empty value. |
- Biometrics input should be readOnly, not disabled - Abnormal value feedback should be triggered when we remove focus from a field - Use classnames library to clean up conditional classnames
- Make the BMI input readonly - Reorder inputs to match designs - Update tests
445e9ec
to
c3e1765
Compare
c3e1765
to
79557eb
Compare
Current state of things: vitals-biometrics-form-latest.mp4 |
Requirements
Summary
invalid
inputRelevant design doc
Screenshots
vital-inputs-states.mov
Related Issues
Abnormal values should get flagged with a different background color
Highlight abnormal values in vitals inputs using arrows