123 lines
6.0 KiB
HTML
123 lines
6.0 KiB
HTML
|
<script src="/bahmni_config/openmrs/apps/registration/healthIDCardLayout/js/jQuery-3.1.1.min.js"></script>
|
||
|
|
<script src="/bahmni_config/openmrs/apps/registration/healthIDCardLayout/js/jsBarCode.js"></script>
|
||
|
|
<link rel="stylesheet" href="/bahmni_config/openmrs/apps/registration/healthIDCardLayout/css/print.css"/>
|
||
|
|
|
||
|
|
<div class="healthId">
|
||
|
|
<div class="healthId_body">
|
||
|
|
<div class="heading">
|
||
|
|
<img src="/bahmni_config/openmrs/apps/registration/healthIDCardLayout/images/nins-header.png"
|
||
|
|
alt="dghs_logo" width="100%" align="center"/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="patient_details" style="height: 3.7cm;">
|
||
|
|
<div id="id_name">
|
||
|
|
<div class="form-field">
|
||
|
|
<span class="label_tag" id="identifier_tag" style="font-weight: bold">Patient ID: </span>
|
||
|
|
<span id="patient_identifier"
|
||
|
|
style="font-size: 11px;">{{patient.primaryIdentifier.identifier}}</span>
|
||
|
|
</div>
|
||
|
|
<div class="form-field">
|
||
|
|
<span class="label_tag" id="name_tag" style="font-weight: bold">Name: </span>
|
||
|
|
<span id="name"
|
||
|
|
style="text-transform:uppercase;">{{patient.givenName}} {{patient.familyName}}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="dob_and_gender">
|
||
|
|
<div class="form-field">
|
||
|
|
<span class="label_tag" id="dob_tag" style="font-weight: bold">DOB: </span>
|
||
|
|
<span id="dob">{{patient.birthdate | date}}</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-field">
|
||
|
|
<span class="label_tag" id="gender_tag" style="font-weight: bold">Gender: </span>
|
||
|
|
<span ng-if="patient.gender == 'M' ">Male</span>
|
||
|
|
<span ng-if="patient.gender == 'F' ">Female</span>
|
||
|
|
<span ng-if="patient.gender == 'O' ">Other</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="phone_nid">
|
||
|
|
<div class="form-field">
|
||
|
|
<span class="label_tag" id="phone_tag" style="font-weight: bold">Mobile: </span>
|
||
|
|
<span id="phone" style="font-size: 11px;">{{patient.phoneNumber}}</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-field">
|
||
|
|
<span class="label_tag" id="nid_tag" style="font-weight: bold">NID:</span>
|
||
|
|
<span id="nid">{{patient.nationalId}}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="category_visit">
|
||
|
|
<div class="form-field">
|
||
|
|
<span class="label_tag" id="category_tag" style="font-weight: bold">Category: </span>
|
||
|
|
<span id="category"
|
||
|
|
style="font-size: 11px;">{{obs['Registration Patient Category'][0].shortName}}</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-field">
|
||
|
|
<span class="label_tag" id="visit_tag" style="font-weight: bold">Visit Type: </span>
|
||
|
|
<span id="visitType" style="font-size: 11px;">{{obs['Patient Visit Type'][0].shortName}}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="date">
|
||
|
|
<div class="form-field">
|
||
|
|
<span class="label_tag" id="reg_tag" style="font-weight: bold">Registration Date: </span>
|
||
|
|
<span id="registration" style="font-size: 11px;">{{patient.registrationDate | date}}</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-field">
|
||
|
|
<span class="label_tag" id="issued_tag" style="font-weight: bold">Printed Date: </span>
|
||
|
|
<span id="issued" style="font-size: 11px;"><script>document.write(new Date().toLocaleDateString("en", {
|
||
|
|
year: "numeric",
|
||
|
|
month: "short",
|
||
|
|
day: "2-digit"
|
||
|
|
}));</script></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="address_details">
|
||
|
|
<div class="address_line">
|
||
|
|
<span class="label_tag" id="address_tag" style="font-weight: bold">Address: </span>
|
||
|
|
<span id="address_line" class="address">{{patient.address.address1 ? patient.address.address1 + "," : ""}}
|
||
|
|
{{patient.address.address2 ? patient.address.address2 + "," : ""}}
|
||
|
|
{{patient.address.address3 ? patient.address.address3 + "," : ""}}
|
||
|
|
{{patient.address.address4 ? patient.address.address4 + "," : ""}}
|
||
|
|
{{patient.address.address5 ? patient.address.address5 + "," : ""}}
|
||
|
|
{{patient.address.countyDistrict ? patient.address.countyDistrict + "," : ""}}
|
||
|
|
{{patient.address.stateProvince}}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="form-field">
|
||
|
|
<span id="assign_room" style="font-size: 11px; font-weight: bold;"><br>{{observations[2].complexData.data.name}}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="hid_footer">
|
||
|
|
<div class="barcode" style="height: 5px !important; width: 150px !important; float: left; padding-left: 100px;">
|
||
|
|
<span>
|
||
|
|
<img id="barcode"
|
||
|
|
jsbarcode-value="{{patient.primaryIdentifier.identifier}}"
|
||
|
|
jsbarcode-width="2"
|
||
|
|
jsbarcode-height="30"
|
||
|
|
jsbarcode-margin="0"
|
||
|
|
jsbarcode-displayValue="false"
|
||
|
|
jsbarcode-textAlign="left"
|
||
|
|
jsbarcode-textMargin="0"
|
||
|
|
jsbarcode-fontSize="3"/>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<br><br><br>
|
||
|
|
<div class="disclaimer">
|
||
|
|
<span>
|
||
|
|
<p><b>N.B. Please bring the card for the next visit.</b> This visit card is only validated for the above patient to take service from the hospital only.</p>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="/bahmni_config/openmrs/apps/JsBarcode.all.min.js" type="text/javascript"></script>
|
||
|
|
<script>
|
||
|
|
(function () {
|
||
|
|
JsBarcode("#barcode").init();
|
||
|
|
})();
|
||
|
|
</script>
|