-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (123 loc) · 5.93 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
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
122
123
124
125
126
127
128
129
130
131
132
133
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/squirrelly.min.js"></script>
<!-- IPS Specific Custom CSS-->
<link rel="stylesheet" href="./css/custom.css">
<!-- IPS Rendering -->
<script type="module" src="./js/renderIPS.js"></script>
<script type="module" src="./js/retreiveIPS.js"></script>
<title>IPS Viewer</title>
</head>
<body style="margin: 10px;">
<div id="content" style="display:none">
<!-- IPS Default Header for Connectathons -->
<!-- Removing header id element will remove header -->
<div class="headerContainer"
style="background-color: rgb(249, 249, 249); border-bottom: 1px solid rgb(204, 204, 204);">
<div class="fluid-container">
<div class="subheaderContainer">
<div
style="display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 70px; align-items:center">
<div style="display: flex;">
<div>
<a href="https://doh.wa.gov" target="_blank"><img id="doh-logo" class="doh_logo_doh-black"
alt="Washington State Department of Health Logo" src="./img/doh_logo_doh-black.png"
width="240px"></a>
</div>
<!--<div style="vertical-align: middle;">Washington State<br>Department of Health</div>-->
</div>
<div style="margin:10px; float:right; vertical-align:middle">
<ul class="ms-auto navbar-nav">
<li class="nav-item">
<a href="/home" target="_blank" class="nav-link text-secondary">Home</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="logo-nav-container" style="border-bottom: 1px solid rgb(204, 204, 204);">
<div class="fluid-container">
<div class="vaccineLogo" style="padding: 5px 1.5vw;">
<div style="display: flex; align-items: center;">
<div>
<a href="/home" target="_blank"><img id="waverify-plus-logo" alt="WaVerify+ Logo" width="200px"
src="./img/waverifypluslogo.png" style="align-self: center;"></a>
</div>
<div
style="vertical-align: middle; font-size: 18px; display: inline-block; padding-left: 17px; font-family: Verdana, sans-serif; color: rgb(34, 72, 156);">
International Patient Summary Viewer</div>
</div>
</div>
</div>
</div>
<br>
<!-- IPS Patient Summary Viewer -->
<!-- Note that you should be cautious in removing dropdowns since -->
<!-- IPS documents have both machine-processable FHIR resources and Narrative HTML -->
<div style="padding-left: 17px">
<div class="dropdown" style="display:inline">
<label for="mode" style="margin-right: 5px">Displaying FHIR resources using:</label>
<button class="btn btn-secondary dropdown-toggle" id="mode" type="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
App Interpretation
</button>
<br>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a id="FhirDropdown" class="dropdown-item" style="cursor:pointer">
Display app's interpretation of resources
</a>
<a id="NarrativeDropdown" class="dropdown-item" style="cursor:pointer">
Display text generated by IPS source
</a>
</div>
</div>
<div class="text-info" id="renderMessage" style="display: none;">
Unsupported sections displayed using composition narratives
</div>
</div>
<ul id="tabs" class="nav nav-tabs" style="margin: 19px 0px 18px; visibility: visible; padding-left: 17px"></ul>
<div id="ips-loader" class="row">
<span class="loader"></span>
</div>
<div id="rendered-ips" class="tab-content" style="margin: 30px; margin-right: 0px;">
</div>
</div>
<!-- IPS Default Footer for Connectathons -->
<!-- Removing footer id element will remove footer -->
<!-- Code is maintained under APACHE-2 License. See https://github.com/jddamore/IPSviewer -->
<footer>
<hr />
<lead>Originally created by Alejandro Lopez Osornio, Diego Kaminker and Fernando Campos. Modified 2021-2023 by John
D'Amore, and 2023 by CIRG</lead>
<br />
<lead>Based on <a href="https://salud-ar.github.io/IPS-Argentina/demo.html">prior work</a> from <a
href="https://github.com/SALUD-AR/IPS-Argentina">this repository</a></lead>
<br />
<lead>Licensed according to Apache 2.0. See <a href="https://github.com/uwcirg/shl-ips">current code
repository</a> for details</lead>
<br />
<lead>Hosted by the University of Washington's <a href="https://cirg.washington.edu">Clinical Informatics Research
Group</a></lead>
</footer>
</div>
</body>
</html>