728 lines
28 KiB
PHP
728 lines
28 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">
|
|
|
|
<?php
|
|
$id_karyawan = $this->session->userdata('id_karyawan');
|
|
|
|
if ($id_karyawan==1) {
|
|
$id_karyawan = 0;
|
|
}
|
|
?>
|
|
|
|
<header class="page-header">
|
|
<h2><b>Data Kunjungan | <a data-toggle="modal" data-target="#modalFitur"><b style="color:LightGreen"><?=$tampil?> <i class="fa fa-question-circle"></i></b></a> | Terakhir diperbaruhi <b style="color:LightPink" id="jejakTampil"><?=$jejakTampil?></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">KUNJUNGAN <b style="color:SlateBlue">[<?=$nama_pkpi?>]</b> |
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Ganti Data <span class="caret"></span></button>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<?php if (is_array($pkpi) || is_object($pkpi)) {
|
|
foreach ($pkpi as $key) { ?>
|
|
<li><a href="<?php echo base_url('') ?>index.php/Menu/KP_Transaksi_Kunjungan_1/<?= $key['ID_PKPI'] ?>"><?php if ($id_pkpi==$key['ID_PKPI']) { ?><b style="color:Red"><?php } ?><?= $key['NAMA_PKPI'] ?><?php if ($id_pkpi==$key['ID_PKPI']) { ?></b><?php } ?></a></li>
|
|
<?php }
|
|
} ?>
|
|
</ul>
|
|
</div>
|
|
| </b>
|
|
<div class="btn-group">
|
|
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Ganti Tampilan <span class="caret"></span></button>
|
|
<ul class="dropdown-menu" role="menu">
|
|
<li><a href="<?php echo base_url('') ?>index.php/Menu/KP_Transaksi_Kunjungan_1/<?= $id_pkpi ?>"><b style="color:Red">Tabel</b></a></li>
|
|
<li><a href="<?php echo base_url('') ?>index.php/Menu/KP_Transaksi_Kunjungan_2/<?= $id_pkpi ?>/<?= $id_karyawan ?>">Kalender</a></li>
|
|
</ul>
|
|
</div>
|
|
</h2>
|
|
</header>
|
|
<div class="panel-body">
|
|
<table class="table table-bordered table-striped mb-none">
|
|
<thead>
|
|
<th width="80px" class="center default">Tanggal</th>
|
|
<th class="default">Pelanggan</th>
|
|
<th class="default">Tujuan</th>
|
|
<th class="default">Tim Sales</th>
|
|
<th class="default">Laporan</th>
|
|
<th class="center default">Status</th>
|
|
<th class="center default">PILIHAN</th>
|
|
</thead>
|
|
<tbody id="isiTabel"></tbody>
|
|
</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>
|
|
<br><b style="color:Green">OPERATOR</b><br><b> Hanya bisa memperbaruhi Data milik Sendiri.</b><br>
|
|
<br><b style="color:Green">TERBATAS</b><br><b>Hanya dapat Membaca Data.</b><br>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalHapusKunjungan" 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_kunjungandel" 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="inputHapusKunjungan()"><b>Hapus</b> <i class="fa fa-trash-o"></i></button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalInfoKunjungan" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<header class="panel-heading">
|
|
<h4 class="panel-title"><b>Informasi</b></h4>
|
|
</header>
|
|
<div class="panel-body">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-text">
|
|
<input type="hidden" id="id_kunjunganin">
|
|
<div class="form-group">
|
|
<h4>
|
|
<b style="color:Teal">Laporan dibuat <b style="color:Tomato" id="cipta_kunjunganin"></b><br>
|
|
Diubah terakhir <b style="color:SlateBlue" id="ubah_kunjunganin"></b>
|
|
</b>
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="panel-footer">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<button type="button" class="btn btn-default pull-right" data-dismiss="modal">Close</button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalTambahKunjungan" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog modal-lg" style="width:45%">
|
|
<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">
|
|
<input type="hidden" id="tgl_kunjunganTemp">
|
|
<div class="col-md-2"><b>Tanggal</b></div>
|
|
<div class="col-md-10">
|
|
<input type="date" id="tgl_kunjungannew" disabled class="form-control" style="font-weight:bold; color:Black">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-md-2"><b class="text-danger">Pelanggan</b></div>
|
|
<div class="col-md-10">
|
|
<textarea rows="3" id="pelanggan_kunjungannew" class="form-control" autocomplete="off" data-plugin-maxlength maxlength="128" placeholder="Nama Pelanggan (Max 128 Karakter)"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-md-2"><b class="text-danger">Tujuan</b></div>
|
|
<div class="col-md-10">
|
|
<textarea rows="3" id="tujuan_kunjungannew" class="form-control" autocomplete="off" data-plugin-maxlength maxlength="256" placeholder="Tujuan (Max 256 Karakter)"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-md-2"><b class="text-danger">Sales</b></div>
|
|
<div class="col-md-10">
|
|
<select data-plugin-selectTwo multiple id="sales_kunjungannew" class="form-control populate" placeholder="Pilih Sales (Beberapa)">
|
|
<?php if (is_array($sales) || is_object($sales)) {
|
|
foreach ($sales as $key) { ?>
|
|
<option value="<?= $key['ID_KARYAWAN'] ?>"><?= $key['NAMA_PANGGILAN_KARYAWAN'] ?></option>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
<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="inputTambahKunjungan()"><b>Tambah</b> <i class="fa fa-plus"></i></button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalUbahKunjungan" class="modal fade" tabindex="-1" role="dialog">
|
|
<div class="modal-dialog">
|
|
<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_kunjunganed">
|
|
<input type="hidden" id="pelanggan_kunjunganTemp">
|
|
<input type="hidden" id="tujuan_kunjunganTemp">
|
|
<div class="col-md-2"><b>Tanggal</b></div>
|
|
<div class="col-md-10">
|
|
<input type="date" id="kunjungan_tgl" disabled class="form-control" style="font-weight:bold; color:Black">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-md-2"><b class="text-danger">Pelanggan</b></div>
|
|
<div class="col-md-10">
|
|
<textarea rows="3" id="pelanggan_kunjunganed" class="form-control" autocomplete="off" data-plugin-maxlength maxlength="128" placeholder="Nama Pelanggan (Max 128 Karakter)"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-md-2"><b class="text-danger">Tujuan</b></div>
|
|
<div class="col-md-10">
|
|
<textarea rows="3" id="tujuan_kunjunganed" class="form-control" autocomplete="off" data-plugin-maxlength maxlength="256" placeholder="Tujuan (Max 256 Karakter)"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-md-2"><b class="text-danger">Sales</b></div>
|
|
<div class="col-md-10">
|
|
<select data-plugin-selectTwo multiple id="sales_kunjunganed" onfocus="this.selectedIndex = -1;" class="form-control populate" placeholder="Pilih Sales (Beberapa)">
|
|
<?php if (is_array($sales) || is_object($sales)) {
|
|
foreach ($sales as $key) { ?>
|
|
<option value="<?= $key['ID_KARYAWAN'] ?>"><?= $key['NAMA_PANGGILAN_KARYAWAN'] ?></option>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
<small class="help-block"></small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-md-2"><b class="text-danger">Laporan</b></div>
|
|
<div class="col-md-10">
|
|
<textarea rows="5" id="laporan_kunjunganed" class="form-control" autocomplete="off" data-plugin-maxlength maxlength="1024" placeholder="Tujuan (Max 1024 Karakter, bisa di Enter)"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-md-2"><b class="text-danger">Status</b></div>
|
|
<div class="col-md-10">
|
|
<select data-plugin-selectTwo id="status_kunjunganed" class="form-control populate">
|
|
<?php if (is_array($skun) || is_object($skun)) {
|
|
foreach ($skun as $key) { ?>
|
|
<option value="<?= $key['ID_SKUN'] ?>">[<?= $key['ID_SKUN'] ?>] <?= $key['NAMA_SKUN'] ?></option>
|
|
<?php }
|
|
} ?>
|
|
</select>
|
|
<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="inputUbahKunjungan()"><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_pkpi = <?=$id_pkpi?>;
|
|
|
|
var baris = '';
|
|
baris += '<tr>';
|
|
baris += '<td class="text-center" colspan="9"><h5><i><b style="color:DarkOrange">Memuat Data..</b></i></h5></td>';
|
|
baris += '</tr>';
|
|
$('#isiTabel').html(baris);
|
|
|
|
if (hak>0) {
|
|
setTimeout(function(){
|
|
ambilDataKunjungan(id_pkpi);
|
|
otmAll();
|
|
},1000);
|
|
}
|
|
|
|
$.ajax({
|
|
type: 'POST',
|
|
data: {
|
|
verse : 1,
|
|
},
|
|
url: '<?= base_url('') ?>index.php/Menu/GE_Ambil_DataPelanggan',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
var listPelanggan = response.data;
|
|
|
|
$( "#pelanggan_kunjungannew" ).autocomplete({
|
|
source: listPelanggan,
|
|
minLength:3
|
|
});
|
|
|
|
}
|
|
});
|
|
})
|
|
|
|
function ambilJejak(id_pkpi) {
|
|
$.ajax({
|
|
type: "POST",
|
|
data: {
|
|
id_pkpi : id_pkpi,
|
|
},
|
|
url: '<?= base_url() ?>index.php/Menu/KP_Perbarui_DataJejakTerbaru',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
}
|
|
});
|
|
}
|
|
|
|
function ambilDataKunjungan(id) {
|
|
var hak = <?=$hak?>;
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/GE_Ambil_DataKunjungan",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
verse : 1,
|
|
id : id,
|
|
},
|
|
success: function(response) {
|
|
var baris = '';
|
|
JUMLAH = response.total;
|
|
|
|
for (var i = 1; i <= JUMLAH; i++) {
|
|
var id = response.data[i - 1]['ID_KUNJUNGAN'];
|
|
var tanggal = response.data[i - 1]['TANGGAL'];
|
|
var weekend = response.data[i - 1]['WEEKEND'];
|
|
var jumlah = response.data[i - 1]['JUMLAH'];
|
|
var kunjungan = response.data[i - 1]['KUNJUNGAN'];
|
|
var sekarang = response.data[i - 1]['SEKARANG'];
|
|
|
|
if (weekend==1) {
|
|
baris += '<tr>';
|
|
baris += '<td class="center danger"><b style="color:White">' + tanggal + '</b></td>';
|
|
baris += '<td class="center danger"> </td>';
|
|
baris += '<td class="center danger"> </td>';
|
|
baris += '<td class="center danger"> </td>';
|
|
baris += '<td class="center danger"> </td>';
|
|
baris += '<td class="center danger"> </td>';
|
|
baris += '<td class="center danger"> </td>';
|
|
baris += '</tr>';
|
|
} else {
|
|
if (jumlah==0) {
|
|
baris += '<tr>';
|
|
baris += '<td class="center"><b style="color:Black">' + tanggal + '</b><br><button type="button" onclick="isiDataTambahKunjungan(`' + sekarang + '`)" class="btn btn-xs btn-success" data-toggle="modal" data-target="#modalTambahKunjungan"><i class="fa fa-plus"></i></button></td>';
|
|
baris += '<td class="center"> </td>';
|
|
baris += '<td class="center"> </td>';
|
|
baris += '<td class="center"> </td>';
|
|
baris += '<td class="center"> </td>';
|
|
baris += '<td class="center"> </td>';
|
|
baris += '<td class="center"> </td>';
|
|
baris += '</tr>';
|
|
} else {
|
|
baris += '<tr>';
|
|
baris += '<td class="center" style="vertical-align: middle;" rowspan="'+jumlah+'"><b style="color:Black">' + tanggal + '</b><br><button type="button" onclick="isiDataTambahKunjungan(`' + sekarang + '`)" class="btn btn-xs btn-success" data-toggle="modal" data-target="#modalTambahKunjungan"><i class="fa fa-plus"></i></button></td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><button type="button" onclick="isiDataInfoKunjungan(' + kunjungan[0]['ID_KUNJUNGAN'] + ',`' + kunjungan[0]['CIPTA_KUNJUNGAN'] + '`,`' + kunjungan[0]['UBAH_KUNJUNGAN'] + '`)" class="btn btn-xs btn-info" data-toggle="modal" data-target="#modalInfoKunjungan"><i class="fa fa-search"></i></button> ' + kunjungan[0]['PELANGGAN_KUNJUNGAN'] + '</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;">' + kunjungan[0]['TUJUAN_KUNJUNGAN'] + '</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;">' + kunjungan[0]['TIM'] + '</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;">' + kunjungan[0]['LAPORAN_KUNJUNGAN'] + '</td>';
|
|
baris += '<td class="center" style="vertical-align: middle;">' + kunjungan[0]['NAMA_SKUN'] + '</td>';
|
|
if (hak>=3) {
|
|
baris += '<td class="actions center" style="vertical-align: middle;"><button type="button" onclick="isiDataUbahKunjungan(' + kunjungan[0]['ID_KUNJUNGAN'] + ')" class="btn btn-xs btn-warning" data-toggle="modal" data-target="#modalUbahKunjungan"><i class="fa fa-pencil"></i></button> <button type="button" onclick="isiDataHapusKunjungan(' + kunjungan[0]['ID_KUNJUNGAN'] + ')" class="btn btn-xs btn-danger" data-toggle="modal" data-target="#modalHapusKunjungan"><i class="fa fa-trash-o"></i></button></td>';
|
|
} else if (hak>1 && kunjungan[0]['ME']==1) {
|
|
baris += '<td class="actions center" style="vertical-align: middle;"><button type="button" onclick="isiDataUbahKunjungan(' + kunjungan[0]['ID_KUNJUNGAN'] + ')" class="btn btn-xs btn-warning" data-toggle="modal" data-target="#modalUbahKunjungan"><i class="fa fa-pencil"></i></button> <button type="button" onclick="isiDataHapusKunjungan(' + kunjungan[0]['ID_KUNJUNGAN'] + ')" class="btn btn-xs btn-danger" data-toggle="modal" data-target="#modalHapusKunjungan"><i class="fa fa-trash-o"></i></button></td>';
|
|
} else {
|
|
baris += '<td> </td>';
|
|
}
|
|
baris += '</tr>';
|
|
for (var j = 2; j <= jumlah; j++) {
|
|
baris += '<tr>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;"><button type="button" onclick="isiDataInfoKunjungan(' + kunjungan[j-1]['ID_KUNJUNGAN'] + ',`' + kunjungan[j-1]['CIPTA_KUNJUNGAN'] + '`,`' + kunjungan[j-1]['UBAH_KUNJUNGAN'] + '`)" class="btn btn-xs btn-info" data-toggle="modal" data-target="#modalInfoKunjungan"><i class="fa fa-search"></i></button> ' + kunjungan[j-1]['PELANGGAN_KUNJUNGAN'] + '</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;">' + kunjungan[j-1]['TUJUAN_KUNJUNGAN'] + '</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;">' + kunjungan[j-1]['TIM'] + '</td>';
|
|
baris += '<td class="text-left" style="vertical-align: middle;">' + kunjungan[j-1]['LAPORAN_KUNJUNGAN'] + '</td>';
|
|
baris += '<td class="center" style="vertical-align: middle;">' + kunjungan[j-1]['NAMA_SKUN'] + '</td>';
|
|
if (hak>=3) {
|
|
baris += '<td class="actions center" style="vertical-align: middle;"><button type="button" onclick="isiDataUbahKunjungan(' + kunjungan[j-1]['ID_KUNJUNGAN'] + ')" class="btn btn-xs btn-warning" data-toggle="modal" data-target="#modalUbahKunjungan"><i class="fa fa-pencil"></i></button> <button type="button" onclick="isiDataHapusKunjungan(' + kunjungan[j-1]['ID_KUNJUNGAN'] + ')" class="btn btn-xs btn-danger" data-toggle="modal" data-target="#modalHapusKunjungan"><i class="fa fa-trash-o"></i></button></td>';
|
|
} else if (hak>1 && kunjungan[j-1]['ME']==1) {
|
|
baris += '<td class="actions center" style="vertical-align: middle;"><button type="button" onclick="isiDataUbahKunjungan(' + kunjungan[j-1]['ID_KUNJUNGAN'] + ')" class="btn btn-xs btn-warning" data-toggle="modal" data-target="#modalUbahKunjungan"><i class="fa fa-pencil"></i></button> <button type="button" onclick="isiDataHapusKunjungan(' + kunjungan[j-1]['ID_KUNJUNGAN'] + ')" class="btn btn-xs btn-danger" data-toggle="modal" data-target="#modalHapusKunjungan"><i class="fa fa-trash-o"></i></button></td>';
|
|
} else {
|
|
baris += '<td> </td>';
|
|
}
|
|
baris += '</tr>';
|
|
}
|
|
}
|
|
}
|
|
}
|
|
$('#isiTabel').html(baris);
|
|
}
|
|
});
|
|
}
|
|
|
|
function inputHapusKunjungan() {
|
|
PNotify.removeAll();
|
|
|
|
var id_kunjungan = document.getElementById("id_kunjungandel").value;
|
|
var id_pkpi = <?=$id_pkpi?>;
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
data: {
|
|
id_kunjungan : id_kunjungan
|
|
},
|
|
url: '<?= base_url() ?>index.php/Menu/KP_Hapus_DataKunjungan',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
if (response.value == 1) {
|
|
ambilDataKunjungan(id_pkpi);
|
|
ambilJejak(id_pkpi);
|
|
} else if (response.value == 2) {
|
|
notify("latest");
|
|
delayReload(1000,"<?= base_url() ?>index.php/Menu/KP_Transaksi_Kunjungan_1/"+id_pkpi);
|
|
} else {
|
|
notify("failed");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function inputTambahKunjungan() {
|
|
PNotify.removeAll();
|
|
|
|
var tgl_kunjungan = document.getElementById("tgl_kunjunganTemp").value;
|
|
var pelanggan_kunjungan = document.getElementById("pelanggan_kunjungannew").value;
|
|
var tujuan_kunjungan = document.getElementById("tujuan_kunjungannew").value;
|
|
var sales_kunjungan = document.getElementById("sales_kunjungannew");
|
|
var selSales = [];
|
|
var status = 0;
|
|
var id_pkpi = <?=$id_pkpi?>;
|
|
|
|
for (const option of sales_kunjungan.options) {
|
|
if (option.selected) {
|
|
selSales.push(option.value);
|
|
}
|
|
}
|
|
|
|
if (pelanggan_kunjungan=="") {
|
|
notify("pelanggan_null");
|
|
status++;
|
|
}
|
|
|
|
if (tujuan_kunjungan=="") {
|
|
notify("tujuan_null");
|
|
status++;
|
|
}
|
|
|
|
if (selSales.length==0) {
|
|
notify("sales_null");
|
|
status++;
|
|
}
|
|
|
|
if (status==0) {
|
|
$('#modalTambahKunjungan').modal('hide');
|
|
$.ajax({
|
|
type: "POST",
|
|
data: {
|
|
tgl_kunjungan : tgl_kunjungan,
|
|
pelanggan_kunjungan : pelanggan_kunjungan,
|
|
tujuan_kunjungan : tujuan_kunjungan,
|
|
sales_kunjungan : selSales,
|
|
},
|
|
url: '<?= base_url() ?>index.php/Menu/KP_Tambah_DataKunjungan',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
if (response.value == 1) {
|
|
ambilDataKunjungan(id_pkpi);
|
|
ambilJejak(id_pkpi);
|
|
} else {
|
|
notify("failed");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function inputUbahKunjungan() {
|
|
PNotify.removeAll();
|
|
|
|
var id_kunjungan = document.getElementById("id_kunjunganed").value;
|
|
var pelanggan_kunjungan = document.getElementById("pelanggan_kunjunganed").value;
|
|
var tujuan_kunjungan = document.getElementById("tujuan_kunjunganed").value;
|
|
var sales_kunjungan = document.getElementById("sales_kunjunganed");
|
|
var laporan_kunjungan = document.getElementById("laporan_kunjunganed").value;
|
|
var status_kunjungan = document.getElementById("status_kunjunganed").value;
|
|
var status = 0;
|
|
var selSales = [];
|
|
var id_pkpi = <?=$id_pkpi?>;
|
|
|
|
for (const option of sales_kunjungan.options) {
|
|
if (option.selected) {
|
|
selSales.push(option.value);
|
|
}
|
|
}
|
|
|
|
if (pelanggan_kunjungan=="") {
|
|
notify("pelanggan_null");
|
|
document.getElementById("pelanggan_kunjunganed").value = document.getElementById("pelanggan_kunjunganTemp").value;
|
|
status++;
|
|
}
|
|
|
|
if (tujuan_kunjungan=="") {
|
|
notify("tujuan_null");
|
|
document.getElementById("tujuan_kunjunganed").value = document.getElementById("tujuan_kunjunganTemp").value;
|
|
status++;
|
|
}
|
|
|
|
if (selSales.length==0) {
|
|
notify("sales_null");
|
|
status++;
|
|
}
|
|
|
|
if (status==0) {
|
|
$('#modalUbahKunjungan').modal('hide');
|
|
$.ajax({
|
|
type: "POST",
|
|
data: {
|
|
id_kunjungan : id_kunjungan,
|
|
pelanggan_kunjungan : pelanggan_kunjungan,
|
|
tujuan_kunjungan : tujuan_kunjungan,
|
|
sales_kunjungan : selSales,
|
|
laporan_kunjungan : laporan_kunjungan,
|
|
status_kunjungan : status_kunjungan,
|
|
},
|
|
url: '<?= base_url() ?>index.php/Menu/KP_Ubah_DataKunjungan',
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
if (response.value == 1) {
|
|
ambilDataKunjungan(id_pkpi);
|
|
ambilJejak(id_pkpi);
|
|
} else if (response.value == 2) {
|
|
notify("latest");
|
|
} else {
|
|
notify("failed");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
function isiDataHapusKunjungan(id_kunjungan) {
|
|
document.getElementById("id_kunjungandel").value = id_kunjungan;
|
|
}
|
|
|
|
function isiDataInfoKunjungan(id, cipta, ubah) {
|
|
document.getElementById("id_kunjunganin").value = id;
|
|
$("#cipta_kunjunganin").html(cipta);
|
|
if (ubah=="null" || ubah=="") {
|
|
ubah = "(Belum Pernah)";
|
|
}
|
|
$("#ubah_kunjunganin").html(ubah);
|
|
}
|
|
|
|
function isiDataTambahKunjungan(tgl) {
|
|
document.getElementById("tgl_kunjungannew").value = tgl;
|
|
document.getElementById("tgl_kunjunganTemp").value = tgl;
|
|
document.getElementById("pelanggan_kunjungannew").value = "";
|
|
document.getElementById("tujuan_kunjungannew").value = "";
|
|
document.getElementById("sales_kunjungannew").value = "";
|
|
$('#sales_kunjungannew').select2('val', "");
|
|
}
|
|
|
|
function isiDataUbahKunjungan(id) {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/GE_Ambil_DataKunjungan",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: {
|
|
verse : 2,
|
|
id : id,
|
|
},
|
|
success: function(response) {
|
|
var nama = response.data[0]['LAPORAN_KUNJUNGAN'].replace(/<br>/g,"\n");
|
|
|
|
document.getElementById("id_kunjunganed").value = id;
|
|
document.getElementById("kunjungan_tgl").value = response.data[0]['TGL_KUNJUNGAN'];
|
|
document.getElementById("pelanggan_kunjunganed").value = response.data[0]['PELANGGAN_KUNJUNGAN'];
|
|
document.getElementById("pelanggan_kunjunganTemp").value = response.data[0]['PELANGGAN_KUNJUNGAN'];
|
|
document.getElementById("tujuan_kunjunganed").value = response.data[0]['TUJUAN_KUNJUNGAN'];
|
|
document.getElementById("tujuan_kunjunganTemp").value = response.data[0]['TUJUAN_KUNJUNGAN'];
|
|
document.getElementById("laporan_kunjunganed").value = nama;
|
|
document.getElementById("status_kunjunganed").value = nama;
|
|
$('#status_kunjunganed').select2().select2('val', response.data[0]['STATUS_KUNJUNGAN']);
|
|
$('#sales_kunjunganed').select2('val', response.data[0]['SALESNEW']);
|
|
}
|
|
});
|
|
}
|
|
|
|
function otmAll() {
|
|
var jejakLama = "<?=$jejakLama?>";
|
|
var id_pkpi = <?=$id_pkpi?>;
|
|
|
|
setInterval(function() {
|
|
$.ajax({
|
|
url: "<?= base_url() ?>index.php/Menu/KP_Ambil_DataJejakTerbaru",
|
|
type: "POST",
|
|
dataType: "json",
|
|
data: 'id_pkpi=' + <?= $id_pkpi ?>,
|
|
success: function(response) {
|
|
if (response.jejakBaru!="STOP" && response.jejakBaru != jejakLama) {
|
|
ambilDataKunjungan(id_pkpi);
|
|
jejakLama = response.jejakBaru;
|
|
$('#jejakTampil').html(response.jejakBaru);
|
|
}
|
|
}
|
|
});
|
|
}, 3000);
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|