211 lines
8.0 KiB
PHP
211 lines
8.0 KiB
PHP
<style>
|
|
.tracking-detail {
|
|
padding:3rem 0
|
|
}
|
|
#tracking {
|
|
margin-bottom:1rem
|
|
}
|
|
|
|
.tracking-status-intransit {
|
|
background-color:#65aee0
|
|
}
|
|
.tracking-status-outfordelivery {
|
|
background-color:#f5a551
|
|
}
|
|
.tracking-status-deliveryoffice {
|
|
background-color:#f7dc6f
|
|
}
|
|
.tracking-status-delivered {
|
|
background-color:#4cbb87
|
|
}
|
|
.tracking-status-attemptfail {
|
|
background-color:#b789c7
|
|
}
|
|
.tracking-status-error,.tracking-status-exception {
|
|
background-color:#d26759
|
|
}
|
|
.tracking-status-expired {
|
|
background-color:#616e7d
|
|
}
|
|
.tracking-status-pending {
|
|
background-color:#ccc
|
|
}
|
|
.tracking-status-inforeceived {
|
|
background-color:#214977
|
|
}
|
|
.tracking-list {
|
|
border:1px solid #e5e5e5
|
|
}
|
|
.tracking-item {
|
|
border-left:1px solid #e5e5e5;
|
|
position:relative;
|
|
padding:2rem 1.5rem .5rem 2.5rem;
|
|
/*font-size:.9rem;*/
|
|
margin-left:3rem;
|
|
min-height:5rem
|
|
}
|
|
.tracking-item:last-child {
|
|
padding-bottom:4rem
|
|
}
|
|
.tracking-item .tracking-date {
|
|
margin-bottom:.5rem
|
|
}
|
|
.tracking-item .tracking-date span {
|
|
color:#888;
|
|
font-size:85%;
|
|
padding-left:.4rem;
|
|
}
|
|
.tracking-item .tracking-content {
|
|
padding:.5rem .8rem;
|
|
background-color:#f4f4f4;
|
|
border-radius:.5rem
|
|
}
|
|
.tracking-item .tracking-content span {
|
|
display:block;
|
|
font-size:14px;
|
|
color:black;
|
|
font-family:'GSans';
|
|
}
|
|
.tracking-item .tracking-icon {
|
|
line-height:2.6rem;
|
|
position:absolute;
|
|
left:-1.3rem;
|
|
width:2.6rem;
|
|
height:2.6rem;
|
|
text-align:center;
|
|
border-radius:50%;
|
|
font-size:1.1rem;
|
|
background-color:#fff;
|
|
color:#fff
|
|
}
|
|
.tracking-item .tracking-icon.status-sponsored {
|
|
background-color:#f68
|
|
}
|
|
.tracking-item .tracking-icon.status-delivered {
|
|
background-color:#4cbb87
|
|
}
|
|
.tracking-item .tracking-icon.status-outfordelivery {
|
|
background-color:#f5a551
|
|
}
|
|
.tracking-item .tracking-icon.status-deliveryoffice {
|
|
background-color:#f7dc6f
|
|
}
|
|
.tracking-item .tracking-icon.status-attemptfail {
|
|
background-color:#b789c7
|
|
}
|
|
.tracking-item .tracking-icon.status-exception {
|
|
background-color:#d26759
|
|
}
|
|
.tracking-item .tracking-icon.status-inforeceived {
|
|
background-color:#214977
|
|
}
|
|
.tracking-item .tracking-icon.status-intransit {
|
|
color:#FFD369;
|
|
border:1px solid #FFD369;
|
|
}
|
|
@media(min-width:992px) {
|
|
.tracking-item {
|
|
margin-left:13rem
|
|
}
|
|
.tracking-item .tracking-date {
|
|
position:absolute;
|
|
left:-12rem;
|
|
width:9.5rem;
|
|
text-align:right;
|
|
font-size:12px;
|
|
color:#FF0000;
|
|
}
|
|
.tracking-item .tracking-date span {
|
|
display:block;
|
|
color:green;
|
|
}
|
|
.tracking-item .tracking-content {
|
|
padding:0;
|
|
background-color:transparent;
|
|
color:#3282B8;
|
|
font-family:'GSans';
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<?php
|
|
$au7=pg_query("SELECT p.nama FROM data_user u INNER JOIN data_pegawai p ON (p.id=u.data_pegawai_id) WHERE u.jenis_user=1 AND u.aktif='t'");
|
|
while($rau7=pg_fetch_array($au7)) {$aut7=$rau7[0];}
|
|
|
|
$d7=pg_query("(
|
|
SELECT
|
|
COALESCE(n.tanggal,l.tgl_setor_pptk) as tanggal,
|
|
1 AS urut,
|
|
COALESCE(n.keterangan,'Proses Pembuatan NPD') as keterangan,
|
|
COALESCE(n.admin,l.adm_setor_pptk) as admin
|
|
FROM (SELECT * FROM pengerjaan_npd WHERE keterangan='Proses Pembuatan NPD') n
|
|
RIGHT OUTER JOIN (SELECT * FROM vr_pelunasan WHERE status_npd IS NOT NULL) l ON (l.id=n.vr_pelunasan_id)
|
|
WHERE l.id=$vr_pelunasan_id
|
|
AND COALESCE(n.keterangan,'Proses Pembuatan NPD')='Proses Pembuatan NPD'
|
|
)
|
|
UNION
|
|
(SELECT tanggal,2 AS urut,keterangan,admin FROM pengerjaan_npd WHERE vr_pelunasan_id=$vr_pelunasan_id AND keterangan='Proses TTD PPTK')
|
|
UNION
|
|
(SELECT tanggal,3 AS urut,keterangan,admin FROM pengerjaan_npd WHERE vr_pelunasan_id=$vr_pelunasan_id AND keterangan='Proses TTD KPA')
|
|
ORDER BY urut ASC");
|
|
|
|
while($r7=pg_fetch_array($d7)) {
|
|
$urut7[]=$r7[1];
|
|
$tanggal7[]=$r7[0];
|
|
$adm7[]=$r7[3];
|
|
}
|
|
|
|
?>
|
|
|
|
|
|
|
|
<div class="tracking-item">
|
|
<div class="tracking-icon status-intransit">
|
|
<svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="circle" role="img" viewBox="0 0 512 512" data-fa-i2svg="">
|
|
<path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
|
|
</svg>
|
|
<!-- <i class="fas fa-circle"></i> -->
|
|
</div>
|
|
<?php
|
|
if ($urut7[0]==1) {$rolas7=$tanggal7[0];$rolas17=$adm7[0];}
|
|
?>
|
|
<div class="tracking-date"><?php if (isset($rolas7)) {echo date('d-m-Y',strtotime($rolas7));} ?><span><?php if (isset($rolas7)) {echo date('H:i',strtotime($rolas7));} ?></span></div>
|
|
<div class="tracking-content" style="<?php if ($rolas7==null) {echo 'color:#B4B897';} ?>"><i class="mdi mdi-apps m-r-5"></i>TIM VALIDASI PENGADAAN<span style="<?php if ($rolas7==null) {echo 'color:#B4B897';} ?>"><div class="label label-danger">NPD</div> Proses Pembuatan NPD</span>
|
|
<span style="font-size:11px;font-family:InterSB;margin-top:3px;<?php if ($rolas7==null) {echo 'color:#B4B897';} else {echo 'color:#7F8487';} ?>"><?php if ($rolas17==null) {} else {?><i class="mdi mdi-arrow-right m-r-5"></i><?php } ?><?php echo $rolas17; ?></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tracking-item">
|
|
<div class="tracking-icon status-intransit">
|
|
<svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="circle" role="img" viewBox="0 0 512 512" data-fa-i2svg="">
|
|
<path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
|
|
</svg>
|
|
<!-- <i class="fas fa-circle"></i> -->
|
|
</div>
|
|
<?php
|
|
if ($urut7[1]==2) {$rolas8=$tanggal7[1];$rolas18=$adm7[1];}
|
|
if ($urut7[2]==2) {$rolas8=$tanggal7[2];$rolas18=$adm7[2];}
|
|
?>
|
|
<div class="tracking-date"><?php if (isset($rolas8)) {echo date('d-m-Y',strtotime($rolas8));} ?><span><?php if (isset($rolas8)) {echo date('H:i',strtotime($rolas8));} ?></span></div>
|
|
<div class="tracking-content" style="<?php if ($rolas8==null) {echo 'color:#B4B897';} ?>"><i class="mdi mdi-apps m-r-5"></i>SEKRETARIAT DIREKSI<span style="<?php if ($rolas8==null) {echo 'color:#B4B897';} ?>"><div class="label label-danger">NPD</div> Proses TTD PPTK</span>
|
|
<span style="font-size:11px;font-family:InterSB;margin-top:3px;<?php if ($rolas8==null) {echo 'color:#B4B897';} else {echo 'color:#7F8487';} ?>"><?php if ($rolas18==null) {} else {?><i class="mdi mdi-arrow-right m-r-5"></i><?php } ?><?php echo $rolas18; ?></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tracking-item">
|
|
<div class="tracking-icon status-intransit">
|
|
<svg class="svg-inline--fa fa-circle fa-w-16" aria-hidden="true" data-prefix="fas" data-icon="circle" role="img" viewBox="0 0 512 512" data-fa-i2svg="">
|
|
<path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path>
|
|
</svg>
|
|
<!-- <i class="fas fa-circle"></i> -->
|
|
</div>
|
|
<?php
|
|
if ($urut7[1]==3) {$rolas9=$tanggal7[1];$rolas19=$adm7[1];}
|
|
if ($urut7[2]==3) {$rolas9=$tanggal7[2];$rolas19=$adm7[2];}
|
|
if ($urut7[3]==3) {$rolas9=$tanggal7[3];$rolas19=$adm7[3];}
|
|
?>
|
|
<div class="tracking-date"><?php if (isset($rolas9)) {echo date('d-m-Y',strtotime($rolas9));} ?><span><?php if (isset($rolas9)) {echo date('H:i',strtotime($rolas9));} ?></span></div>
|
|
<div class="tracking-content" style="<?php if ($rolas9==null) {echo 'color:#B4B897';} ?>"><i class="mdi mdi-apps m-r-5"></i>SEKRETARIAT DIREKSI<span style="<?php if ($rolas9==null) {echo 'color:#B4B897';} ?>"><div class="label label-danger">NPD</div> Proses TTD KPA</span>
|
|
<span style="font-size:11px;font-family:InterSB;margin-top:3px;<?php if ($rolas9==null) {echo 'color:#B4B897';} else {echo 'color:#7F8487';} ?>"><?php if ($rolas19==null) {} else {?><i class="mdi mdi-arrow-right m-r-5"></i><?php } ?><?php echo $rolas19; ?></span>
|
|
</div>
|
|
</div>
|