-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
94 lines (84 loc) · 3.36 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<head>
<title>Family Health History Reference Implementation</title>
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js" ></script>
<link rel="stylesheet" href="source/css/fhh.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<script src="source/js/hello.js"></script>
</head>
<body>
<input type="file" id="import_file" style="display:none"/>
<TABLE class='navbar'>
<TR>
<TD id='import'>Import From File </TD>
<TD id='load'>Load</TD>
<TD id='save'>Save</TD>
<TD id='export'>Export to File</TD>
<TD id='clear'>Clear</TD>
</TR>
</TABLE>
<TABLE class='navbar'>
<TR><TD id='simplified'>Simplified View</TD><TD id='demographics'>Demographics View</TD><TD id='diseases'>Disease View</TD></TR>
</TABLE>
<TABLE class='fhh' id= 'fhh'>
<TR> <TH class='h_left'> Name </TH> <TH class='h_center'> Relationship </TH> <TH class='h_center'> Edit </TH> <TH class='h_center'> Delete </TH> </TR>
</TABLE>
<div id='demographics_dialog'>
<INPUT type='hidden' id='demographics_person_id' />
<TABLE>
<TR>
<TD> Name </TD>
<TD> <INPUT type='text' id='demographics_person_name' /> </TD>
</TR>
<TR>
<TD> Sex Assigned At Birth </TD>
<TD> <select id='demographics_person_gender'><option> </option><option>Male</option><option>Female</option></select> </TD>
</TR>
<TR>
<TD> Is this person still alive </TD>
<TD> <select id='demographics_alive'><option> </option><option>Yes</option><option>No</option></select>
<br /> <select id='demographics_age_style'><option> </option><option>Date of Birth (MM/DD/YYYY)</option><option>Age</option><option>Estimated Age</option><</select>
<INPUT type='text' id='demographics_person_birthdate'/>
</TD>
</TR>
<TR>
<TD> Was this person adopted </TD>
<TD> <select id='demographics_adopted'><option> </option><option>No</option><option>Yes</option></select> </TD>
</TR>
<TR>
<TD> Height </TD>
<TD>
<input type='text' id='demographics_height_in_feet' size='5'/> ft
<input type='text' id='demographics_height_in_inches' size='5' /> in -or-
<input type='text' id='demographics_height_in_centimeters' size='5' /> cm
</TD>
</TR>
<TR>
<TD> Weight </TD>
<TD>
<input type='text' id='demographics_weight' size='5'>
<select id='demographics_weight_units'><option> </option><option>pounds</option><option>kilograms</option></select>
</TD>
</TR>
<TR>
<TD> Race </TD>
<TD>
<input type='checkbox' id='american_indian' /> American Indian or Alaska Native
<input type='checkbox' id='asian' /> Asian
<input type='checkbox' id='white' /> White <br />
<input type='checkbox' id='black' /> Black or African American
<input type='checkbox' id='pacific' /> Native Hawaiian or Other Pacific Islander <br />
</TD>
</TR>
<TR>
<TD> Ethnicity </TD>
<TD>
<input type='checkbox' id='hispanic' /> Hispanic or Latino
<input type='checkbox' id='not_hispanic' /> Not Hispanic or Latino
<input type='checkbox' id='jew' /> Ashkenazi Jewish
</TD>
</TR>
</TABLE>
</div>
</body>
</html>