-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmfhp.html
90 lines (82 loc) · 4.55 KB
/
mfhp.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
<HTML>
<HEAD>
<TITLE> My Family Health Portrait </TITLE>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="source/images/favicon.ico" >
<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>
<script src="source/js/test_widgets.js"></script>
<script src="source/js/fhh_card.js"></script>
<link rel="stylesheet" href="source/css/fhh.css">
<link rel="stylesheet" href="source/css/test.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="source/css/mfhp.css" >
</HEAD>
<BODY>
<DIV class='main_container'>
<DIV class='banner'>
<DIV id='log'><IMG src='source/images/banner_left.jpeg'></DIV>
<DIV><IMG src='source/images/banner_right.png'></DIV>
</DIV>
<DIV class='help_row'>
<DIV class='bubble help' onclick='alert("Help Coming Soon");'> Get Help for this page </DIV>
</DIV>
<h1 class='title'>My Family Health History</h1>
<DIV class='button_area'>
<DIV class='column'>
<DIV class='section'>
Check your risk for certain common diseases in your family <br/>
<DIV class='option'>
<DIV class='bubble action' style='background-color: rgb(218, 69, 11);'
onclick='alert("Risk Coming Soon");'> Check Risks </DIV>
<SPAN class='mobile_hide'> - Check your Familial Risk </SPAN> </DIV>
</DIV>
<DIV class='section'>
Manage Your Data <br/>
<DIV class='option'><DIV class='bubble' id='clear'> Start Family History </DIV>
<SPAN class='mobile_hide'> - Start a new Family History (Note: Will reset all data) </SPAN> </DIV>
<DIV class='option'><DIV class='bubble' id='save'> Save to Browser </DIV>
<SPAN class='mobile_hide'> - Save Locally </SPAN> </DIV>
<DIV class='option'><DIV class='bubble' id='export'> Export to File </DIV>
<SPAN class='mobile_hide'> - Save to a File you manage </SPAN> </DIV>
<DIV class='option'><DIV class='bubble' id='load'> Load From Browser </DIV>
<SPAN class='mobile_hide'> - Load Previously Saved Data </SPAN> </DIV>
<DIV class='option'><DIV class='bubble' id='import_from_file'> Load From File </DIV>
<SPAN class='mobile_hide'> - Load from a File you manage </SPAN> </DIV>
<DIV class='option'><DIV class='bubble disabled' onclick='alert("Share Data Coming Soon");'> Share Data for Relative </DIV>
<SPAN class='mobile_hide'> - Export the Data for a Family Member </SPAN> </DIV>
</DIV>
</DIV>
<DIV class='column'>
<DIV class='section'>
View and Print <br/>
<DIV class='option'><DIV class='bubble disabled' onclick='alert("Show Pedigree Coming Soon");'> Show Pedigree </DIV>
<SPAN class='mobile_hide'> - Show a Pedigree (Family Tree) of your Family </SPAN> </DIV>
<DIV class='option'><DIV class='bubble disabled' onclick='alert("Show Disease Table Coming Soon");'> Show Table </DIV>
<SPAN class='mobile_hide'> - Show all diseases for your family in a table </SPAN> </DIV>
</DIV>
<DIV class='section'>
Edit your Family and Health Histories<br/>
<DIV class='option'><DIV class='bubble' id='add_relative'> Add New Family Member </DIV>
<SPAN class='mobile_hide'> - Add a new member of your Family </SPAN> </DIV>
<DIV class='option'><DIV class='bubble' id='remove_relative'> Remove Family Member </DIV>
<SPAN class='mobile_hide'>- Remove a member from your Family </SPAN> </DIV>
<DIV class='option'><DIV class='bubble' id='expand_all'> Expand All </DIV>
<SPAN class='mobile_hide'>- Expand All Relative's Cards </SPAN> </DIV>
<DIV class='option'><DIV class='bubble' id='collapse_all'> Collapse All </DIV>
<SPAN class='mobile_hide'>- Collapse All Relative's Cards </SPAN> </DIV>
</DIV>
</DIV>
</DIV>
<br><hr>
<UL>
<LI>To expand a card, click on the title</LI>
<LI>To collapse a card, click on the title again</LI>
<LI>To edit a card, click on the lock and then the value you wish to edit</LI>
</UL>
<hr><br>
<input type="file" id="import_file" style="display:none"/>
<DIV id="fhh_data" class="fhh_family"></DIV>
</DIV
</BODY>
</HTML>