836 lines
31 KiB
PHP
836 lines
31 KiB
PHP
<!doctype html>
|
|
<html class="fixed sidebar-left-collapsed">
|
|
|
|
<head>
|
|
|
|
<!-- Basic -->
|
|
<meta charset="UTF-8">
|
|
|
|
<title>KPI (SALES)</title>
|
|
<meta name="keywords" content="HTML5 Admin Template" />
|
|
<meta name="description" content="Porto Admin - Responsive HTML5 Template">
|
|
<meta name="author" content="okler.net">
|
|
|
|
<!-- Mobile Metas -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
|
|
|
|
<!-- Vendor CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap/css/bootstrap.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/font-awesome/css/font-awesome.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/magnific-popup/magnific-popup.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-datepicker/css/datepicker3.css" />
|
|
|
|
<!-- Specific Page Vendor CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/select2/select2.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/jquery-datatables-bs3/assets/css/datatables.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/pnotify/pnotify.custom.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/bootstrap-multiselect/bootstrap-multiselect.css" />
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/vendor/base/jquery-ui.css" />
|
|
|
|
<!-- Theme CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme.css" />
|
|
|
|
<!-- Skin CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/skins/default.css" />
|
|
|
|
<!-- Theme Custom CSS -->
|
|
<link rel="stylesheet" href="<?php echo base_url('') ?>assets/stylesheets/theme-custom.css">
|
|
|
|
<!-- Head Libs -->
|
|
<script src="<?php echo base_url('') ?>assets/vendor/modernizr/modernizr.js"></script>
|
|
|
|
</head>
|
|
<script src="<?= base_url() ?>assets/bower_components/jquery/jquery-3.3.1.min.js"></script>
|
|
<script src="<?= base_url() ?>assets/bower_components/sweetalert2/sweetalert2.all.min.js"></script>
|
|
|
|
<style>
|
|
.ui-front {
|
|
z-index: 9999;
|
|
}
|
|
|
|
.bottomsolid {
|
|
border-bottom-style: solid;
|
|
border-top-style: solid;
|
|
border-right-style: solid;
|
|
border-left-style: solid;
|
|
border-width: 3px;
|
|
border-color: silver;
|
|
}
|
|
|
|
.f18 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* Create a two-column layout */
|
|
.column2 {
|
|
float: left;
|
|
width: 50%;
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Create a three-column layout */
|
|
.column3 {
|
|
float: left;
|
|
width: 33.33%;
|
|
padding: 5px;
|
|
}
|
|
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
let base_url = '<?= base_url() ?>';
|
|
</script>
|
|
|
|
<body>
|
|
<section class="body">
|
|
|
|
<!-- start: header -->
|
|
<?php $this->load->view('template/header'); ?>
|
|
<!-- end: header -->
|
|
|
|
<div class="inner-wrapper">
|
|
<!-- start: sidebar -->
|
|
<?php $this->load->view('template/sidebar'); ?>
|
|
<!-- end: sidebar -->
|
|
|
|
<section role="main" class="content-body">
|
|
<header class="page-header">
|
|
<h2><b>Data Tindak Lanjut | <a data-toggle="modal" data-target="#modalFitur"><b style="color:LightGreen"><?=$tampil?> <i class="fa fa-question-circle"></i></b></a> | Diambil <b style="color:LightPink" id="jamTerakhir"></b></b></h2>
|
|
<div class="right-wrapper pull-right">
|
|
<ol class="breadcrumbs">
|
|
<li><span><a href="<?php echo base_url('') ?>index.php"><b style="color:Silver">Dashboard <i class="fa fa-home"></i></b></a></span></li>
|
|
</ol>
|
|
<a class="sidebar-right-toggle" data-open="sidebar-right"><i class="fa fa-chevron-left"></i></a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- start: page -->
|
|
<?php if ($hak>3) { ?>
|
|
<div class="row">
|
|
<div class="col-md-1 f16"><b style="color:Black">Sales</b></div>
|
|
<div class="col-md-3">
|
|
<select data-plugin-selectTwo id="id_sales" class="form-control populate" onchange="gantiSales(value)">
|
|
<?php if ($id_sales==0) { ?>
|
|
<option value="0" selected>Semua Sales</option>
|
|
<?php } else { ?>
|
|
<option value="0">Semua Sales</option>
|
|
<?php } ?>
|
|
<?php if (is_array($sales) || is_object($sales)) {
|
|
foreach ($sales as $key) { ?>
|
|
<?php if ($id_sales==$key['ID_KARYAWAN']) { ?>
|
|
<option value="<?= $key['ID_KARYAWAN'] ?>" selected><?= $key['NAMA_PANGGILAN_KARYAWAN'] ?></option>
|
|
<?php } else { ?>
|
|
<option value="<?= $key['ID_KARYAWAN'] ?>" ><?= $key['NAMA_PANGGILAN_KARYAWAN'] ?></option>
|
|
<?php } ?>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<?php } ?>
|
|
<input type="hidden" id="tabActive" value="0">
|
|
<div class="row">
|
|
<div class="tabs">
|
|
<ul class="nav nav-tabs nav-justified">
|
|
<li>
|
|
<a href="#tabs1" data-toggle="tab" style="text-align:left; font-size:17px" onclick="ambilDataTransaksi(1)"><b style="color:Black">[1]</b> <b style="color:Green">Perlu Tindakan<br><b style="color:DarkRed" id="count1">0</b> Data <i class="fa fa-refresh" style="color:Orange"></i> <b style="color:DarkOrchid" id="percent1">0.00</b>%</b></a>
|
|
</li>
|
|
<li>
|
|
<a href="#tabs2" data-toggle="tab" style="text-align:left; font-size:17px" onclick="ambilDataTransaksi(2)"><b style="color:Black">[2]</b> <b style="color:Green">Sedang Menunggu<br><b style="color:DarkRed" id="count2">0</b> Data <i class="fa fa-refresh" style="color:Orange"></i> <b style="color:DarkOrchid" id="percent2">0.00</b>%</b></a>
|
|
</li>
|
|
<li>
|
|
<a href="#tabs3" data-toggle="tab" style="text-align:left; font-size:17px" onclick="ambilDataTransaksi(3)"><b style="color:Black">[3]</b> <b style="color:Green">Budgeting<br><b style="color:DarkRed" id="count3">0</b> Data <i class="fa fa-refresh" style="color:Orange"></i> <b style="color:DarkOrchid" id="percent3">0.00</b>%</b></a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div id="tabs1" class="tab-pane">
|
|
<small class="help-block"></small>
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-danger"><b>TOTAL <b id="total1">0.00</b></b></button>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 pull-right">
|
|
<div class="input-group">
|
|
<span style="background-color:SeaShell" class="input-group-addon"><b id="cocok1" style="color:Blue">0 Data Sesuai</b></span>
|
|
<input type="text" placeholder="Cari.." autocomplete="off" class="form-control" id="isiCari1" onkeyup="cariData(1)">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<table class="table table-bordered table-striped mb-none" id="idTabel1">
|
|
<thead>
|
|
<tr class="headerTabel1">
|
|
<th class="center default">No</th>
|
|
<th class="default">Kode</th>
|
|
<th class="default">Sales Channel</th>
|
|
<th class="default">Sales Produk/Proyek</th>
|
|
<th class="default">Pelanggan</th>
|
|
<th class="default">Ringkasan</th>
|
|
<th class="default">Informasi Terakhir</th>
|
|
<th class="center default">Input Laporan</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="isiTabel1"></tbody>
|
|
</table>
|
|
</div>
|
|
<div id="tabs2" class="tab-pane">
|
|
<small class="help-block"></small>
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-danger"><b>TOTAL <b id="total2">0.00</b></b></button>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 pull-right">
|
|
<div class="input-group">
|
|
<span style="background-color:SeaShell" class="input-group-addon"><b id="cocok2" style="color:Blue">0 Data Sesuai</b></span>
|
|
<input type="text" placeholder="Cari.." autocomplete="off" class="form-control" id="isiCari2" onkeyup="cariData(2)">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<table class="table table-bordered table-striped mb-none" id="idTabel2">
|
|
<thead>
|
|
<tr class="headerTabel2">
|
|
<th class="center default">No</th>
|
|
<th class="default">Kode</th>
|
|
<th class="default">Sales Channel</th>
|
|
<th class="default">Sales Produk/Proyek</th>
|
|
<th class="default">Pelanggan</th>
|
|
<th class="default">Ringkasan</th>
|
|
<th class="default">Informasi Terakhir</th>
|
|
<th class="center default">Input Laporan</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="isiTabel2"></tbody>
|
|
</table>
|
|
</div>
|
|
<div id="tabs3" class="tab-pane">
|
|
<small class="help-block"></small>
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-danger"><b>TOTAL <b id="total3">0.00</b></b></button>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 pull-right">
|
|
<div class="input-group">
|
|
<span style="background-color:SeaShell" class="input-group-addon"><b id="cocok3" style="color:Blue">0 Data Sesuai</b></span>
|
|
<input type="text" placeholder="Cari.." autocomplete="off" class="form-control" id="isiCari3" onkeyup="cariData(3)">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<table class="table table-bordered table-striped mb-none" id="idTabel3">
|
|
<thead>
|
|
<tr class="headerTabel3">
|
|
<th class="center default">No</th>
|
|
<th class="default">Kode</th>
|
|
<th class="default">Sales Channel</th>
|
|
<th class="default">Sales Produk/Proyek</th>
|
|
<th class="default">Pelanggan</th>
|
|
<th class="default">Ringkasan</th>
|
|
<th class="default">Informasi Terakhir</th>
|
|
<th class="center default">Input Laporan</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="isiTabel3"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end: page -->
|
|
</section>
|
|
</div>
|
|
</section>
|
|
|
|
<div id="modalFitur" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog" style="width:35%">
|
|
<div class="modal-content">
|
|
<header class="panel-heading">
|
|
<h4 class="panel-title"><b>Fitur Teknis</b></h4>
|
|
<div class="panel-actions">
|
|
<a class="text-dark" data-dismiss="modal"><b>Tutup </b><i class="fa fa-times"></i></a>
|
|
</div>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="form-group">
|
|
<h5>
|
|
<b style="color:Green">AKSES PENUH</b><br><b>Bisa membaca Semua Data.</b><br>
|
|
<br><b style="color:Green">OPERATOR</b><br><b>Hanya dapat Membaca Data milik Sendiri.</b><br>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalInputHistoriPenawaran" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static">
|
|
<div class="modal-dialog modal-lg" style="width:85%">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b>Input Data | <b id="kodePenawaran" style="color:DarkViolet"></b></b></h2>
|
|
<div class="panel-actions">
|
|
<a onclick="resetIntervalAll()" class="text-dark"><b>Tutup</b></a>
|
|
</div>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<div class="row form-bordered">
|
|
<div class="form-group">
|
|
<div class="col-md-4">
|
|
<section class="form-group-vertical">
|
|
<input type="hidden" id="id_hpnein">
|
|
<input type="hidden" id="id_penawaranin">
|
|
<input type="hidden" id="posisiin">
|
|
<select data-plugin-selectTwo id="status_hpnenew" class="form-control populate">
|
|
<option value="" selected>Pilih Status Penawaran</option>
|
|
<?php if (is_array($spe) || is_object($spe)) {
|
|
foreach ($spe as $key) { ?>
|
|
<option value="<?= $key['ID_SPE'] ?>">[<?= $key['ID_SPE'] ?>] <?= $key['NAMA_SPE'] ?></option>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
<div class="input-group">
|
|
<input type="date" class="form-control" id="fu_hpnenew">
|
|
<span class="input-group-addon"><b style="color:Teal">Reminder</b></span>
|
|
</div>
|
|
<textarea autocomplete="off" class="form-control" rows="4" id="ket_hpnenew" placeholder="Keterangan Reminder"></textarea>
|
|
<element id="submitTambah"><button type="submit" onclick="inputTambahHistoriPenawaran();" class="btn btn-success"><b>Tambah</b> <i class="fa fa-plus-circle"></i></button></element>
|
|
<element hidden="hidden" id="submitUbah"><button type="submit" onclick="inputUbahHistoriPenawaran();" class="btn btn-warning"><b>Ubah</b> <i class="fa fa-pencil"></i></button></element>
|
|
</section>
|
|
</div>
|
|
<div class="col-md-8">
|
|
<table class="table table-bordered table-striped mb-none">
|
|
<thead>
|
|
<th class="center default">No</th>
|
|
<th class="default">Cipta</th>
|
|
<th class="default">Keterangan</th>
|
|
<th class="default">Reminder</th>
|
|
<th class="default">Status</th>
|
|
<th class="center default">PILIHAN</th>
|
|
</thead>
|
|
<tbody id="isiTabelHistoriPenawaran"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
$this->load->view('template/sidebar_right');
|
|
$this->load->view('template/script_vendor');
|
|
$this->load->view('template/script_flashdata');
|
|
$this->load->view('template/notification');
|
|
?>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
var hak = <?=$hak?>;
|
|
var posisi = <?=$posisiToggle?>;
|
|
var baris = '';
|
|
|
|
baris += '<tr>';
|
|
if (hak<2) {
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Red">Tidak Berhak..</b></i></h5></td>';
|
|
} else {
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:DarkOrange">Memuat Data..</b></i></h5></td>';
|
|
}
|
|
baris += '</tr>';
|
|
$('#isiTabel1').html(baris);
|
|
$('#isiTabel2').html(baris);
|
|
$('#isiTabel3').html(baris);
|
|
|
|
ambilDataTransaksi(posisi);
|
|
if (posisi==0 || posisi==1) {
|
|
$('a[href="#tabs1"]').tab('show');
|
|
} else if (posisi==2) {
|
|
$('a[href="#tabs2"]').tab('show');
|
|
} else if (posisi==3) {
|
|
$('a[href="#tabs3"]').tab('show');
|
|
}
|
|
})
|
|
|
|
function ambilDataTransaksi(id) {
|
|
var hak = <?=$hak?>;
|
|
PNotify.removeAll();
|
|
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/KP_Ambil_JumlahData",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
hak : hak,
|
|
verse : 2
|
|
},
|
|
success: function(response) {
|
|
$('#count1').html(response.tindakan);
|
|
$('#count2').html(response.menunggu);
|
|
$('#count3').html(response.budgeting);
|
|
$('#percent1').html(response.percentTindakan);
|
|
$('#percent2').html(response.percentMenunggu);
|
|
$('#percent3').html(response.percentBudgeting);
|
|
$('#total1').html(response.nilaiTindakan);
|
|
$('#total2').html(response.nilaiMenunggu);
|
|
$('#total3').html(response.nilaiBudgeting);
|
|
$('#cocok1').html(response.tindakan+" Data Sesuai");
|
|
$('#cocok2').html(response.menunggu+" Data Sesuai");
|
|
$('#cocok3').html(response.budgeting+" Data Sesuai");
|
|
}
|
|
});
|
|
|
|
if (id==0) {
|
|
id = 1;
|
|
}
|
|
|
|
if (id==1) {
|
|
document.getElementById("isiCari1").value = null;
|
|
} else if (id==2) {
|
|
document.getElementById("isiCari2").value = null;
|
|
} else if (id==3) {
|
|
document.getElementById("isiCari3").value = null;
|
|
}
|
|
|
|
tampilkanData(id, null);
|
|
document.getElementById("tabActive").value = id;
|
|
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/GE_Ubah_SetTogglePosisi",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
node : id,
|
|
menu : <?=$id_menu?>,
|
|
},
|
|
success: function(response) {
|
|
}
|
|
});
|
|
|
|
var time = new Date().toLocaleTimeString('en-US',{hour12:false});
|
|
$('#jamTerakhir').html(time);
|
|
}
|
|
|
|
function cariData(id) {
|
|
var max = 7;
|
|
if (id==1) {
|
|
var search = document.getElementById("isiCari1").value.toLowerCase();
|
|
var tr = document.getElementById("idTabel1").getElementsByTagName("tr");
|
|
} else if (id==2) {
|
|
var search = document.getElementById("isiCari2").value.toLowerCase();
|
|
var tr = document.getElementById("idTabel2").getElementsByTagName("tr");
|
|
} else if (id==3) {
|
|
var search = document.getElementById("isiCari3").value.toLowerCase();
|
|
var tr = document.getElementById("idTabel3").getElementsByTagName("tr");
|
|
}
|
|
|
|
var found = 0;
|
|
var words = search.split(" ");
|
|
var limit = words.length;
|
|
for (h = 0; h<=words.length; h++) { // Loop untuk ambil Target Tampil
|
|
if (words[h]=="") {
|
|
limit--;
|
|
}
|
|
}
|
|
|
|
for (i = 0; i < tr.length; i++) { // Loop sejumlah Total TR
|
|
if (id==1) {
|
|
if (tr[i].classList.contains("headerTabel1")) {
|
|
continue;
|
|
}
|
|
} else if (id==2) {
|
|
if (tr[i].classList.contains("headerTabel2")) {
|
|
continue;
|
|
}
|
|
} else if (id==3) {
|
|
if (tr[i].classList.contains("headerTabel3")) {
|
|
continue;
|
|
}
|
|
}
|
|
|
|
var counter = 0;
|
|
for (j = 0; j < max; j++) { // Loop Sejumlah Kolom yang ada
|
|
td = tr[i].getElementsByTagName("td")[j];
|
|
if (td) {
|
|
txtValue = td.textContent || td.innerText;
|
|
for (k = 0; k<=words.length; k++) { // Loop sejumlah Berapa Potongan Kata
|
|
if (words[k]!="") {
|
|
if (txtValue.toLowerCase().indexOf(words[k]) > -1) {
|
|
counter++;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (search=="") {
|
|
tr[i].style.display = "";
|
|
found++;
|
|
} else if (counter>0) {
|
|
if (limit==1) {
|
|
tr[i].style.display = "";
|
|
found++;
|
|
} else {
|
|
if (counter>=limit) {
|
|
tr[i].style.display = "";
|
|
found++;
|
|
} else {
|
|
tr[i].style.display = "none";
|
|
}
|
|
}
|
|
} else {
|
|
tr[i].style.display = "none";
|
|
}
|
|
}
|
|
|
|
if (id==1) {
|
|
$('#cocok1').html(found+" Data Sesuai");
|
|
} else if (id==2) {
|
|
$('#cocok2').html(found+" Data Sesuai");
|
|
} else if (id==3) {
|
|
$('#cocok3').html(found+" Data Sesuai");
|
|
}
|
|
}
|
|
|
|
function gantiSales(id) {
|
|
window.location.href = "<?php echo base_url('') ?>index.php/Menu/KP_Transaksi_TindakLanjut_1/"+id;
|
|
}
|
|
|
|
function inputHapusHistoriPenawaran(id_hpne, id_penawaran) {
|
|
var active = document.getElementById("tabActive").value;
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: {
|
|
id_hpne : id_hpne,
|
|
id_penawaran : id_penawaran,
|
|
},
|
|
url: '<?= base_url('') ?>index.php/Menu/KP_Hapus_DataHistoriPenawaran',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
PNotify.removeAll();
|
|
if (response.value==1) {
|
|
notify("success_del_bottom");
|
|
} else if (response.value==2 || response.value==3) {
|
|
notify("latest");
|
|
} else if (response.value==0) {
|
|
notify("failed");
|
|
}
|
|
if (response.value==3) {
|
|
ambilDataTransaksi(active);
|
|
} else {
|
|
tampilkanData(6, id_penawaran);
|
|
}
|
|
document.getElementById("status_hpnenew").value = null;
|
|
document.getElementById("ket_hpnenew").value = null;
|
|
document.getElementById("fu_hpnenew").value = null;
|
|
$('#status_hpnenew').select2().select2('val', null);
|
|
}
|
|
});
|
|
}
|
|
|
|
function inputTambahHistoriPenawaran() {
|
|
PNotify.removeAll();
|
|
var active = document.getElementById("tabActive").value;
|
|
var id_penawaran = document.getElementById("id_penawaranin").value;
|
|
var status_hpne = document.getElementById("status_hpnenew").value;
|
|
var ket_hpne = document.getElementById("ket_hpnenew").value;
|
|
var fu_hpne = document.getElementById("fu_hpnenew").value;
|
|
var status = 0;
|
|
|
|
if (status_hpne=="") {
|
|
notify("statusidnull_bottom");
|
|
status++;
|
|
}
|
|
|
|
if (ket_hpne=="") {
|
|
notify("ketnull_bottom");
|
|
status++;
|
|
}
|
|
|
|
if (fu_hpne=="") {
|
|
notify("datenull_bottom");
|
|
status++;
|
|
}
|
|
|
|
if (status==0) {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/KP_Tambah_DataHistoriPenawaran",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_penawaran : id_penawaran,
|
|
status_hpne : status_hpne,
|
|
ket_hpne : ket_hpne,
|
|
fu_hpne : fu_hpne,
|
|
},
|
|
success: function(response) {
|
|
if (response.value==1) {
|
|
notify("success_add_bottom");
|
|
} else if (response.value==2) {
|
|
notify("latest");
|
|
} else if (response.value==0) {
|
|
notify("failed");
|
|
}
|
|
if (response.value==2) {
|
|
ambilDataTransaksi(active);
|
|
} else {
|
|
tampilkanData(6, id_penawaran);
|
|
}
|
|
document.getElementById("status_hpnenew").value = null;
|
|
document.getElementById("ket_hpnenew").value = null;
|
|
document.getElementById("fu_hpnenew").value = null;
|
|
$('#status_hpnenew').select2().select2('val', null);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function inputUbahHistoriPenawaran() {
|
|
PNotify.removeAll();
|
|
var active = document.getElementById("tabActive").value;
|
|
var id_penawaran = document.getElementById("id_penawaranin").value;
|
|
var id_hpne = document.getElementById("id_hpnein").value;
|
|
var posisi = document.getElementById("posisiin").value;
|
|
var status_hpne = document.getElementById("status_hpnenew").value;
|
|
var ket_hpne = document.getElementById("ket_hpnenew").value;
|
|
var fu_hpne = document.getElementById("fu_hpnenew").value;
|
|
var status = 0;
|
|
|
|
if (status_hpne=="") {
|
|
notify("statusidnull_bottom");
|
|
status++;
|
|
}
|
|
|
|
if (ket_hpne=="") {
|
|
notify("ketnull_bottom");
|
|
status++;
|
|
}
|
|
|
|
if (fu_hpne=="") {
|
|
notify("datenull_bottom");
|
|
status++;
|
|
}
|
|
|
|
if (status==0) {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/KP_Ubah_DataHistoriPenawaran",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_penawaran : id_penawaran,
|
|
id_hpne : id_hpne,
|
|
status_hpne : status_hpne,
|
|
ket_hpne : ket_hpne,
|
|
fu_hpne : fu_hpne,
|
|
},
|
|
success: function(response) {
|
|
if (response.value==1) {
|
|
notify("success_ed_bottom");
|
|
} else if (response.value==2 || response.value==3) {
|
|
notify("latest");
|
|
} else if (response.value==0) {
|
|
notify("failed");
|
|
}
|
|
if (response.value==3) {
|
|
ambilDataTransaksi(active);
|
|
} else {
|
|
tampilkanData(6, id_penawaran);
|
|
}
|
|
|
|
document.getElementById("ubahIcon" + posisi).style.display = 'block';
|
|
document.getElementById("tampilkanIconCek" + posisi).style.display = 'none';
|
|
document.getElementById("tampilkanIconBan" + posisi).style.display = 'none';
|
|
document.getElementById("submitTambah").style.display = 'block';
|
|
document.getElementById("submitUbah").style.display = 'none';
|
|
|
|
document.getElementById("status_hpnenew").value = null;
|
|
document.getElementById("ket_hpnenew").value = null;
|
|
document.getElementById("fu_hpnenew").value = null;
|
|
$('#status_hpnenew').select2().select2('val', null);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function isiDataHistoriPenawaran(id) {
|
|
PNotify.removeAll();
|
|
|
|
document.getElementById("fu_hpnenew").value = null;
|
|
document.getElementById("status_hpnenew").value = null;
|
|
document.getElementById("ket_hpnenew").value = null;
|
|
$('#status_hpnenew').select2().select2('val', null);
|
|
|
|
$("#id_penawaranin").val(id);
|
|
tampilkanData(6, id);
|
|
}
|
|
|
|
function isiDataUbahHistoriPenawaran(id_hpne, posisi, ket_hpne, fu_hpne, status_hpne) {
|
|
$("#id_hpnein").val(id_hpne);
|
|
$("#posisiin").val(posisi);
|
|
document.getElementById("ubahIcon" + posisi).style.display = 'none';
|
|
document.getElementById("tampilkanIconCek" + posisi).style.display = 'block';
|
|
document.getElementById("tampilkanIconBan" + posisi).style.display = 'block';
|
|
document.getElementById("submitTambah").style.display = 'none';
|
|
document.getElementById("submitUbah").style.display = 'block';
|
|
|
|
document.getElementById("status_hpnenew").value = status_hpne;
|
|
document.getElementById("ket_hpnenew").value = ket_hpne;
|
|
document.getElementById("fu_hpnenew").value = fu_hpne;
|
|
$('#status_hpnenew').select2().select2('val', status_hpne);
|
|
}
|
|
|
|
function resetIntervalAll() {
|
|
var active = document.getElementById("tabActive").value;
|
|
ambilDataTransaksi(active);
|
|
$('#modalInputHistoriPenawaran').modal('hide');
|
|
PNotify.removeAll();
|
|
}
|
|
|
|
function resetUbah(posisi) {
|
|
document.getElementById("ubahIcon" + posisi).style.display = 'block';
|
|
document.getElementById("tampilkanIconCek" + posisi).style.display = 'none';
|
|
document.getElementById("tampilkanIconBan" + posisi).style.display = 'none';
|
|
document.getElementById("submitTambah").style.display = 'block';
|
|
document.getElementById("submitUbah").style.display = 'none';
|
|
|
|
document.getElementById("status_hpnenew").value = null;
|
|
document.getElementById("ket_hpnenew").value = null;
|
|
document.getElementById("fu_hpnenew").value = null;
|
|
$('#status_hpnenew').select2().select2('val', null);
|
|
}
|
|
|
|
function tampilkanData(id, specific) {
|
|
var hak = <?=$hak?>;
|
|
var id_sales = <?=$id_sales?>;
|
|
var kosong = '';
|
|
kosong += '<tr><td class="text-center" colspan="9"><h5><i><b style="color:OrangeRed">Data Kosong..</b></i></h5></td></tr>';
|
|
|
|
if (id==1 || id==2 || id==3) {
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: {
|
|
verse : 3,
|
|
mode : id,
|
|
hak : hak,
|
|
id_sales : id_sales,
|
|
},
|
|
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataPenawaran',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
var baris = '';
|
|
JUMLAH = response.total;
|
|
|
|
if (JUMLAH==0) {
|
|
baris = kosong;
|
|
if (id==1) {
|
|
document.getElementById("isiCari1").disabled = true;
|
|
} else if (id==2) {
|
|
document.getElementById("isiCari2").disabled = true;
|
|
} else if (id==3) {
|
|
document.getElementById("isiCari3").disabled = true;
|
|
}
|
|
} else {
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var id_penawaran = response.data[i - 1]['ID'];
|
|
var kode = response.data[i - 1]['KODE'];
|
|
var kop = response.data[i - 1]['KOP'];
|
|
var tanggal = response.data[i - 1]['TANGGAL'];
|
|
var cipta = response.data[i - 1]['CIPTA'];
|
|
var channel = response.data[i - 1]['CHANNEL'];
|
|
var other = response.data[i - 1]['OTHER'];
|
|
var pelanggan = response.data[i - 1]['PELANGGAN'];
|
|
var up = response.data[i - 1]['UP'];
|
|
var perihal = response.data[i - 1]['PERIHAL'];
|
|
var nilai = response.data[i - 1]['NILAI'];
|
|
var jenis = response.data[i - 1]['JENIS'];
|
|
var tgl = response.data[i - 1]['TGL'];
|
|
var ket = response.data[i - 1]['KET'];
|
|
var stat = response.data[i - 1]['STAT'];
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="center" style="vertical-align: middle;" >' + i + '</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + kode + '</b> <b style="color:Tomato">[' + kop + ' <b style="color:SlateBlue">'+tanggal+'</b>]</b><br>(' + cipta + ')</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Green">' + channel + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Chocolate">' + other + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Olive">' + pelanggan + '</b><br>Up : (' + up + ')</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:SaddleBrown">' + perihal + '</b><br><b style="color:Blue">[' + nilai + ']</b><br><br><i>'+jenis+'</i></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">' + tgl + '</b> | <b style="color:Red">' + stat + '</b><br>' + ket + '</td>';
|
|
if (hak>1) {
|
|
baris += '<td class="center" style="vertical-align: middle;"><button type="button" onclick="isiDataHistoriPenawaran('+id_penawaran+')" class="btn btn-xs btn-warning" data-toggle="modal" data-target="#modalInputHistoriPenawaran"> <i class="fa fa-reorder"></i></button></td>';
|
|
}
|
|
baris += '</tr>';
|
|
}
|
|
if (id==1) {
|
|
document.getElementById("isiCari1").disabled = false;
|
|
} else if (id==2) {
|
|
document.getElementById("isiCari2").disabled = false;
|
|
} else if (id==3) {
|
|
document.getElementById("isiCari3").disabled = false;
|
|
}
|
|
}
|
|
if (id==1) {
|
|
$('#isiTabel1').html(baris);
|
|
} else if (id==2) {
|
|
$('#isiTabel2').html(baris);
|
|
} else if (id==3) {
|
|
$('#isiTabel3').html(baris);
|
|
}
|
|
}
|
|
});
|
|
} else if (id==6) { // Histori Penawaran
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: {
|
|
verse : 1,
|
|
id_penawaran : specific,
|
|
},
|
|
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataHistoriPenawaran',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
var baris = '';
|
|
JUMLAH = response.total;
|
|
|
|
if (JUMLAH==0) {
|
|
baris = kosong;
|
|
} else {
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var id_hpne = response.data[i - 1]['ID_HPNE'];
|
|
var cipta = response.data[i - 1]['CIPTA_HPNE'];
|
|
var ket = response.data[i - 1]['KET_HPNE'];
|
|
var fu = response.data[i - 1]['FU_HPNE'];
|
|
var tgl = response.data[i - 1]['TANGGAL'];
|
|
var stat = response.data[i - 1]['NAMA_SPE'];
|
|
var status = response.data[i - 1]['STATUS_HPNE'];
|
|
|
|
baris += '<tr>';
|
|
baris += '<td class="center" style="vertical-align: middle;" >' + i + ' <element id="tampilkanIconCek' + i + '" hidden="hidden"><i class="fa fa-check" style="color:Green"></i></element></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkSlateGray">' + cipta + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;">' + ket + '</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Teal">' + tgl + '</b></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Red">' + stat + '</b></td>';
|
|
if (i==response.total && i>2 && hak>1) {
|
|
baris += '<td class="action center" style="vertical-align: middle;"><element id="tampilkanIconBan' + i + '" hidden="hidden"><button type="button" class="btn btn-xs btn-default text-danger" onclick="resetUbah(' + i + ')"><i class="fa fa-ban"></i></button></element><element id="ubahIcon' + i + '"><button type="button" onclick="isiDataUbahHistoriPenawaran(' + id_hpne + ',' + i + ',`' + ket + '`,`' + fu + '`,' + status + ')" class="btn btn-xs btn-warning"><i class="fa fa-pencil"></i></button> <button type="button" onclick="inputHapusHistoriPenawaran(' + id_hpne + ',' + specific + ')" class="btn btn-xs btn-danger"><i class="fa fa-times"></i></button></element></td>';
|
|
} else {
|
|
baris += '<td></td>';
|
|
}
|
|
baris += '</tr>';
|
|
}
|
|
}
|
|
$('#isiTabelHistoriPenawaran').html(baris);
|
|
$('#kodePenawaran').html(response.kode);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|