OpenSource/hdhs
1
0 Fork 0
mirror of https://github.com/Haiti-Distributed-Healthcare-System/hdhs.git synced 2026-10-27 01:45:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

implemented radio buttons, needs improvement

Browse Source
This commit is contained in:
Meghan McLaughlin committed 2020-04-23 12:50:25 -05:00
1 parent 31fb6c87b4
commit ea313a1def
2 files changed
+44 -11
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

pwa/src/components/DiagnosisFields.json
+24 -4
View File
@@ -101,11 +101,31 @@
{
"name": "Otitis",
"id": "otitis",
"radio-buttons": {
"radio-buttons-title": "",
"radio-buttons": [
{ "name": "Right", "id": "right" },
{ "name": "Left", "id": "left" },
{ "name": "Both", "id": "both" }
]
}
},
{
"name": "Pneumonia",
"id": "pneumonia",
"radio-buttons": {
"radio-buttons-title": "",
"radio-buttons": [
{ "name": "Right", "id": "right" },
{ "name": "Left", "id": "left" },
{ "name": "Both", "id": "both" }
]
}
},
{
"name": "Sinusitis",
"id": "sinusitis",
"group-title": "",
"group": [
{ "name": "Pneumonia", "id": "pneumonia" },
{ "name": "Sinusitis", "id": "sinusitis" }
],
"radio-buttons": {
"radio-buttons-title": "",
"radio-buttons": [
pwa/src/components/DiagnosisForm.tsx
+20 -7
View File
@@ -1,9 +1,10 @@
import React, { ReactElement, useState } from 'react'
import { List, Checkbox, TextareaItem, WhiteSpace } from 'antd-mobile'
import { List, Checkbox, TextareaItem, WhiteSpace, Radio } from 'antd-mobile'
import '../scss/DiagnosisForm.scss'
import * as data from './DiagnosisFields.json'
const CheckboxItem = Checkbox.CheckboxItem
const RadioItem = Radio.RadioItem
/*
@@ -47,11 +48,7 @@ export default function DiagnosisForm(): ReactElement {
if (field['text-input-title'] != null) {
formElements.push(
<List renderHeader={() => field['text-input-title']}>
<TextareaItem
autoHeight
// id={field['text-input-title'].toLowerCase()}
id={field.id}
/>
<TextareaItem autoHeight id={field.id} />
</List>,
)
}
@@ -80,8 +77,24 @@ export default function DiagnosisForm(): ReactElement {
formElements.push(<WhiteSpace size="lg" />)
}
// TODO - Radio
// TODO: radio buttons displayed this way are indented badly
if (field['radio-buttons'] != null) {
{
field['radio-buttons']['radio-buttons'].map((i) =>
formElements.push(
<RadioItem
data-testid={i.id}
id={i.id}
key={i.name}
name={i.name}
// checked={sex === i.value}
// onClick={() => setSex(i.value)}
>
{i.name}
</RadioItem>,
),
)
}
}
return <> {formElements} </>