copy dari repo om Irfan
This commit is contained in:
@@ -0,0 +1,314 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>TANDA TERIMA <?=$fttk[0]['NAMA_PELANGGAN']?> <?=$fttk[0]['TGLINPUT']?></title>
|
||||
<link rel="icon" type="image/png" href="<?php echo base_url('')?>assets/images/logoPcmBaru3.png" />
|
||||
|
||||
<!-- Web Fonts -->
|
||||
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet" type="text/css">
|
||||
|
||||
<!-- Vendor CSS -->
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap/css/bootstrap.css" />
|
||||
|
||||
<!-- Invoice Print Style -->
|
||||
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/invoice-print.css" />
|
||||
<script src="<?php echo base_url('') ?>assets/ajax/jquery.min.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
.f5 {
|
||||
font-size: 5px;
|
||||
}
|
||||
|
||||
.f9 {
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.f10 {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.f11 {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.f12 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.f13 {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.f14 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.f15 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.f16 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.f17 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
td {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
th {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
th.pd-2 {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
td.min {
|
||||
width: 1%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
td.fz10-td {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
td.fz12-td {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
th.nilai {
|
||||
width: 6%;
|
||||
}
|
||||
|
||||
address.fz12 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
span.fz12s {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
p.fz12-p {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
|
||||
.single-line {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
@page {
|
||||
size: A5 landscape;
|
||||
margin: 0.2in 0.2in 0.2in 0.2in;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<script type="text/javascript">
|
||||
var tinggi = 0;
|
||||
var tIdentitas = 0;
|
||||
|
||||
function getIdentitas(sn) {
|
||||
tIdentitas = $("#identitas" + sn).height();
|
||||
if (tIdentitas > 69) {
|
||||
tIdentitas = tIdentitas - 69;
|
||||
} else {
|
||||
tIdentitas = 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function ivc(posisi, tot, idTabel, idTBody) {
|
||||
var tblId = document.getElementById(idTabel);
|
||||
var tblBd = document.getElementById(idTBody);
|
||||
var barisT = document.getElementById('baristambahan' + idTabel);
|
||||
|
||||
var pjgtambah = 320 - tIdentitas - tblId.offsetHeight;
|
||||
if (posisi == tot) {
|
||||
$("#" + idTBody).append(`<tr id="baristambahan` + idTabel + `" style="height: ` + pjgtambah + `px;">
|
||||
<td class="center fz10-td" style="border-right:1px solid #ddd; border-top: none; border-bottom:1px solid #ddd; padding: 0px; vertical-align: middle;"></td>
|
||||
</tr>`);
|
||||
// alert(tblId.offsetHeight);
|
||||
}
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
|
||||
<body style="width: 900px;">
|
||||
|
||||
<div class="invoice" style="padding-bottom: 0px;">
|
||||
<header class="clearfix">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 mt-md mb-md">
|
||||
<div class="ib">
|
||||
<img src="<?php echo base_url('') ?>assets/images/logoItp.png" height="45" alt="OKLER Themes" style="padding-top: 9px;" />
|
||||
</div>
|
||||
<address class="ib mr-xlg f16" style="margin-bottom: 25px; margin-top:-50px; margin-left:165px;">
|
||||
<b style="color:Black">ITC Mega Grosir Lt2 Blok H3a No. 1-6
|
||||
<br />
|
||||
Jl. Gembong No.20 - 30, Surabaya
|
||||
<br />
|
||||
Telp : -, Fax : -
|
||||
</address>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="">
|
||||
<table class="table" style="margin-bottom: 40px; margin-top:-25px;">
|
||||
<tbody id="tabelBody">
|
||||
<tr>
|
||||
<td class="text-center" style="font-size:30px; border-right:none solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none; color:Black; "><u><b>Tanda Terima</b></u></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="" style="font-size:19px; border-right:none solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><br><b>Telah Terima :</b></td>
|
||||
</tr>
|
||||
<?php
|
||||
echo '<script type="text/javascript"> getIdentitas("satu") </script>';
|
||||
for ($i = 1; $i <= sizeof($dfttk); $i++) { ?>
|
||||
<tr>
|
||||
<td class="" style="font-size:17px; border-right:none solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"> <?= $dfttk[$i - 1]['NAMA_DFTTK'] ?></td>
|
||||
</tr>
|
||||
<?php
|
||||
echo '<script type="text/javascript">
|
||||
ivc(' . $i . ', ' . sizeof($dfttk) . ',"tabelivc", "tabelBody");
|
||||
</script>';
|
||||
} ?>
|
||||
<br>
|
||||
<tr>
|
||||
<td class="" style="font-size:17px; border-right:none solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><br><b>Keterangan :</b></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="" style="font-size:17px; border-right:none solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"> <?= $fttk[0]['KET_FTTK'] ?></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<div class="">
|
||||
<div class="row">
|
||||
<?php if ($count<=4) { ?>
|
||||
<div class="col-md-12" style="margin-top:-20px;">
|
||||
<?php } else { ?>
|
||||
<div class="col-md-12" style="margin-top:-55px;">
|
||||
<?php } ?>
|
||||
<div class="col-md-12">
|
||||
<p class="f17">
|
||||
|
||||
<i>Surabaya, <?=$fttk[0]['TGLINPUT']?></i>
|
||||
</p>
|
||||
<p class="f17">
|
||||
|
||||
Penerima
|
||||
</p>
|
||||
<br>
|
||||
<br>
|
||||
<p class="f17">
|
||||
(..............................................)
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Page Copy -->
|
||||
<div class="invoice" style="padding-bottom: 0px;">
|
||||
|
||||
<header class="clearfix">
|
||||
<div class="row">
|
||||
<div class="col-sm-12 mt-md mb-md">
|
||||
<div class="ib">
|
||||
<img src="<?php echo base_url('') ?>assets/images/logoItp.png" height="45" alt="OKLER Themes" style="padding-top: 9px;" />
|
||||
</div>
|
||||
<address class="ib mr-xlg f16" style="margin-bottom: 25px; margin-top:-50px; margin-left:165px;">
|
||||
<b style="color:Black">ITC Mega Grosir Lt2 Blok H3a No. 1-6
|
||||
<br />
|
||||
Jl. Gembong No.20 - 30, Surabaya
|
||||
<br />
|
||||
Telp : -, Fax : -
|
||||
</address>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="">
|
||||
<div>
|
||||
<img src="<?php echo base_url('') ?>/assets/images/copywatermark.png" style="width:70%; position:absolute; opacity: 0.15; padding-top: 80px; padding-left: 350px; ">
|
||||
</div>
|
||||
<table class="table" style="margin-bottom: 40px; margin-top:-25px;">
|
||||
<tbody id="tabelBody">
|
||||
<tr>
|
||||
<td class="text-center" style="font-size:30px; border-right:none solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none; color:Black; "><u><b>Tanda Terima</b></u></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="" style="font-size:19px; border-right:none solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><br><b>Telah Terima :</b></td>
|
||||
</tr>
|
||||
<?php
|
||||
echo '<script type="text/javascript"> getIdentitas("satu") </script>';
|
||||
for ($i = 1; $i <= sizeof($dfttk); $i++) { ?>
|
||||
<tr>
|
||||
<td class="" style="font-size:17px; border-right:none solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"> <?= $dfttk[$i - 1]['NAMA_DFTTK'] ?></td>
|
||||
</tr>
|
||||
<?php
|
||||
echo '<script type="text/javascript">
|
||||
ivc(' . $i . ', ' . sizeof($dfttk) . ',"tabelivc", "tabelBody");
|
||||
</script>';
|
||||
} ?>
|
||||
<br>
|
||||
<tr>
|
||||
<td class="" style="font-size:17px; border-right:none solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"><br><b>Keterangan :</b></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="" style="font-size:17px; border-right:none solid #ddd; padding: 2px; vertical-align: middle; border-bottom: none; border-top: none;"> <?= $fttk[0]['KET_FTTK'] ?></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<div class="">
|
||||
<div class="row">
|
||||
<?php if ($count<=4) { ?>
|
||||
<div class="col-md-12" style="margin-top:-20px;">
|
||||
<?php } else { ?>
|
||||
<div class="col-md-12" style="margin-top:-55px;">
|
||||
<?php } ?>
|
||||
<div class="col-md-12">
|
||||
<p class="f17">
|
||||
|
||||
<i>Surabaya, <?=$fttk[0]['TGLINPUT']?></i>
|
||||
</p>
|
||||
<p class="f17">
|
||||
|
||||
Penerima
|
||||
</p>
|
||||
<br>
|
||||
<br>
|
||||
<p class="f17">
|
||||
(..............................................)
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
window.print();
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user