-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·226 lines (223 loc) · 13.5 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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="css/cb.css">
<link rel="canonical" href="{{ site.url }}{{ page.url }}" />
</head>
<body>
<div class="container-fluid">
<div class="row">
<div id="options-bar" class="col-xs-12 col-sm-5 col-md-4 col-lg-3">
<a href="http://presencehealth.org"><img src="logo.png" class="logo" height="37" width="222" style="margin-top: 5px;"></a>
<h2 class="text-info">Community Touch</h2>
<h3><small>Community Benefit at your fingertips</small></h3>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What Is Community Benefit?
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<p>Community benefit is one way that non-profit health systems like <span class="system-name"></span> live out our mission to care for the most vulnerable in our communities. Community benefit includes programs that improve access to health care services, enhance the health of the community, advance medical or health knowledge, or relieve the burden of government. As a Catholic health system, <span class="system-name"></span> adheres to the Catholic Health Association’s standards for planning, delivering, and reporting our community benefit efforts.</p>
<p>Under the Affordable Care Act, the Internal Revenue Service (adopting the CHA guidelines) requires all non-profit hospitals to provide annual reports of programs undertaken to improve the health of their communities. Programs do not count as community benefit if they are primarily undertaken for marketing purposes or are unrelated to the mission of the organization. Most community benefit programs are provided to the community at large and not restricted to patients.</p>
<p>Data presented on this tool is accurate as of <span class="last-updated">></span>. To view <span class="system-name"></span>'s annual community benefit reports, visit the <a href="http://presencehealth.org/community-reports/">Community Reports</a> on our website.</p><p>Originally built by <a href="https://lucaluca.github.io">Jonathan Giuffrida</a> and the Mission and External Affairs Department of <a href="http://presencehealth.org">Presence Health</a>.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
How To Use This Tool
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
<p>You can use this visualization tool to learn more about the community benefit that <span class="system-name"></span> hospitals provide to our communities every day. To look at individual hospitals, select one from the <b>Hospital</b> drop-down. Select different categories of community benefit under <b>Category</b>. Change between dollars, persons served, and percent of revenue under <b>Units</b>. You can switch between <b>Yearly</b> and <b>Quarterly</b> numbers. Data for prior years are less complete, but you can view them by selecting the appropriate checkbox. You can save a picture of a chart by clicking on the button in the top-right of the chart.</p>
<p>Data may be incomplete and should be used with caution. See notes below the graphs to identify what data points are missing. Because of how yearly community benefit is calculated, it may not be the exact sum of the quarterly numbers. Some categories tend to be reported primarily at the end of the year, so the quarterly numbers are not always meaningful.</p>
</div>
</div>
</div>
</div><!-- panel-group -->
<form>
<div class="form-group" id="hospital">
<!-- This section needs to be changed to build programmatically from JavaScript -->
<label for="hospitalSelect">Hospital</label>
<select class="form-control" id="hospitalSelect">
<optgroup>
<option value="System" selected>Presence Health</option>
</optgroup>
<optgroup label="_______">
<option value="PCMC">Presence Covenant Medical Center</option>
<option value="PUSMC">Presence United Samaritans Medical Center</option>
</optgroup>
</select>
</div><!-- hospital -->
<div class="form-group" id="category-select">
<!-- This section needs to be changed to build programmatically from JavaScript -->
<label>Category</label>
<div class="list-group">
<a href="#" class="list-group-item active" data-name="Overall Community Benefit">Overview</a>
<a href="#" class="list-group-item" data-name="Total Community Benefit (IRS)">Total Community Benefit (IRS)</a>
<a href="#" class="list-group-item" data-name="Total Community Benefit (AG)">Total Community Benefit (AG)</a>
<a href="#" class="list-group-item" data-name="Proactive Community Benefit">Proactive Community Benefit</a>
<a href="#" class="list-group-item" data-name="Financial Assistance">Financial Assistance</a>
<a href="#" class="list-group-item" data-name="Unreimbursed Medicaid">Unreimbursed Medicaid</a>
</div>
<select class="form-control">
<option value="Other Categories..." selected>Other Categories...</option>
<optgroup label="Aggregated">
<option value="Total Means-Tested">Total Means-Tested</option>
<option value="Community Health">Community Health</option>
<option value="Community Transformation">Community Transformation</option>
</optgroup>
<optgroup label="IRS Components">
<option value="Community Health Improvement">Community Health Improvement</option>
<option value="Health Professions Education">Health Professions Education</option>
<option value="Subsidized Health Services">Subsidized Health Services</option>
<option value="Research">Research</option>
<option value="Cash/In-Kind Contributions">Cash/In-Kind Contributions</option>
<option value="Community Building Activities">Community Building Activities</option>
<option value="Community Benefit Operations">Community Benefit Operations</option>
</optgroup>
<optgroup label="AG Components">
<option value="Medicare Shortfall">Medicare Shortfall</option>
<option value="Bad Debt">Bad Debt</option>
<option value="Language Assistance Services">Language Assistance Services</option>
<option value="Volunteer Services">Volunteer Services</option>
</optgroup>
<optgroup label="Technical">
<option value="Total Operating Expenses">Total Operating Expenses</option>
<option value="Net Patient Revenue">Net Patient Revenue</option>
<option value="Cost-to-Charge Ratio">Cost-to-Charge Ratio</option>
</optgroup>
</select>
</div><!-- category -->
<div class="row">
<div class="col-xs-12">
<div class="form-group" id="unit">
<label for="unit">Units</label>
<div class="btn-group btn-group-justified" role="group" aria-label="...">
<div class="btn-group amount-dropdown" role="group" style="display: none;">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="dropdown-name">Amount</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a data-name="Amount">Amount</a></li>
<li><a data-name="Amount at cost">Amount at cost</a></li>
<li><a data-name="Billings">Billings</a></li>
</ul>
</div>
<a type="button" class="btn btn-default amount-unit active" data-name="Amount">Amount</a>
<a type="button" class="btn btn-default persons-unit" data-name="Persons served">Persons served</a>
<a type="button" class="btn btn-default" data-name="% of revenue">% of revenue</a>
</div>
</div><!-- unit -->
</div>
<div class="col-xs-12">
<div class="form-group">
<label for="temporal">Time Period</label>
<div class="btn-group btn-group-justified" id="temporal" role="group" aria-label="...">
<a type="button" class="btn btn-default active" data-name="Yearly">Yearly</a>
<a type="button" class="btn btn-default" data-name="Quarterly">Quarterly</a>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="" id="earlier-data">
Show earlier data (less reliable)
</label>
</div>
<p style="color: #666; font-style: italic; font-size: 12px;">Last updated on <span class="last-updated"></span></p>
</div><!-- temporal -->
</div>
</div><!-- unit and temporal -->
</form>
</div><!-- options-bar -->
<div class="col-xs-12 col-sm-7 col-md-8 col-lg-9">
<div class="row">
<div class="col-xs-12 headline">
<h3></h3>
<p></p>
</div>
<div class="col-xs-12 col-lg-6">
<div id="progress-bar" class="progress">
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="16" style="width: 0%; min-width: 8%;"><i>Loading...</i>
</div>
</div><!-- progress bar -->
<noscript>
<p>To use this website, you will need to enable JavaScript.</p>
<p>Please see these <a href="http://www.enable-javascript.com/" target="_blank">
instructions for enabling JavaScript in your web browser</a>.</p>
</noscript>
<div id="container-1" style="width: 100%; height: 400px;"></div>
<div class="warning"></div>
</div><!-- column chart -->
<div class="col-xs-12 col-lg-6" style="display:none;">
<div class="form-group period-dropdown">
<select id="period" class="form-control">
</select>
</div><!-- period -->
<div id="container-3" style="width: 100%; height: 400px;"></div>
<div class="warning"></div>
</div><!-- tree chart -->
<div class="col-xs-12" style="display:none;">
<div id="container-2" style="width: 100%;"></div>
<div class="warning"></div>
</div><!-- area chart -->
<div class="col-xs-12">
<div id="container-4" style="width: 100%; height: 400px;"></div>
<div class="warning"></div>
</div><!-- line chart -->
</div>
<footer role="contentinfo">
<nav role="navigation">
<!-- Update this footer to include your own links, disclaimers, and other information -->
<ul>
<li><a href="http://www.presencehealth.org/">Presence Health</a></li>
<li><a href="http://github.com/presencehealth/communitytouch">View on GitHub</a></li>
<li style="font-weight: normal;">Charts by <a href="http://www.highcharts.com/">Highcharts</a></li>
<li style="font-weight: normal;">Built by <a href="https://lucaluca.github.io">Jonathan Giuffrida</a> and <a href="http://presencehealth.github.io">Presence Health</a></li>
</ul>
</nav>
</footer>
</div>
</div><!-- primary row -->
</div><!-- container-fluid -->
<script src="js/querystring.js"></script>
<script src="js/jquery-1.11.3.min.js"></script>
<script>
// Check for internet explorer
// This site currently works fine in IE, but may not always - we show this message just in case something breaks
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)){ // If Internet Explorer, return version number
$('.headline').prepend('<div class="alert alert-dismissible" role="alert">' +
'<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>' +
'<p class="lead">It looks like you’re using Internet Explorer.</p>' +
'<p>By default, Internet Explorer does not allow this page to load ' +
'with the community benefit data it relies on. If this page does not load, ' +
'<a href="https://msdn.microsoft.com/en-us/library/ee797612%28v=cs.20%29.aspx" target="_blank">' +
'follow these instructions from Microsoft</a> to enable the page to work.</p>' +
'<p>You can also use this site in another browser like ' +
'<a href="https://www.google.com/chrome/browser/desktop/index.html" target="_blank">Google Chrome</a> or ' +
'<a href="https://www.mozilla.org/en-US/firefox/new/?icn=tabz" target="_blank">Firefox</a>. ' +
'</p></div>');
}
</script>
<script src="js/highcharts.js"></script>
<script src="js/exporting.js"></script>
<script src="js/treemap.js"></script>
<script src="js/no-data-to-display.js"></script>
<script src="js/papaparse.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/cb.js"></script>
</body>
</html>