53 lines
1.8 KiB
HTML
53 lines
1.8 KiB
HTML
|
<style>
|
||
|
|
#barcode {
|
||
|
|
width: 2.2cm;
|
||
|
|
height: 18px;
|
||
|
|
margin-top: 5px;
|
||
|
|
padding-left: 0px;
|
||
|
|
padding-right: 0px;
|
||
|
|
margin-left: 3px;
|
||
|
|
margin-right: 0px;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.container {
|
||
|
|
padding: 0 20px
|
||
|
|
}
|
||
|
|
@media print {
|
||
|
|
.container {
|
||
|
|
margin: 0 20px;
|
||
|
|
position: relative;
|
||
|
|
top: -20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div class="container placeholder-text "
|
||
|
|
style="background-color: gainsboro;height: 30px; line-height: 30px; font-size: 14px;">
|
||
|
|
<b>Name: </b><span style="text-transform: uppercase;">{{patient.name}}</span> |
|
||
|
|
<span><b>Patient ID:</b> {{patient.identifier}}</span> |
|
||
|
|
<span><b>Gender:</b>
|
||
|
|
<!-- {{patient.gender}} | -->
|
||
|
|
<span ng-if="patient.gender == 'M' ">Male | </span>
|
||
|
|
<span ng-if="patient.gender == 'F' ">Female | </span>
|
||
|
|
<span ng-if="patient.gender == 'O' ">Other | </span>
|
||
|
|
</span>
|
||
|
|
<span><b>Age:</b> {{patient.age}} Years </span>
|
||
|
|
<!-- <span><b>Weight:</b> <span ng-if="weightAnaesthesia.length>0">{{weightAnaesthesia[0].value}} {{weightAnaesthesia[0].concept.units}}</span> </span> -->
|
||
|
|
<span><img id="barcode"
|
||
|
|
jsbarcode-displayValue="false"
|
||
|
|
jsbarcode-fontSize="4"
|
||
|
|
jsbarcode-height="35"
|
||
|
|
jsbarcode-margin="0"
|
||
|
|
jsbarcode-textAlign="left"
|
||
|
|
jsbarcode-textMargin="0"
|
||
|
|
jsbarcode-value="{{patient.identifier}}"
|
||
|
|
jsbarcode-width="2"
|
||
|
|
/></span>
|
||
|
|
<br><br>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="/bahmni_config/openmrs/apps/JsBarcode.all.min.js" type="text/javascript"></script>
|
||
|
|
<script>
|
||
|
|
(function () {
|
||
|
|
JsBarcode("#barcode").init();
|
||
|
|
})();
|
||
|
|
</script>
|