-
Notifications
You must be signed in to change notification settings - Fork 73
/
Copy pathindex.htm
121 lines (98 loc) · 5.84 KB
/
index.htm
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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Intelligent Software and Systems">
<title>HL7 C-CDA Viewer (Intelsoft)</title>
<script src="js/jquery-1.12.0.min.js"></script>
<!--
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.12.0.min.js">\x3C/script>')</script>
-->
<script src="js/core.js"></script>
<!--<link rel="stylesheet" type="text/css" media="all" href="css/font-awesome.css" />-->
<link rel="stylesheet" type="text/css" media="all" href="css/cda.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/pure-min.css" />
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.css">
<link rel="stylesheet" href="css/pureextension.css">
<!--[if lte IE 8]>
<link rel="stylesheet" href="css/marketing-old-ie.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="css/marketing.css">
<!--<![endif]-->
<script src="js/packery.pkgd.min.js"></script>
<script src="js/draggabilly.pkgd.min.js"></script>
<!--
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.2/masonry.pkgd.min.js"></script>
<script>window.jQuery || document.write('<script src="js/masonry.pkgd.min.js">\x3C/script>')</script>
-->
<script src="js/xslt/xslt.js"></script>
<script src="js/core.js"></script>
</head>
<body>
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css">
<!--<![endif]-->
<div class="custom-wrapper pure-g home-menu pure-menu pure-menu-fixed" style="width:100%" id="men">
<div class="pure-u-1">
<span class="pure-button viewbtn" id="inputcdabtn" id_target="inputcda" style="float:right;display:block"><i class="fa fa-lg fa-file-code-o"></i> Input CDA Document</span>
<a href="home.htm" class="" style="float:left;font-weight:bold;font-size:1.75em;;padding-top:0.2em;padding-bottom:0.5em;text-decoration:none">HL7 C-CDA Viewer</a>
</div>
</div>
<div class="content-wrapper" id="content-wrapper" style="top:auto">
<div class="pure-g" style="margin-top:3em">
<div class="pure-u-1">
<div class=" cdaview" id="inputcda" style="padding:1em;">
<div style="margin:0.5em">
<p>Enter a Github username to lookup a Repository of CDA examples:</p>
<span id="ghsearch" class="pure-button"><i class="fa fa-github"></i> Search Github</span>
<span id="ghrepos" class="pure-button"><i class="fa fa-github"></i> Lookup Github</span>
Github Username <input id="ghowner" placeholder="Github Username" value="C-CDA" type="text" />
<div id="github"></div>
<p id="transform" class="pure-button transform">View <i class="fa fa-angle-double-right"></i></p>
<p style="">Paste your C-CDA document below<p>
</div>
<textarea id="cdaxml" style="width:95%;height:20em;padding:0.25em;"
placeholder="Your C-CDA document goes here:
<ClinicalDocument xmlns="urn:hl7-org:v3" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:sdtc="urn:hl7-org:sdtc" xmlns:cda="urn:hl7-org:v3">"
></textarea>
<p>Sample CDA documents are listed below.</p>
<div style="width:45em;font-size:90%">
<span style="width:75%;text-align:left" file="./samples/Final_Task_Force_Full_Sample_R1.1.xml" class="pure-button transform">
Summary of Care (Final_Task_Force_Full_Sample_R1.1.xml) <i class="fa fa-angle-double-right"></i>
</span>
<span onclick="loadtextarea('./samples/Final_Task_Force_Full_Sample_R1.1.xml')" class="pure-button">Show XML</span>
<span style="width:75%;text-align:left" file="./samples/R2.xml" class="pure-button transform">Patient Chart Summary (C-CDA_R2-1_CCD.xml) <i class="fa fa-angle-double-right"></i></span>
<span onclick="loadtextarea('./samples/R2.xml')" class="pure-button">Show XML</span>
<span style="width:75%;text-align:left" file="./samples/C-CDA_R2_Care_Plan.xml" class="pure-button transform">Care Plan (C-CDA_R2_Care_Plan.xml) <i class="fa fa-angle-double-right"></i></span>
<span onclick="loadtextarea('./samples/C-CDA_R2_Care_Plan.xml')" class="pure-button">Show XML</span>
<span style="width:75%;text-align:left" file="./samples/Sample-p1.xml" class="pure-button transform">Dismissal Summary (Sample-p1.xml) <i class="fa fa-angle-double-right"></i></span>
<span onclick="loadtextarea('./samples/Sample-p1.xml')" class="pure-button">Show XML</span>
<span style="width:75%;text-align:left" file="./samples/Sample-p2.xml" class="pure-button transform">Outpatient Summary (Sample-p2.xml) <i class="fa fa-angle-double-right"></i></span>
<span onclick="loadtextarea('./samples/Sample-p2.xml')" class="pure-button">Show XML</span>
</div>
<p>Click 'Show XML' to insert the XML into the box above, then click 'View' (above) to see this XML in the viewer.</p>
<p>Click each document to show the CDA document in the viewer.</p>
<p>After viewing, click 'Input CDA Document' (top right), to return to this input screen.</p>
<p>Note that performance has not been optimised for viewing from a web server, as it was not a condition of the challenge. Local deployments of the fileset will perform more responsive rendering.</p>
</div>
<div class=" cdaview" id="viewcda">
<p><p>
</div>
<div class="">
<a href="http://intelsoft.com.au" class="intelsoft" style="">
<i class="fa fa-rocket"></i> Made by Intelsoft
</a>
<span id="storagemsg"></span>
</div>
</div>
</div>
</div>
<script src="js/purejs.js"></script>
</body>
</html>