248 lines
8.5 KiB
PHP
248 lines
8.5 KiB
PHP
<?php
|
|
include("../koneksi.php");
|
|
$pekerjaan_id=$_POST['id'];
|
|
?>
|
|
|
|
|
|
<style>
|
|
.card {
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
min-width: 0;
|
|
word-wrap: break-word;
|
|
background-color: #fff;
|
|
background-clip: border-box;
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
border-radius: 0.10rem
|
|
}
|
|
|
|
.card-header:first-child {
|
|
border-radius: calc(0.37rem - 1px) calc(0.37rem - 1px) 0 0
|
|
}
|
|
|
|
.card-header {
|
|
padding: 0.75rem 1.25rem;
|
|
margin-bottom: 0;
|
|
background-color: #fff;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1)
|
|
}
|
|
|
|
.track {
|
|
position: relative;
|
|
background-color: #ddd;
|
|
height: 7px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin-bottom: 60px;
|
|
margin-top: 50px
|
|
}
|
|
|
|
.track .step {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
flex-grow: 1;
|
|
width: 25%;
|
|
margin-top: -18px;
|
|
text-align: center;
|
|
position: relative
|
|
}
|
|
|
|
.track .step.active:before {
|
|
background: #FF5722
|
|
}
|
|
|
|
.track .step::before {
|
|
height: 7px;
|
|
position: absolute;
|
|
content: "";
|
|
width: 100%;
|
|
left: 0;
|
|
top: 18px
|
|
}
|
|
|
|
.track .step.active .icon {
|
|
background: #ee5435;
|
|
color: #fff
|
|
}
|
|
|
|
.track .icon {
|
|
display: inline-block;
|
|
width: 40px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
position: relative;
|
|
border-radius: 100%;
|
|
background: #ddd
|
|
}
|
|
|
|
.track .step.active .text {
|
|
font-weight: 400;
|
|
color: #000
|
|
}
|
|
|
|
.track .text {
|
|
display: block;
|
|
margin-top: 7px
|
|
}
|
|
|
|
.itemside {
|
|
position: relative;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.itemside .aside {
|
|
position: relative;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.img-sm {
|
|
width: 80px;
|
|
height: 80px;
|
|
padding: 7px
|
|
}
|
|
|
|
ul.row,
|
|
ul.row-sm {
|
|
list-style: none;
|
|
padding: 0
|
|
}
|
|
|
|
.itemside .info {
|
|
padding-left: 15px;
|
|
padding-right: 7px
|
|
}
|
|
|
|
.itemside .title {
|
|
display: block;
|
|
margin-bottom: 5px;
|
|
color: #212529
|
|
}
|
|
|
|
p {
|
|
margin-top: 0;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
.btn-warning {
|
|
color: #ffffff;
|
|
background-color: #ee5435;
|
|
border-color: #ee5435;
|
|
border-radius: 1px
|
|
}
|
|
|
|
.btn-warning:hover {
|
|
color: #ffffff;
|
|
background-color: #ff2b00;
|
|
border-color: #ff2b00;
|
|
border-radius: 1px
|
|
}
|
|
</style>
|
|
<div class="card-body">
|
|
<div class="track">
|
|
<?php
|
|
$d=pg_query("SELECT p.tgl_input,p1.tanggal,r.urut FROM pekerjaan p
|
|
LEFT OUTER JOIN pengerjaan_adminers p1 ON (p.id=p1.pekerjaan_id)
|
|
LEFT OUTER JOIN proses_adminers r ON (r.nama=p1.keterangan)
|
|
WHERE p.id=$pekerjaan_id");
|
|
while($r=pg_fetch_array($d)) {
|
|
$urut[]=$r['urut'];
|
|
$tgl_input[]=$r['tgl_input'];
|
|
$tanggal[]=$r['tanggal'];
|
|
}
|
|
?>
|
|
<div class="step active"> <span class="icon"> <i class="fa fa-pencil"></i> </span> <span class="text">Pencatatan</span><span><?php echo date('d-m-Y',strtotime($tgl_input[0])); ?></span> </div>
|
|
<div class="step <?php if (($urut[0]==2) || ($urut[1]==2))
|
|
{echo 'active';} else {} ?>"> <span class="icon"> <i class="fa fa-user"></i> </span> <span class="text">Input Berkas</span>
|
|
|
|
</div>
|
|
<div class="step <?php if (($urut[0]==3) || ($urut[1]==3) || ($urut[2]==3))
|
|
{echo 'active';} else {} ?>"> <span class="icon"> <i class="fa fa-user"></i> </span> <span class="text">Penyedia</span>
|
|
<?php if ($urut[0]==3) {$tiga=$tanggal[0];}
|
|
if ($urut[1]==3) {$tiga=$tanggal[1];}
|
|
if ($urut[2]==3) {$tiga=$tanggal[2];}
|
|
?>
|
|
<span><?php if (isset($tiga)) {echo date('d-m-Y',strtotime($tiga));} ?></span>
|
|
</div>
|
|
<div class="step <?php if (($urut[0]==4) || ($urut[1]==4) || ($urut[2]==4) || ($urut[3]==4))
|
|
{echo 'active';} else {} ?>"> <span class="icon"> <i class="fa fa-arrow-left"></i> </span> <span class="text">Kembali berkas</span>
|
|
<?php if ($urut[0]==4) {$empat=$tanggal[0];}
|
|
if ($urut[1]==4) {$empat=$tanggal[1];}
|
|
if ($urut[2]==4) {$empat=$tanggal[2];}
|
|
if ($urut[3]==4) {$empat=$tanggal[3];}
|
|
?>
|
|
<span><?php if (isset($empat)) {echo date('d-m-Y',strtotime($empat));} ?></span>
|
|
</div>
|
|
<div class="step <?php if (($urut[0]==5) || ($urut[1]==5) || ($urut[2]==5) || ($urut[3]==5) || ($urut[4]==5))
|
|
{echo 'active';} else {} ?>"> <span class="icon"> <i class="fa fa-user"></i> </span> <span class="text">Pejabat PBJ</span>
|
|
<?php if ($urut[0]==5) {$lima=$tanggal[0];}
|
|
if ($urut[1]==5) {$lima=$tanggal[1];}
|
|
if ($urut[2]==5) {$lima=$tanggal[2];}
|
|
if ($urut[3]==5) {$lima=$tanggal[3];}
|
|
if ($urut[4]==5) {$lima=$tanggal[4];}
|
|
?>
|
|
<span><?php if (isset($lima)) {echo date('d-m-Y',strtotime($lima));} ?></span>
|
|
</div>
|
|
<div class="step <?php if (($urut[0]==6) || ($urut[1]==6) || ($urut[2]==6) || ($urut[3]==6) || ($urut[4]==6) || ($urut[5]==6))
|
|
{echo 'active';} else {} ?>"> <span class="icon"> <i class="fa fa-user"></i> </span> <span class="text">PPKOM</span>
|
|
<?php if ($urut[0]==6) {$enam=$tanggal[0];}
|
|
if ($urut[1]==6) {$enam=$tanggal[1];}
|
|
if ($urut[2]==6) {$enam=$tanggal[2];}
|
|
if ($urut[3]==6) {$enam=$tanggal[3];}
|
|
if ($urut[4]==6) {$enam=$tanggal[4];}
|
|
if ($urut[5]==6) {$enam=$tanggal[5];}
|
|
?>
|
|
<span><?php if (isset($enam)) {echo date('d-m-Y',strtotime($enam));} ?></span>
|
|
</div>
|
|
<div class="step <?php if (($urut[0]==7) || ($urut[1]==7) || ($urut[2]==7) || ($urut[3]==7) || ($urut[4]==7) || ($urut[5]==7) || ($urut[6]==7))
|
|
{echo 'active';} else {} ?>"> <span class="icon"> <i class="fa fa-user"></i> </span> <span class="text">KPA</span>
|
|
<?php if ($urut[0]==7) {$tujuh=$tanggal[0];}
|
|
if ($urut[1]==7) {$tujuh=$tanggal[1];}
|
|
if ($urut[2]==7) {$tujuh=$tanggal[2];}
|
|
if ($urut[3]==7) {$tujuh=$tanggal[3];}
|
|
if ($urut[4]==7) {$tujuh=$tanggal[4];}
|
|
if ($urut[5]==7) {$tujuh=$tanggal[5];}
|
|
if ($urut[6]==7) {$tujuh=$tanggal[6];}
|
|
?>
|
|
<span><?php if (isset($tujuh)) {echo date('d-m-Y',strtotime($tujuh));} ?></span>
|
|
</div>
|
|
<div class="step <?php if (($urut[0]==8) || ($urut[1]==8) || ($urut[2]==8) || ($urut[3]==8) || ($urut[4]==8) || ($urut[5]==8) || ($urut[6]==8) || ($urut[7]==8))
|
|
{echo 'active';} else {} ?>"> <span class="icon"> <i class="fa fa-user"></i> </span> <span class="text">PA</span>
|
|
<?php if ($urut[0]==8) {$wolu=$tanggal[0];}
|
|
if ($urut[1]==8) {$wolu=$tanggal[1];}
|
|
if ($urut[2]==8) {$wolu=$tanggal[2];}
|
|
if ($urut[3]==8) {$wolu=$tanggal[3];}
|
|
if ($urut[4]==8) {$wolu=$tanggal[4];}
|
|
if ($urut[5]==8) {$wolu=$tanggal[5];}
|
|
if ($urut[6]==8) {$wolu=$tanggal[6];}
|
|
if ($urut[7]==8) {$wolu=$tanggal[7];}
|
|
?>
|
|
<span><?php if (isset($wolu)) {echo date('d-m-Y',strtotime($wolu));} ?></span>
|
|
</div>
|
|
<div class="step <?php if (($urut[0]==9) || ($urut[1]==9) || ($urut[2]==9) || ($urut[3]==9) || ($urut[4]==9) || ($urut[5]==9) || ($urut[6]==9) || ($urut[7]==9) || ($urut[8]==9))
|
|
{echo 'active';} else {} ?>"> <span class="icon"> <i class="fa fa-check"></i> </span> <span class="text">Selesai</span>
|
|
<?php if ($urut[0]==9) {$songo=$tanggal[0];}
|
|
if ($urut[1]==9) {$songo=$tanggal[1];}
|
|
if ($urut[2]==9) {$songo=$tanggal[2];}
|
|
if ($urut[3]==9) {$songo=$tanggal[3];}
|
|
if ($urut[4]==9) {$songo=$tanggal[4];}
|
|
if ($urut[5]==9) {$songo=$tanggal[5];}
|
|
if ($urut[6]==9) {$songo=$tanggal[6];}
|
|
if ($urut[7]==9) {$songo=$tanggal[7];}
|
|
if ($urut[8]==9) {$songo=$tanggal[8];}
|
|
?>
|
|
<span><?php if (isset($songo)) {echo date('d-m-Y',strtotime($songo));} ?></span>
|
|
</div>
|
|
</div>
|
|
</div>
|