307 lines
12 KiB
PHP
307 lines
12 KiB
PHP
<div class="modal fade" id="print_preview_modal" style="padding-top: 40px; background: rgba(0, 0, 0, 0.54); overflow: auto; padding-left: 17px;">
|
|
<div class="print-preview-header">
|
|
<ul>
|
|
<li style="display: inline-block;" class="print">
|
|
@if(\App\Http\Controllers\Helper\GlobalController::user_can(Auth::user()->role_id, ['print_result']))
|
|
<a href="javascript:void(0)" onclick="printJS('presult-1', 'html')" id="doPrinting"><i class="fa fa-print"></i> <b>{{__('sample.btn_print')}}</b></a>
|
|
@endif
|
|
</li>
|
|
</ul>
|
|
<span class="close-preview" data-dismiss="modal" title="Close"><i class="fa fa-times"></i></span>
|
|
</div>
|
|
<div class="modal-dialog modal-xl A4-portrait"><div class="psample-result active" id="presult-1">
|
|
|
|
<title>Result</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=.5, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes">
|
|
<style>
|
|
|
|
@font-face {
|
|
font-family: 'KhmerOS_muollight';
|
|
|
|
src: url('{{url(env("APP_URL").'storage/assets/fonts/KhmerOS_muollight.ttf')}}');
|
|
}
|
|
|
|
.KhmerOS {
|
|
font-family: 'SourceSerifPro-Regular', 'KhmerOS', 'serif';
|
|
}
|
|
.KhmerMoulLight {
|
|
font-family: 'SourceSerifPro-Regular', 'KhmerOS_muollight', 'serif';
|
|
}
|
|
|
|
page[size="A4"] {
|
|
background: white;
|
|
width: 21cm;
|
|
display: block;
|
|
margin: 10px auto;
|
|
margin-left: 0.5cm !important;
|
|
box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
|
|
padding: 1cm;
|
|
font-family: 'SourceSerifPro-Regular', 'Noto Sans Khmer', 'serif';
|
|
font-size: 12pt;
|
|
line-height: 23px;
|
|
page-break-after: always;
|
|
}
|
|
|
|
page[size="A4"], th, td {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
page[size="A4"] table {
|
|
border-spacing: 2px !important;
|
|
border-collapse: separate !important;
|
|
}
|
|
|
|
table th, table td {
|
|
text-align: left;
|
|
}
|
|
table td {
|
|
font-weight: normal;
|
|
}
|
|
|
|
table.patient-info, table.department-sample-info {
|
|
border: 1px solid #7a7a7a;
|
|
line-height: 18px;
|
|
padding: 3px;
|
|
}
|
|
table.patient-info td, table.patient-info th {
|
|
vertical-align: top;
|
|
}
|
|
table.department-sample-info {
|
|
background-color: #ebebeb;
|
|
}
|
|
|
|
table.test-result {
|
|
font-family: 'SourceSerifPro-Regular', 'serif';
|
|
}
|
|
table.test-result tr th {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
table.test-result tr th:not(:last-child), table.test-result tr td:not(:last-child) {
|
|
padding-right: .2cm;
|
|
}
|
|
table.test-result tr:first-child + tr td {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
p.value-pair {
|
|
position: relative;
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
p.value-pair:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
bottom: .25rem;
|
|
height: 0;
|
|
line-height: 0;
|
|
border-bottom: 2px dotted #858585;
|
|
}
|
|
|
|
p.value-pair .name {
|
|
background: white;
|
|
z-index: 1;
|
|
position: relative;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
p.value-pair .value {
|
|
background: white;
|
|
z-index: 1;
|
|
right: 0;
|
|
position: absolute;
|
|
padding-left: 5px;
|
|
font-weight: bold;
|
|
}
|
|
.out-of-range {
|
|
font-family: 'SourceSerifPro-Bold', 'serif';
|
|
font-weight: bold;
|
|
font-size: 12pt;
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
.text-left {
|
|
text-align: left;
|
|
}
|
|
.text-right {
|
|
text-align: right;
|
|
}
|
|
.text-top {
|
|
vertical-align: top;
|
|
}
|
|
.text-bottom {
|
|
vertical-align: bottom;
|
|
}
|
|
.text-middle {
|
|
vertical-align: middle;
|
|
}
|
|
.text-bold {
|
|
font-weight: bold;
|
|
}
|
|
.text-no-wrap {
|
|
white-space: nowrap;
|
|
}
|
|
table.test-result {
|
|
line-height: 16px;
|
|
}
|
|
#footer {
|
|
line-height: 17px;
|
|
}
|
|
#footer .laboratory-address td {
|
|
border-top: 1px solid black;
|
|
padding-top: 10px;
|
|
}
|
|
#footer .result-footer-signature td {
|
|
vertical-align: top;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
@page {
|
|
margin: 1cm 1cm 0;
|
|
}
|
|
|
|
@media print {
|
|
@page {
|
|
margin: 1cm;
|
|
margin-left: 0.5cm !important;
|
|
}
|
|
|
|
body,
|
|
page[size="A4"] {
|
|
margin: 0;
|
|
margin-left: 0.5cm !important;
|
|
padding: 0;
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
body .sample-result .sample-type{
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
|
|
#footer {
|
|
display: block;
|
|
position: fixed;
|
|
bottom: 0;
|
|
margin-top: 500px !important;
|
|
padding-bottom: 0px !important;
|
|
}
|
|
|
|
#footer .result-footer-signature td {
|
|
vertical-align: top;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
table .tname{
|
|
|
|
width:360px !important;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
table .tname{
|
|
|
|
width:360px !important;
|
|
}
|
|
|
|
#print_vaccine_modal .table-inv th, .table-inv td {
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
}
|
|
</style>
|
|
<page size="A4">
|
|
<table border="0" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th style="width:100%" class="text-center">
|
|
|
|
<table width="100%">
|
|
<tr>
|
|
<td style="width:120px; vertical-align: top;" class="text-center">
|
|
<img src="{{url(env("APP_URL").'storage/images/avatars/labs/'.$labSettings->logo)}}" alt="Logo" style="width: 120px;">
|
|
</td>
|
|
<td class="text-center">
|
|
<p style="line-height: 13px !important; font-size: 15pt; font-weight: bold; color: #0000ff;" class="KhmerMoulLight py-1">{{$labSettings->name_kh}}</p>
|
|
<p style="line-height: 13px !important; font-size: 13.5pt; font-weight: bold; color: #0000ff;" class="text-uppercase py-1">{{$labSettings->name_en}}</p>
|
|
</td>
|
|
<td style="width:120px" > </td>
|
|
</tr>
|
|
</table>
|
|
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-top text-center">
|
|
<div class="KhmerMoulLight_" style="font-size: 12.5pt; color: #242424; font-weight: bold;">{{__('VACCINATION HISTORY')}}</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>
|
|
<table width="100%">
|
|
<tbody>
|
|
<tr style="border-bottom: 1px solid #ddd;">
|
|
<td colspan="2" style="font-size:17px !important; padding-top:7px; line-height:25px; color: #000; font-weight:bold;">Patient Name: LENG Ratha</td>
|
|
<td width="25%" style="padding-left:0.7cm; padding-top:7px; font-size:17px !important; line-height:25px; color: #000; font-weight:bold;">Age 30 , Sex Male</td>
|
|
<td width="25%" style="font-size:17px !important; padding-top:7px; line-height:25px;" align="left">Tel : 9098484959</td>
|
|
</tr>
|
|
<tr><td colspan="4" style="border-top: 1px solid #ddd;"></td></tr>
|
|
<tr>
|
|
<td width="20%" style="font-size:17px !important; padding-top:7px; line-height:25px; color: #0000ff; font-weight:bold;">{{__('sample.table_patient_name')}}</td>
|
|
<td width="30%" style="font-size:17px !important; padding-top:7px; line-height:25px;" align="left">: {{@$sample->patient->name_en}}</td>
|
|
<td width="25%" style="padding-left:0.7cm; padding-top:7px; font-size:17px !important; line-height:25px; color: #0000ff; font-weight:bold;">{{__('sample.form_sample_number')}}</td>
|
|
<td width="25%" style="font-size:17px !important; padding-top:7px; line-height:25px;" align="left">: {{@$sample->sample_number}}</td>
|
|
</tr>
|
|
|
|
|
|
</tbody>
|
|
</table>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tfoot>
|
|
<tr>
|
|
<td width="100%">
|
|
<table width="100%" border="0">
|
|
<tbody><tr>
|
|
<td colspan="4" style="height: 10px;"> </td>
|
|
</tr>
|
|
</tbody></table>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
|
|
<!-- Note -->
|
|
</table>
|
|
<table id="footer" width="100%" border="0" style="margin-top:20px !important;">
|
|
<tbody>
|
|
<tr style="height:40px !important;"> <br><td colspan="3"></td></tr>
|
|
<tr>
|
|
<td class="text-center text-no-wrap" style="width: 7cm">
|
|
</td>
|
|
<td style="width: 7cm"></td>
|
|
<td class="text-center text-no-wrap" style="width: 7cm">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td colspan="3" style="text-align:center; color: #0000ff; border-top:1px solid #000 !important; padding-top:6px;">
|
|
<p style="line-height: 10px !important;">{{ app()->getLocale()=='kh' ? $labSettings->address_kh : $labSettings->address_en}} </p>
|
|
<p style="line-height: 10px !important;">{{$labSettings->phone_number}} {{$labSettings->email}}</p>
|
|
</td>
|
|
</tr>
|
|
</tbody></table>
|
|
</page>
|
|
</div></div>
|
|
|
|
</div>
|