818 lines
29 KiB
PHP
818 lines
29 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;
|
|
}
|
|
|
|
.solid {
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-left-style: solid;
|
|
border-right-style: solid;
|
|
border-width: 3px;
|
|
border-color: gold;
|
|
}
|
|
|
|
.solidtwo {
|
|
border-top-style: solid;
|
|
border-bottom-style: solid;
|
|
border-left-style: solid;
|
|
border-right-style: solid;
|
|
border-width: 3px;
|
|
border-color: slateblue;
|
|
}
|
|
|
|
.f18 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
</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 Target Sales | <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 -->
|
|
<section class="panel panel-featured panel-featured-dark">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b style="color:Black">TARGET SALES</b></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="form-group">
|
|
<h4><div class="col-md-2"><b style="color:Black">Periode</b></div></h4>
|
|
<div class="col-md-4">
|
|
<select data-plugin-selectTwo id="id_pum" class="form-control populate" onchange="ambilDataKpi(1);">
|
|
<?php if ($id_pum==0) { ?>
|
|
<option value="0" selected>Pilih Periode</option>
|
|
<?php } ?>
|
|
<?php if (is_array($pum) || is_object($pum)) {
|
|
foreach ($pum as $key) { ?>
|
|
<?php if ($id_pum==$key['ID_PUM']) { ?>
|
|
<option value="<?= $key['ID_PUM'] ?>" selected><?= $key['NAMA_PUM'] ?> (<?= $key['AWAL'] ?> s.d <?= $key['AKHIR'] ?>)</option>
|
|
<?php } else { ?>
|
|
<option value="<?= $key['ID_PUM'] ?>"><?= $key['NAMA_PUM'] ?> (<?= $key['AWAL'] ?> s.d <?= $key['AKHIR'] ?>)</option>
|
|
<?php } ?>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<h4><div class="col-md-2"><b style="color:Black">Kadiv Sales</b></div></h4>
|
|
<div class="col-md-4">
|
|
<select data-plugin-selectTwo <?php if ($hak<3) { ?>disabled<?php } ?> id="id_karyawan" class="form-control populate" onchange="ambilDataTim(value);">
|
|
<option value="" selected>Pilih Kadiv</option>
|
|
<?php if (is_array($sales) || is_object($sales)) {
|
|
foreach ($sales as $key) { ?>
|
|
<?php if ($id_karyawan==$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>
|
|
<div class="form-group">
|
|
<h4><div class="col-md-2"><b style="color:Black">Anggota</b></div></h4>
|
|
<div class="col-md-4">
|
|
<select data-plugin-selectTwo id="karyawan_id" class="form-control populate" disabled onchange="ambilDataKpi(1)"></select>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<button id="tambahButtonForm" type="button" class="btn btn-success" data-toggle="modal" data-target="#modalTambahDkpi" onclick="isiDataTambahDkpi()"><b>Tambah Data <i class="fa fa-plus"></i></b></button>
|
|
<br><br>
|
|
<table class="table table-bordered table-striped mb-none">
|
|
<thead>
|
|
<th class="center">No</th>
|
|
<th class="text-left">Parameter</th>
|
|
<th class="center">Satuan</th>
|
|
<th class="text-right">Target</th>
|
|
<th class="center">Bobot</th>
|
|
<th class="center">PILIHAN</th>
|
|
</thead>
|
|
<tbody id="isiTabelDkpi"></tbody>
|
|
<tfoot>
|
|
<th class="center" colspan="4"> </th>
|
|
<th class="center" style="background-color:Tomato;color:White"><b id="totalBobot"> </b></th>
|
|
<th class="center"> </th>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
<!-- 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> Semua Menu dapat digunakan.</b><br>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalHapusDkpi" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog">
|
|
<header class="panel-heading">
|
|
<h2 class="panel-title"><b>Hapus Data</b></h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<input type="hidden" id="id_dkpidel" class="form-control">
|
|
<h4>Apakah ingin menghapus data?</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="panel-footer">
|
|
<div class="row">
|
|
<div class="col-md-12 text-right">
|
|
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
|
|
<button class="btn btn-danger" data-dismiss="modal" onclick="inputHapusDkpi()"><b>Hapus</b> <i class="fa fa-times"></i></button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalTambahDkpi" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" style="width:35%">
|
|
<div class="modal-content">
|
|
<header class="panel-heading">
|
|
<h4 class="panel-title"><b>Tambah Data </b><b class="text-danger">[Warna Merah harus diisi]</b></h4>
|
|
</header>
|
|
<div class="modal-body ">
|
|
|
|
<div class="form-group">
|
|
<div class="col-md-2"><b style="color:Red">Jenis</b></div>
|
|
<div class="col-md-10">
|
|
<select data-plugin-selectTwo id="id_kpi" disabled class="form-control populate" onchange="resetTombolTambah(value)"></select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<input type="hidden" id="target_dkpiTemp1">
|
|
<div class="col-md-2"><b style="color:Red">Target</b></div>
|
|
<div class="col-md-10">
|
|
<div class="input-group">
|
|
<span class="input-group-addon"> <b id="versiTargetTambah">Rp | % | Visit</b> </span>
|
|
<input disabled type="decimal" id="target_dkpinew" style="text-align:right" class="form-control" autocomplete="off" placeholder="Nilai Target" oninput="cekNilai(1, 1)" onfocusin="cekNilai(1, 2)" onfocusout="cekNilai(1, 3)">
|
|
</div>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-md-2"><b style="color:Red">Bobot</b></div>
|
|
<div class="col-md-10">
|
|
<div class="input-group">
|
|
<input disabled type="number" id="bobot_dkpinew" style="text-align:right" class="form-control" autocomplete="off" placeholder="Nilai Bobot" oninput="cekNilai(2, 1)">
|
|
<span class="input-group-addon"> % </span>
|
|
</div>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<footer class="panel-footer">
|
|
<div class="row">
|
|
<div class="col-md-12 text-right">
|
|
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
|
|
<button class="btn btn-success" onclick="inputTambahDkpi()"><b>Tambah</b> <i class="fa fa-plus"></i></button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalUbahDkpi" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" style="width:35%">
|
|
<div class="modal-content">
|
|
<header class="panel-heading">
|
|
<h4 class="panel-title"><b>Ubah Data </b><b class="text-danger">[Warna Merah harus diisi]</b></h4>
|
|
</header>
|
|
<div class="modal-body ">
|
|
|
|
<div class="form-group">
|
|
<input type="hidden" id="id_dkpied">
|
|
<input type="hidden" id="id_kpied">
|
|
<input type="hidden" id="target_dkpiTemp2">
|
|
<input type="hidden" id="bobot_dkpiTemp2">
|
|
<div class="col-md-2"><b style="color:Red">Target</b></div>
|
|
<div class="col-md-10">
|
|
<div class="input-group">
|
|
<span class="input-group-addon"> <b id="versiTargetUbah">Rp | % | Visit</b> </span>
|
|
<input type="decimal" id="target_dkpied" style="text-align:right" class="form-control" autocomplete="off" placeholder="Nilai Target" oninput="cekNilai(3, 1)" onfocusin="cekNilai(3, 2)" onfocusout="cekNilai(3, 3)">
|
|
</div>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-md-2"><b style="color:Red">Bobot</b></div>
|
|
<div class="col-md-10">
|
|
<div class="input-group">
|
|
<input type="number" id="bobot_dkpied" style="text-align:right" class="form-control" autocomplete="off" placeholder="Nilai Bobot" oninput="cekNilai(4, 1)">
|
|
<span class="input-group-addon"> % </span>
|
|
</div>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<footer class="panel-footer">
|
|
<div class="row">
|
|
<div class="col-md-12 text-right">
|
|
<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
|
|
<button class="btn btn-warning" onclick="inputUbahDkpi()"><b>Ubah</b> <i class="fa fa-pencil"></i></button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</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 id_karyawan = <?=$id_karyawan?>;
|
|
|
|
var baris = '';
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:SlateBlue">Silahkan Pilih Data..</b></i></h5></td>';
|
|
if (hak<=3) {
|
|
ambilDataTim(id_karyawan);
|
|
document.getElementById("id_karyawan").disabled = true;
|
|
}
|
|
baris += '</tr>';
|
|
$('#isiTabelDkpi').html(baris);
|
|
|
|
ambilJam();
|
|
})
|
|
|
|
function ambilDataTim(id) {
|
|
if (id!="") {
|
|
document.getElementById("karyawan_id").value = null;
|
|
document.getElementById("karyawan_id").innerHTML = "";
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/GE_Ambil_DataKaryawan",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_karyawan : id,
|
|
verse : 1
|
|
},
|
|
success: function(response) {
|
|
var listData = response.data;
|
|
var isiMaster = document.getElementById("karyawan_id");
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="" selected>Pilih Sales</option>';
|
|
for (var i = 0; i < listData.length; i++) {
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="' + listData[i]['ID_KARYAWAN'] + '">' + listData[i]['NAMA_PANGGILAN_KARYAWAN'] + '</option>';
|
|
}
|
|
$('#karyawan_id').val("").trigger('change');
|
|
document.getElementById("karyawan_id").disabled = false;
|
|
}
|
|
});
|
|
} else {
|
|
document.getElementById("karyawan_id").value = null;
|
|
document.getElementById("karyawan_id").disabled = true;
|
|
document.getElementById("karyawan_id").innerHTML = "";
|
|
$('#karyawan_id').select2().select2('val', null);
|
|
}
|
|
|
|
var baris = '';
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:SlateBlue">Silahkan Pilih Data..</b></i></h5></td>';
|
|
baris += '</tr>';
|
|
$('#isiTabelDkpi').html(baris);
|
|
$('#totalBobot').html("");
|
|
|
|
document.getElementById("id_kpi").disabled = true;
|
|
document.getElementById("target_dkpinew").disabled = true;
|
|
document.getElementById("bobot_dkpinew").disabled = true;
|
|
document.getElementById("id_kpi").value = null;
|
|
$('#id_kpi').val("").trigger('change');
|
|
|
|
ambilJam();
|
|
}
|
|
|
|
function ambilDataKpi(mode) {
|
|
var id_pum = document.getElementById("id_pum").value;
|
|
var id_karyawan = document.getElementById("karyawan_id").value;
|
|
|
|
if (id_karyawan!="") {
|
|
document.getElementById("id_kpi").value = null;
|
|
document.getElementById("id_kpi").innerHTML = "";
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/GE_Ambil_DataKpi",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
id_karyawan : id_karyawan,
|
|
id_pum : id_pum,
|
|
id_divisi : 1,
|
|
verse : 1
|
|
},
|
|
success: function(response) {
|
|
var listData = response.data;
|
|
var isiMaster = document.getElementById("id_kpi");
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="" selected>Pilih Jenis Target</option>';
|
|
for (var i = 0; i < listData.length; i++) {
|
|
if (listData[i]['LOCK']==1) {
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="' + listData[i]['ID_KPI'] + '" disabled>' + listData[i]['NAMA_KPI'] + '</option>';
|
|
} else {
|
|
isiMaster.innerHTML = isiMaster.innerHTML + '<option value="' + listData[i]['ID_KPI'] + '">' + listData[i]['NAMA_KPI'] + '</option>';
|
|
}
|
|
}
|
|
$('#id_kpi').val("").trigger('change');
|
|
document.getElementById("id_kpi").disabled = false;
|
|
document.getElementById("target_dkpinew").disabled = false;
|
|
document.getElementById("bobot_dkpinew").disabled = false;
|
|
tampilkanData();
|
|
}
|
|
});
|
|
} else {
|
|
document.getElementById("id_kpi").disabled = true;
|
|
document.getElementById("target_dkpinew").disabled = true;
|
|
document.getElementById("bobot_dkpinew").disabled = true;
|
|
document.getElementById("id_kpi").value = null;
|
|
$('#id_kpi').val("").trigger('change');
|
|
}
|
|
|
|
if (mode==1) {
|
|
var baris = '';
|
|
baris += '<tr>';
|
|
if (id_karyawan=="") {
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:SlateBlue">Silahkan Pilih Data..</b></i></h5></td>';
|
|
} else {
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:Tomato">Memuat Data..</b></i></h5></td>';
|
|
}
|
|
baris += '</tr>';
|
|
$('#isiTabelDkpi').html(baris);
|
|
$('#totalBobot').html("");
|
|
}
|
|
|
|
ambilJam();
|
|
}
|
|
|
|
function ambilJam() {
|
|
var time = new Date().toLocaleTimeString('en-US',{hour12:false});
|
|
$('#jamTerakhir').html(time);
|
|
}
|
|
|
|
function cekNilai(id, verse) {
|
|
if (id==1) {
|
|
var nilai = document.getElementById("target_dkpinew").value;
|
|
} else if (id==2) {
|
|
var nilai = document.getElementById("bobot_dkpinew").value;
|
|
} else if (id==3) {
|
|
var nilai = document.getElementById("target_dkpied").value;
|
|
} else if (id==4) {
|
|
var nilai = document.getElementById("bobot_dkpied").value;
|
|
}
|
|
var status = 0;
|
|
PNotify.removeAll();
|
|
|
|
var nilai = nilai.replace(/,/g,'.');
|
|
if (verse==1 || verse==3) {
|
|
var cekNumber = isNaN(nilai);
|
|
if (cekNumber==true) {
|
|
notify("not_number");
|
|
if (id==1) {
|
|
document.getElementById("target_dkpinew").value = document.getElementById("target_dkpiTemp1").value;
|
|
} else if (id==2) {
|
|
document.getElementById("bobot_dkpinew").value = null;
|
|
} else if (id==3) {
|
|
document.getElementById("target_dkpied").value = document.getElementById("target_dkpiTemp2").value;
|
|
} else if (id==4) {
|
|
document.getElementById("bobot_dkpied").value = document.getElementById("bobot_dkpiTemp2").value;
|
|
}
|
|
status++;
|
|
}
|
|
|
|
if (nilai<0) {
|
|
notify("less_zero");
|
|
if (id==1) {
|
|
document.getElementById("target_dkpinew").value = document.getElementById("target_dkpiTemp1").value;
|
|
} else if (id==2) {
|
|
document.getElementById("bobot_dkpinew").value = null;
|
|
} else if (id==3) {
|
|
document.getElementById("target_dkpied").value = document.getElementById("target_dkpiTemp2").value;
|
|
} else if (id==4) {
|
|
document.getElementById("bobot_dkpied").value = document.getElementById("bobot_dkpiTemp2").value;
|
|
}
|
|
status++;
|
|
}
|
|
}
|
|
|
|
if (status==0) {
|
|
if (id==1) {
|
|
var id_kpi = document.getElementById("id_kpi").value;
|
|
if (id_kpi=="" || id_kpi==2 || id_kpi==5) {
|
|
|
|
} else {
|
|
if (verse==1) {
|
|
document.getElementById("target_dkpiTemp1").value = nilai;
|
|
} else if (verse==2) {
|
|
document.getElementById("target_dkpinew").value = document.getElementById("target_dkpiTemp1").value;
|
|
} else if (verse==3) {
|
|
var cekNumber = isNaN(nilai);
|
|
if (cekNumber==false && nilai!="") {
|
|
var baru = parseFloat(nilai).toLocaleString("en",{minimumFractionDigits: 2,maximumFractionDigits: 2});
|
|
document.getElementById("target_dkpinew").value = baru;
|
|
document.getElementById("target_dkpiTemp1").value = nilai;
|
|
}
|
|
}
|
|
}
|
|
} else if (id==3) {
|
|
var id_kpi = document.getElementById("id_kpied").value;
|
|
if (id_kpi=="" || id_kpi==2 || id_kpi==5) {
|
|
|
|
} else {
|
|
if (verse==1) {
|
|
document.getElementById("target_dkpiTemp2").value = nilai;
|
|
} else if (verse==2) {
|
|
document.getElementById("target_dkpied").value = document.getElementById("target_dkpiTemp2").value;
|
|
} else if (verse==3) {
|
|
var cekNumber = isNaN(nilai);
|
|
if (cekNumber==false && nilai!="") {
|
|
var baru = parseFloat(nilai).toLocaleString("en",{minimumFractionDigits: 2,maximumFractionDigits: 2});
|
|
document.getElementById("target_dkpied").value = baru;
|
|
document.getElementById("target_dkpiTemp2").value = nilai;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function inputHapusDkpi() {
|
|
PNotify.removeAll();
|
|
|
|
var id_dkpi = document.getElementById("id_dkpidel").value;
|
|
var id_pum = document.getElementById("id_pum").value;
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
data: {
|
|
id_dkpi : id_dkpi,
|
|
id_pum : id_pum
|
|
},
|
|
url: '<?= base_url() ?>index.php/Menu/KP_Hapus_DataDaftarKpi',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
if (response.value == 1) {
|
|
ambilDataKpi(2);
|
|
} else if (response.value == 2) {
|
|
notify("latest");
|
|
} else if (response.value == 3) {
|
|
notify("diff_period");
|
|
} else {
|
|
notify("failed");
|
|
}
|
|
tampilkanData();
|
|
}
|
|
});
|
|
}
|
|
|
|
function inputTambahDkpi() {
|
|
PNotify.removeAll();
|
|
|
|
var id_kpi = document.getElementById("id_kpi").value;
|
|
var target_dkpi = document.getElementById("target_dkpinew").value;
|
|
var bobot_dkpi = document.getElementById("bobot_dkpinew").value;
|
|
var id_karyawan = document.getElementById("karyawan_id").value;
|
|
var id_pum = document.getElementById("id_pum").value;
|
|
var status = 0;
|
|
|
|
if (id_kpi=="") {
|
|
notify("jenisid_null");
|
|
status++;
|
|
}
|
|
|
|
if (target_dkpi=="") {
|
|
notify("target_null");
|
|
status++;
|
|
}
|
|
|
|
if (bobot_dkpi=="") {
|
|
notify("bobot_null");
|
|
status++;
|
|
}
|
|
|
|
if (id_pum==0) {
|
|
notify("period_null");
|
|
status++;
|
|
}
|
|
|
|
if (id_kpi==2 || id_kpi==5) {
|
|
|
|
} else {
|
|
var target_dkpi = document.getElementById("target_dkpiTemp1").value;
|
|
}
|
|
|
|
if (status==0) {
|
|
$('#modalTambahDkpi').modal('hide');
|
|
$.ajax({
|
|
type: "POST",
|
|
data: {
|
|
id_kpi : id_kpi,
|
|
target_dkpi : target_dkpi,
|
|
bobot_dkpi : bobot_dkpi,
|
|
id_karyawan : id_karyawan,
|
|
id_pum : id_pum,
|
|
},
|
|
url: '<?= base_url() ?>index.php/Menu/KP_Tambah_DataDaftarKpi',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
if (response.value == 1) {
|
|
ambilDataKpi(2);
|
|
} else if (response.value == 2) {
|
|
notify("bobot_overlimit");
|
|
isiDataTambahDkpi();
|
|
} else {
|
|
notify("failed");
|
|
}
|
|
tampilkanData();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function inputUbahDkpi() {
|
|
PNotify.removeAll();
|
|
|
|
var id_dkpi = document.getElementById("id_dkpied").value;
|
|
var id_kpi = document.getElementById("id_kpied").value;
|
|
var target_dkpi = document.getElementById("target_dkpied").value;
|
|
var bobot_dkpi = document.getElementById("bobot_dkpied").value;
|
|
|
|
if (target_dkpi=="") {
|
|
notify("target_null");
|
|
status++;
|
|
}
|
|
|
|
if (bobot_dkpi=="") {
|
|
notify("bobot_null");
|
|
status++;
|
|
}
|
|
|
|
if (id_kpi==2 || id_kpi==5) {
|
|
|
|
} else {
|
|
var target_dkpi = document.getElementById("target_dkpiTemp2").value;
|
|
}
|
|
|
|
if (status==0) {
|
|
$('#modalUbahDkpi').modal('hide');
|
|
$.ajax({
|
|
type: "POST",
|
|
data: {
|
|
id_dkpi : id_dkpi,
|
|
target_dkpi : target_dkpi,
|
|
bobot_dkpi : bobot_dkpi,
|
|
},
|
|
url: '<?= base_url() ?>index.php/Menu/KP_Ubah_DataDaftarKpi',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
if (response.value == 1) {
|
|
|
|
} else if (response.value == 2) {
|
|
notify("bobot_overlimit");
|
|
isiDataUbahDkpi(id_dkpi);
|
|
} else if (response.value == 3) {
|
|
notify("latest");
|
|
} else {
|
|
notify("failed");
|
|
}
|
|
tampilkanData();
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function isiDataHapusDkpi(id) {
|
|
document.getElementById("id_dkpidel").value = id;
|
|
}
|
|
|
|
function isiDataTambahDkpi() {
|
|
document.getElementById("id_kpi").value = null;
|
|
document.getElementById("target_dkpinew").value = null;
|
|
document.getElementById("target_dkpiTemp1").value = null;
|
|
document.getElementById("bobot_dkpinew").value = null;
|
|
$('#id_kpi').select2('val', null);
|
|
}
|
|
|
|
function isiDataUbahDkpi(id) {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/GE_Ambil_DataDaftarKpi",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
verse : 2,
|
|
id_dkpi : id,
|
|
},
|
|
success: function(response) {
|
|
document.getElementById("id_dkpied").value = id;
|
|
document.getElementById("id_kpied").value = response.data[0]['KPI_ID'];
|
|
document.getElementById("bobot_dkpied").value = Math.round(response.data[0]['BOBOT_DKPI'],0);
|
|
document.getElementById("bobot_dkpiTemp2").value = Math.round(response.data[0]['BOBOT_DKPI'],0);
|
|
if (response.data[0]['KPI_ID']==2) {
|
|
$('#versiTargetUbah').html("%");
|
|
document.getElementById("target_dkpiTemp2").value = 0;
|
|
document.getElementById("target_dkpied").value = Math.round(response.data[0]['TARGET_DKPI'], 0);
|
|
} else if (response.data[0]['KPI_ID']==5) {
|
|
$('#versiTargetUbah').html("Visit");
|
|
document.getElementById("target_dkpiTemp2").value = 0;
|
|
document.getElementById("target_dkpied").value = Math.round(response.data[0]['TARGET_DKPI'], 0);
|
|
} else {
|
|
$('#versiTargetUbah').html("Rp");
|
|
document.getElementById("target_dkpiTemp2").value = response.data[0]['TARGET_DKPI'];
|
|
document.getElementById("target_dkpied").value = response.data[0]['TARGET'];
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function resetTombolTambah(id) {
|
|
document.getElementById("target_dkpinew").value = null;
|
|
document.getElementById("target_dkpiTemp1").value = null;
|
|
document.getElementById("bobot_dkpinew").value = null;
|
|
if (id=="") {
|
|
$('#versiTargetTambah').html("Rp | % | Visit");
|
|
} else if (id==2) {
|
|
$('#versiTargetTambah').html("%");
|
|
} else if (id==5) {
|
|
$('#versiTargetTambah').html("Visit");
|
|
} else {
|
|
$('#versiTargetTambah').html("Rp");
|
|
}
|
|
}
|
|
|
|
function tampilkanData() {
|
|
var id_pum = document.getElementById("id_pum").value;
|
|
var karyawan_id = document.getElementById("karyawan_id").value;
|
|
|
|
if (karyawan_id=="") {
|
|
var baris = '';
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:SlateBlue">Silahkan Pilih Data..</b></i></h5></td>';
|
|
baris += '</tr>';
|
|
$('#isiTabelDkpi').html(baris);
|
|
} else {
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: {
|
|
id_pum : id_pum,
|
|
id_sales : karyawan_id,
|
|
id_divisi : 1,
|
|
verse : 1
|
|
},
|
|
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataDaftarKpi',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
var baris = '';
|
|
JUMLAH = response.total;
|
|
if (JUMLAH==0) {
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:DarkOrange">Data Kosong.</b></i></h5></td>';
|
|
baris += '</tr>';
|
|
$('#isiTabelDkpi').html(baris);
|
|
$('#totalBobot').html("");
|
|
} else {
|
|
var totalBobot = 0;
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var id = response.data[i - 1]['ID_DKPI'];
|
|
var nama = response.data[i - 1]['NAMA_KPI'];
|
|
var satuan = response.data[i - 1]['NAMA_SATUAN'];
|
|
var pencapaian = response.data[i - 1]['PENCAPAIAN'];
|
|
var presentase = response.data[i - 1]['PRESENTASE'];
|
|
var bobot = response.data[i - 1]['BOBOT'];
|
|
var nilai = response.data[i - 1]['NILAI'];
|
|
var bobot_dkpi = response.data[i - 1]['BOBOT_DKPI'];
|
|
|
|
if (satuan=="Kunjungan" || satuan=="Score") {
|
|
var target = response.data[i - 1]['TARGET_DKPI'];
|
|
target = Math.round(target);
|
|
if (satuan=="Score") {
|
|
target = target+"%";
|
|
}
|
|
} else {
|
|
var target = response.data[i - 1]['TARGET'];
|
|
}
|
|
|
|
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">' + nama + '</b></td>';
|
|
baris += '<td class="center" style="vertical-align: middle;"><b style="color:Green">' + satuan + '</b></td>';
|
|
baris += '<td class="text-right" style="vertical-align: middle;"><b style="color:Chocolate">' + target + '</b></td>';
|
|
baris += '<td class="center" style="vertical-align: middle;"><b style="color:Tomato">' + bobot + '%</b></td>';
|
|
baris += '<td class="actions center" style="vertical-align: middle;"><button type="button" onclick="isiDataUbahDkpi(' + id + ')" class="btn btn-xs btn-warning" data-toggle="modal" data-target="#modalUbahDkpi"><i class="fa fa-pencil"></i></button> <button type="button" onclick="isiDataHapusDkpi(' + id + ')" class="btn btn-xs btn-danger" data-toggle="modal" data-target="#modalHapusDkpi"><i class="fa fa-trash-o"></i></button></td>';
|
|
baris += '</tr>';
|
|
|
|
totalBobot = totalBobot+parseFloat(bobot_dkpi);
|
|
}
|
|
$('#isiTabelDkpi').html(baris);
|
|
$('#totalBobot').html(totalBobot+"%");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
ambilJam();
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|