Skip to content

Instantly share code, notes, and snippets.

@KevinMayfield

KevinMayfield/CareConnectSummaryRecord.html

Created February 27, 2018 17:59
Show Gist options
  • Save KevinMayfield/e6121d10b984b11fae352963b3213e9c to your computer and use it in GitHub Desktop.
Save KevinMayfield/e6121d10b984b11fae352963b3213e9c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CareConnectSummaryRecord.html
<?xml version="1.0" encoding="ISO-8859-1"?><html xmlns="http://www.w3.org/1999/xhtml" xmlns:fhir="http://hl7.org/fhir">
<head>
<title>Patient Summary Care Record</title>
<style type="text/css">
body { color: #000000; font-size: 10pt; line-height: normal; font-family: Verdana, Arial, sans-serif; margin: 10px; }
h1 { font-size: 14pt; text-decoration: underline; font-weight: bold; color: #000000; margin-top: 25px; margin-bottom: 15px;}
h2 { font-size: 12pt; text-decoration: underline; font-weight: bold; color: #000000; margin-top: 25px; margin-bottom: 15px; }
h3 { font-size: 10pt; font-weight: bold; color: #000000; margin-top: 5px; margin-bottom: 15px; }
h4 { font-size: 10pt; font-weight: bold; text-decoration: underline; color: #000000; margin-top: 5px; margin-bottom: 15px; }
h5 { font-size: 10pt; font-weight: normal; text-decoration: underline; color: #000000; margin-top: 5px; margin-bottom: 15px; }
h6 { font-size: 10pt; font-weight: normal; color: #000000; margin-top: 5px; margin-bottom: 15px; }
table { border: 1px solid lightgrey; table-layout: fixed; text-align: left; width: 100%;}
th.default {padding: 3px; color: #000000; background-color: #eeeeee; text-align: left;}
th {padding: 3px; font-size: 10pt;}
td {padding: 3px; font-size: 10pt;}
/*Banner styles*/
div.banner {margin-bottom: 30px; border: 1px solid #000000; background-color: #eeeeee;}
div.banner TABLE {border: 1px solid black; background-color: #ffffff; margin-bottom: 5px; }
div.banner TD {background-color: #eeeeee; vertical-align: top; padding: 3px; font-weight: normal; font-size: 12pt;}
div.banner TH {background-color: #dddddd; vertical-align: top; padding: 3px; font-weight: bold; font-size: 12pt;}
div.banner TABLE P {margin: 0;}
div.banner-partial-cream {margin-bottom: 30px; border: 1px solid #000000; background-color: #ffffee; padding-left: 5px;}
div.banner-partial-cream TABLE {border: 0px; background-color: #ffffee;}
div.banner-partial-cream TD {background-color: #ffffee; vertical-align: top; padding: 3px; font-weight: bold; font-size: 12pt;}
div.banner-partial-cream TH {background-color: #ffffee; vertical-align: top; padding: 3px; font-weight: normal; font-style:italic; font-size: 12pt;}
div.banner-partial-cream TABLE P {margin: 0;}
div.banner-partial-violet {margin-bottom: 30px; border: 1px solid #000000; background-color: #eeeeff; padding-left: 5px;}
div.banner-partial-violet TABLE {border: 0px; background-color: #eeeeff; }
div.banner-partial-violet TD {background-color: #eeeeff; vertical-align: top; padding: 3px; font-weight: bold; font-size: 12pt;}
div.banner-partial-violet TH {background-color: #ffffee; vertical-align: top; padding: 3px; font-weight: normal; font-style:italic; font-size: 12pt;}
div.banner-partial-violet TABLE P {margin: 0;}
div.banner-partial-gray {margin-bottom: 30px; border: 0px solid #000000; background-color: #ffffff; padding-left: 5px;}
div.banner-partial-gray TABLE {border: 1px solid black; background-color: #ffffff; margin-bottom: 5px; }
div.banner-partial-gray TD {background-color: #eeeeee; vertical-align: top; padding: 3px; font-weight: normal; font-size: 12pt;}
div.banner-partial-gray TH {background-color: #dddddd; vertical-align: top; padding: 3px; font-weight: bold; font-size: 12pt;}
div.banner-partial-gray TABLE P {margin: 0; }
.label {font-style:italic; font-weight: normal;}
.bold {font-weight: bold;}
.bold-italic {font-style:italic; font-weight: bold;}
/******************** CONFIG OPTIONS FOR RENDERING - START ********************/
/************************************************************************************************/
/* The FHIR Renderer has two options to either display the Full resource with all elements or a Partial resource with chosen elements,
to hide a particular view then un-comment the statement to hide, e.g. un-comment display:none so it will not display that particular view. */
#bundledetails-full {display: none;}
#full-resources {display: none;}
//#partial-resources {display: none;}
/**********************************************************************************************/
/******************** CONFIG OPTIONS FOR RENDERING - END ********************/
</style>
</head>
<body>
<h1>Patient Summary Care Record</h1>
<hr/>
<div>
<h4>Patient</h4>
<div>
<b>THIS IS A MOCK OF OVERRAL STRUCTURE AND IS NOT MEANT TO BE PRETTY</b>
</div>
<table>
<tbody>
<tr>
<td>Name</td>
<td>Mr Dwayne Alvarado</td>
</tr>
<tr>
<td/>
<td/>
</tr>
<tr>
<td>Date Of Birth</td>
<td>27 Jan 1961</td>
</tr>
<tr>
<td>Sex</td>
<td>Male</td>
</tr>
<tr>
<td/>
<td/>
</tr>
<tr>
<td>Contact Details</td>
<td/>
</tr>
<tr>
<td/>
<td>(01535) 121667</td>
</tr>
<tr>
<td/>
<td>[email protected]</td>
</tr>
<tr>
<td/>
<td/>
</tr>
<tr>
<td>Address</td>
<td/>
</tr>
<tr>
<td/>
<td>8 Westville Avenue</td>
</tr>
<tr>
<td/>
<td>Ilkley</td>
</tr>
<tr>
<td/>
<td>LS29 9AH</td>
</tr>
<tr>
<td/>
<td/>
</tr>
<tr>
<td>GP Practice</td>
<td>Dr N Saddiq's Practice (B86001)</td>
</tr>
<tr>
<td>GP</td>
<td>Dr PV Shevlin (G8904906)</td>
</tr>
<tr>
<td/>
<td/>
</tr>
<tr>
<div>
<td>Leeds Teaching Hospitals PPM Number</td>
</div>
<td>LOCAL1098</td>
</tr>
<tr>
<div>
<td>NHS Number</td>
</div>
<td>9694899079</td>
</tr>
</tbody>
</table>
</div>
<hr/>
<div>
<h2>Problems and issues</h2>
<div>
<div>
<table>
<thead>
<tr>
<th>Date</th>
<th>Type</th>
</tr>
</thead>
<tbody>
<tr>
<td>14 Oct 2017</td>
<td>Depressive disorder (disorder)</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div>
<h2>Medications and medical devices</h2>
<div>
<div>
<p>None Recorded</p>
</div>
</div>
</div>
<div>
<h2>Allergies and adverse reactions</h2>
<div>
<div>
<table>
<thead>
<tr>
<th>Date</th>
<th>Type</th>
</tr>
</thead>
<tbody>
<tr>
<td>24 Sep 2017</td>
<td>Grass pollen allergen (substance)</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div>
<h2>Encounters</h2>
<div>
<div>
<div>
<p>Last three encounters</p>
</div>
<div>
<table>
<thead>
<tr>
<th>Date</th>
<th>Type</th>
<th>Provider</th>
</tr>
</thead>
<tbody>
<tr>
<td>19 Oct 2017</td>
<td/>
<td>Leeds And York Partnership Nhs Foundation Trust</td>
</tr>
<tr>
<td>18 Oct 2017</td>
<td/>
<td>Leeds And York Partnership Nhs Foundation Trust</td>
</tr>
<tr>
<td>17 Oct 2017</td>
<td/>
<td>Leeds And York Partnership Nhs Foundation Trust</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment