Files
2026-06-13 16:02:07 +10:00

1140 lines
51 KiB
PHP

<!doctype html>
<html class="fixed sidebar-left-collapsed">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<title>MASTER DATA</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;
}
.bordergoldall {
border-left-style: solid;
border-right-style: solid;
border-top-style: solid;
border-bottom-style: solid;
border-width: 5px;
border-color: gold;
}
.borderorangeall {
border-left-style: solid;
border-right-style: solid;
border-top-style: solid;
border-bottom-style: solid;
border-width: 5px;
border-color: orange;
}
.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');
$nama_panggilan = $this->session->userdata('nama_panggilan');
$username = $this->session->userdata('username');
$tgl_now = date('d/m/Y');
?>
<header class="page-header">
<h2><b>Data Master Pelanggan | </b><b style="color:LightGreen">[<?=$tampil?>]</b></h2>
</header>
<!-- start: page -->
<section class="panel panel-featured panel-featured-dark">
<header class="panel-heading">
<div class="panel-actions">
<a data-toggle="modal" data-target="#modalFitur" style="color:Coral"><b>Fitur </b><i class="fa fa-question-circle"></i></a>&nbsp&nbsp
<a onclick="tutupTab()"><b style="color:Black">Tutup <i class="fa fa-times"></i></b></a>
</div>
<h2 class="panel-title"><b style="color:Olive">DATA PELANGGAN</b></h2>
</header>
<div class="panel-body">
<div class="panel-group" id="accordion">
<div class="panel panel-accordion">
<header class="panel-heading">
<h2 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" <?php if ($hak>=2) { ?>href="#collapseOne" onclick="setBersih()"<?php } ?>>
<b class="f18" style="color:DarkGreen"><b style="color:Black">[1]</b> DATA BARU <?php if ($hak<=1) { ?><i class="fa fa-ban text-danger"></i><?php } ?></b>
</a>
</h2>
</header>
<div id="collapseOne" class="accordion-body collapse">
<div class="panel-body">
<div class="form-group bordergoldall">
<h4><div class="col-md-12">
<b style="color:DarkCyan"><i>Note : [Warna Merah harus diisi.]</i></b>
</div></h4>
<br><br>
<h4><div class="col-md-2"><b style="color:Red">Nama</b></div></h4>
<div class="col-md-4">
<textarea type="text" id="nama_pelanggannew" rows="3" cols="3" class="form-control" autocomplete="off" style="text-transform:uppercase" data-plugin-maxlength maxlength="80" placeholder="Nama Pelanggan"></textarea>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Alias</b></div></h4>
<div class="col-md-4">
<textarea autocomplete="off" type="text" id="alias_pelanggannew" rows="3" cols="3" class="form-control" data-plugin-maxlength maxlength="50" placeholder="Alias Pelanggan"></textarea>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Tipe</b></div></h4>
<div class="col-md-4">
<div class="form-group">
<select data-plugin-selectTwo id="type_pelanggannew" onchange="ubahLimit(value)" class="form-control populate">
<option value="" selected>Pilih Tipe</option>
<option value="0">CORPORATE</option>
<option value="1">DEALER</option>
<option value="2">USER</option>
</select>
<small class="help-block"></small>
</div>
</div>
<h4><div class="col-md-2"><b style="color:Red">Limit</b></div></h4>
<div class="col-md-4">
<input autocomplete="off" type="number" id="limit_pelanggannew" value="0" onchange="cekNilai(1)" <?php if ($hak!=3) { ?>disabled<?php } ?> class="form-control"placeholder="Limit Pelanggan">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">TOP</b></div></h4>
<div class="col-md-4">
<input autocomplete="off" type="number" id="top_pelanggannew" value="0" onchange="cekNilai(2)" <?php if ($id_karyawan==11) { ?>disabled<?php } ?> class="form-control"placeholder="Top Pelanggan">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Jangka</b></div></h4>
<div class="col-md-4">
<input autocomplete="off" type="number" id="jangka_pelanggannew" value="60" onchange="cekNilai(3)" <?php if ($hak!=3) { ?>disabled<?php } ?> class="form-control"placeholder="Jangka Komisi">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Kota</b></div></h4>
<input type="hidden" id="id_kotanew" class="form-control">
<div class="col-md-4">
<div class="input-group">
<input autocomplete="off" style="background:lightgrey;" type="text" id="nama_kotanew" class="form-control" placeholder="Klik pada Icon" required>
<span class="input-group-addon" data-toggle="modal" data-target="#modalAmbilKota" onclick="isiMasterKota(1)"><i class="fa fa-compass text-danger"></i></span>
</div>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Kelompok</b></div></h4>
<input type="hidden" id="id_kelompoknew" class="form-control">
<div class="col-md-4">
<div class="input-group">
<input autocomplete="off" style="background:lightgrey;" type="text" id="nama_kelompoknew" class="form-control" placeholder="Klik pada Icon" required>
<span class="input-group-addon" data-toggle="modal" data-target="#modalAmbilKelompok" onclick="isiMasterKelompok(1)"><i class="fa fa-user text-danger"></i></span>
</div>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:DarkSlateGray">PIC</b></div></h4>
<div class="col-md-4">
<input type="text" id="pic_pelanggannew" class="form-control" autocomplete="off" data-plugin-maxlength maxlength="50" placeholder="PIC Pelanggan">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Telepon</b></div></h4>
<div class="col-md-4">
<input type="text" id="telp_pelanggannew" class="form-control" autocomplete="off" data-plugin-maxlength maxlength="50" placeholder="Telepon Pelanggan">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Alamat</b></div></h4>
<div class="col-md-4">
<textarea type="text" id="alamat_pelanggannew" rows="3" cols="3" style="text-transform:uppercase" class="form-control" autocomplete="off" data-plugin-maxlength maxlength="128" minlength="10" placeholder="Alamat Pelanggan" required></textarea>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Pengiriman</b></div></h4>
<div class="col-md-4">
<textarea autocomplete="off" type="text" id="kirim_pelanggannew" style="text-transform:uppercase" rows="3" cols="3" class="form-control" data-plugin-maxlength maxlength="128" placeholder="Alamat Pengiriman"></textarea>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Email</b></div></h4>
<div class="col-md-4">
<input type="text" id="email_pelanggannew" class="form-control" autocomplete="off" data-plugin-maxlength maxlength="50" placeholder="Email Pelanggan">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:DarkSlateGray">NPWP</b></div></h4>
<div class="col-md-4">
<input type="text" id="npwp_pelanggannew" data-plugin-masked-input data-input-mask="99.999.999.9-999.999" placeholder="__.___.___._-___.___" class="form-control" autocomplete="off">
<small class="help-block"></small>
</div>
<div class="col-md-12 text-right">
<button type="button" class="btn btn-success" onclick="tambahData()"><b>Tambah Data</b> <i class="fa fa-plus"></i></button>
<small class="help-block"></small>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-accordion">
<header class="panel-heading">
<h2 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" <?php if ($hak>0) { ?>href="#collapseTwo" onclick="setBersih()"<?php } ?>>
<b class="f18" style="color:DarkGreen"><b style="color:Black">[2]</b> CARI DATA <i style="color:Brown">(Ubah/Hapus)</i> <?php if ($hak==0) { ?><i class="fa fa-ban text-danger"></i><?php } ?></b>
</a>
</h2>
</header>
<div id="collapseTwo" class="accordion-body collapse">
<div class="panel-body">
<div class="form-group">
<h4><div class="col-md-2"><b style="color:Red">Pilih Data</b></div></h4>
<input type="hidden" id="id_pelangganLihat" class="form-control">
<div class="col-md-6">
<div class="input-group">
<input autocomplete="off" style="background:lightgrey;" type="text" id="nama_pelangganTemp" class="form-control" placeholder="Klik pada Icon" required>
<span class="input-group-addon" data-toggle="modal" data-target="#modalAmbilPelanggan" onclick="isiMasterPelanggan()"><i class="fa fa-cube text-danger"></i></span>
</div>
<small class="help-block"></small>
</div>
</div>
<div class="form-group borderorangeall" id="detailData" hidden="hidden">
<h4><div class="col-md-12">
<b style="color:DarkOrchid"><i>Note : [Semua Perubahan akan Otomatis tersimpan.]</i></b><br>
<b style="color:DarkCyan"><i>Note : [Warna Merah harus diisi.]</i></b>
</div></h4>
<br><br>
<input type="hidden" id="alamat_pelangganTemp" class="form-control">
<input type="hidden" id="limit_pelangganTemp" class="form-control">
<input type="hidden" id="top_pelangganTemp" class="form-control">
<input type="hidden" id="jangka_pelangganTemp" class="form-control">
<h4><div class="col-md-2"><b style="color:Red">Nama</b></div></h4>
<div class="col-md-4">
<textarea type="text" id="nama_pelangganed" rows="3" cols="3" <?php if ($hak>=1) { ?>onchange="ubahData(1)"<?php } ?> class="form-control" autocomplete="off" style="text-transform:uppercase" data-plugin-maxlength maxlength="80" placeholder="Nama Pelanggan"></textarea>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Alias</b></div></h4>
<div class="col-md-4">
<textarea type="text" id="alias_pelangganed" rows="3" cols="3" <?php if ($hak>=1) { ?>onchange="ubahData(2)"<?php } ?> class="form-control" autocomplete="off" data-plugin-maxlength maxlength="50" placeholder="Alias Pelanggan"></textarea>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Tipe</b></div></h4>
<div class="col-md-4">
<div class="form-group">
<select data-plugin-selectTwo id="type_pelangganed" <?php if ($hak>=1) { ?>onchange="ubahData(3)"<?php } ?> class="form-control populate">
<option value="0">CORPORATE</option>
<option value="1">DEALER</option>
<option value="2">USER</option>
</select>
<small class="help-block"></small>
</div>
</div>
<h4><div class="col-md-2"><b style="color:Red">Limit</b></div></h4>
<div class="col-md-4">
<input type="number" id="limit_pelangganed" class="form-control" <?php if ($hak>=1) { ?>onchange="ubahData(4)"<?php } ?> <?php if ($hak!=3) { ?>disabled<?php } ?> autocomplete="off" placeholder="Limit Pelanggan">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">TOP</b></div></h4>
<div class="col-md-4">
<input type="number" id="top_pelangganed" class="form-control" <?php if ($hak>=1) { ?>onchange="ubahData(5)"<?php } ?> autocomplete="off" placeholder="TOP Pelanggan">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Jangka</b></div></h4>
<div class="col-md-4">
<input type="number" id="jangka_pelangganed" class="form-control" <?php if ($hak>=1) { ?>onchange="ubahData(6)"<?php } ?> <?php if ($hak!=3) { ?>disabled<?php } ?> autocomplete="off" placeholder="Jangka Komisi">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Kota</b></div></h4>
<input type="hidden" id="id_kotaed" class="form-control">
<div class="col-md-4">
<div class="input-group">
<input autocomplete="off" style="background:lightgrey;" type="text" id="nama_kotaed" class="form-control" placeholder="Klik pada Icon" required>
<span class="input-group-addon" data-toggle="modal" data-target="#modalAmbilKota" onclick="isiMasterKota(2)"><i class="fa fa-compass text-danger"></i></span>
</div>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Kelompok</b></div></h4>
<input type="hidden" id="id_kelompoked" class="form-control">
<div class="col-md-4">
<div class="input-group">
<input autocomplete="off" style="background:lightgrey;" type="text" id="nama_kelompoked" class="form-control" placeholder="Klik pada Icon" required>
<span class="input-group-addon" data-toggle="modal" data-target="#modalAmbilKelompok" onclick="isiMasterKelompok(2)"><i class="fa fa-user text-danger"></i></span>
</div>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:DarkSlateGray">PIC</b></div></h4>
<div class="col-md-4">
<input type="text" id="pic_pelangganed" class="form-control" <?php if ($hak>=1) { ?>onchange="ubahData(9)"<?php } ?> autocomplete="off" data-plugin-maxlength maxlength="50" placeholder="PIC Pelanggan">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Telepon</b></div></h4>
<div class="col-md-4">
<input type="text" id="telp_pelangganed" class="form-control" <?php if ($hak>=1) { ?>onchange="ubahData(10)"<?php } ?> autocomplete="off" data-plugin-maxlength maxlength="50" placeholder="Telepon Pelanggan">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:Red">Alamat</b></div></h4>
<div class="col-md-4">
<textarea type="text" id="alamat_pelangganed" rows="3" cols="3" style="text-transform:uppercase" <?php if ($hak>=1) { ?>onchange="ubahData(11)"<?php } ?> class="form-control" autocomplete="off" data-plugin-maxlength maxlength="128" minlength="10" placeholder="Alamat Pelanggan" required></textarea>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Pengiriman</b></div></h4>
<div class="col-md-4">
<textarea type="text" id="kirim_pelangganed" rows="3" cols="3" style="text-transform:uppercase" <?php if ($hak>=1) { ?>onchange="ubahData(12)"<?php } ?> class="form-control" autocomplete="off" data-plugin-maxlength maxlength="128" placeholder="Alamat Pengiriman"></textarea>
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:DarkSlateGray">Email</b></div></h4>
<div class="col-md-4">
<input type="text" id="email_pelangganed" class="form-control" autocomplete="off" <?php if ($hak>=1) { ?>onchange="ubahData(13)"<?php } ?> data-plugin-maxlength maxlength="50" placeholder="Email Pelanggan">
<small class="help-block"></small>
</div>
<h4><div class="col-md-2"><b style="color:DarkSlateGray">NPWP</b></div></h4>
<div class="col-md-4">
<input type="text" id="npwp_pelangganed" data-plugin-masked-input data-input-mask="99.999.999.9-999.999" <?php if ($hak>=1) { ?>onchange="ubahData(14)"<?php } ?> placeholder="__.___.___._-___.___" class="form-control" autocomplete="off">
<small class="help-block"></small>
</div>
<div class="col-md-12 text-right" id="buttonDelete" hidden="hidden">
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#modalHapus" onclick="hapusData()"><b>Hapus Data</b> <i class="fa fa-minus"></i></button>
<small class="help-block"></small>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-accordion">
<header class="panel-heading">
<h2 class="panel-title">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" <?php if ($hak>0) { ?>href="#collapseThree" onclick="setBersih()"<?php } ?>>
<b class="f18" style="color:DarkGreen"><b style="color:Black">[3]</b> CETAK DATA <?php if ($hak==0) { ?><i class="fa fa-ban text-danger"></i><?php } ?></b>
</a>
</h2>
</header>
<div id="collapseThree" class="accordion-body collapse">
<div class="panel-body">
<div class="form-group">
<h4><div class="col-md-2"><b style="color:SlateBlue">Tipe</b></div></h4>
<div class="col-md-4">
<div class="form-group">
<select data-plugin-selectTwo id="type_pelangganlap" class="form-control populate">
<option value="" selected>Semua Tipe</option>
<option value="0">CORPORATE</option>
<option value="1">DEALER</option>
<option value="2">USER</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<h4><div class="col-md-2"><b style="color:SlateBlue">Kelompok</b></div></h4>
<input type="hidden" id="id_kelompoklap" class="form-control">
<div class="col-md-4">
<div class="input-group">
<input autocomplete="off" style="background:lightgrey;" type="text" id="nama_kelompoklap" class="form-control" placeholder="Kosongi untuk Semua Kelompok" required>
<span class="input-group-addon" data-toggle="modal" data-target="#modalAmbilKelompok" onclick="isiMasterKelompok(3)"><i class="fa fa-user text-danger"></i></span>
</div>
<small class="help-block"></small>
</div>
</div>
<div class="form-group">
<h4><div class="col-md-2"><b style="color:SlateBlue">Kota</b></div></h4>
<input type="hidden" id="id_kotalap" class="form-control">
<div class="col-md-4">
<div class="input-group">
<input autocomplete="off" style="background:lightgrey;" type="text" id="nama_kotalap" class="form-control" placeholder="Kosongi untuk Semua Kota" required>
<span class="input-group-addon" data-toggle="modal" data-target="#modalAmbilKota" onclick="isiMasterKota(3)"><i class="fa fa-compass text-danger"></i></span>
</div>
<small class="help-block"></small>
</div>
</div>
<div class="form-group">
<?= form_open('Menu/MD_Excel_DataPelanggan', array('id' => 'formmaster'), array('method' => 'MD_Excel_DataPelanggan')); ?>
<h4><div class="col-md-2"><b style="color:SlateBlue">Menu</b></div></h4>
<div class="col-md-10 btn-group">
<input type="hidden" id="id_kelompokfill" name="id_kelompokfill" class="form-control">
<input type="hidden" id="id_kotafill" name="id_kotafill" class="form-control">
<input type="hidden" id="type_pelangganfill" name="type_pelangganfill" class="form-control">
<button type="submit" class="btn btn-default" onclick="isiData()" target="_blank"><b style="color:DarkGreen">Excel <i class="fa fa-file-excel-o"></i></b></button>
</div>
<?= form_close(); ?>
</div>
<br>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
</div>
</section>
<div id="modalFitur" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" style="width:50%">
<div class="modal-content">
<header class="panel-heading">
<h4 class="panel-title"><b>Fitur Teknis</b></h4>
</header>
<div class="panel-body">
<div class="modal-wrapper">
<div class="modal-text">
<div class="form-group">
<h5>
<b style="color:DarkRed">Berikut ini adalah Daftar Menu yang dapat diakses sesuai dengan Hak Akses Anda.</b><br>
<br><b style="color:DarkGreen">AKSES PENUH/OPERATOR</b><br><b> Semua Fungsi (Tambah, Ubah, Hapus)</b><br>
<br><b style="color:DarkGreen">TERBATAS</b><br><b>Hanya dapat Membaca Data</b><br>
</h5>
</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="modalAmbilKota" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false">
<div class="modal-dialog modal-lg" style="width:60%">
<header class="panel-heading">
<h2 class="panel-title"><b>Isi Data | <b style="color:Red">[Kota]</b></b></h2>
<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="modal-wrapper">
<div class="modal-text">
<div class="row form-bordered">
<div class="form-group">
<div class="form-group">
<div class="col-md-6"></div>
<div class="col-md-6">
<input type="hidden" id="kotaVerse">
<input type="text" id="kotaSearch" oninput="cariDataKota()" autocomplete="off" class="form-control populate" placeholder="Cari Kota..."></input>
</div>
</div>
<div class="col-md-12">
<table class="table table-bordered table-striped mb-none">
<thead>
<?php if ($hak>1) { ?>
<th class="center default">Pilih</th>
<?php } ?>
<th class="default">Nama</th>
</thead>
<tbody id="isiTabelKota"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="modalAmbilKelompok" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false">
<div class="modal-dialog modal-lg" style="width:60%">
<header class="panel-heading">
<h2 class="panel-title"><b>Isi Data | <b style="color:Red">[Kelompok]</b></b></h2>
<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="modal-wrapper">
<div class="modal-text">
<div class="row form-bordered">
<div class="form-group">
<div class="form-group">
<div class="col-md-6"></div>
<div class="col-md-6">
<input type="hidden" id="kelompokVerse">
<input type="text" id="kelompokSearch" oninput="cariDataKelompok()" autocomplete="off" class="form-control populate" placeholder="Cari Kelompok..."></input>
</div>
</div>
<div class="col-md-12">
<table class="table table-bordered table-striped mb-none">
<thead>
<?php if ($hak>1) { ?>
<th class="center default">Pilih</th>
<?php } ?>
<th class="default">Nama</th>
</thead>
<tbody id="isiTabelKelompok"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="modalAmbilPelanggan" class="modal fade ui-front" tabindex="-1" role="dialog" data-keyboard="false">
<div class="modal-dialog modal-lg" style="width:60%">
<header class="panel-heading">
<h2 class="panel-title"><b>Isi Data | <b style="color:Red">[Pelanggan]</b></b></h2>
<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="modal-wrapper">
<div class="modal-text">
<div class="row form-bordered">
<div class="form-group">
<div class="form-group">
<div class="col-md-6"></div>
<div class="col-md-6">
<input type="text" id="pelangganSearch" oninput="cariDataPelanggan()" autocomplete="off" class="form-control populate" placeholder="Cari Pelanggan..."></input>
</div>
</div>
<div class="col-md-12">
<table class="table table-bordered table-striped mb-none">
<thead>
<?php if ($hak>1) { ?>
<th class="center default">Pilih</th>
<?php } ?>
<th class="default">Nama</th>
<th class="default">Alias</th>
<th class="default">Alamat</th>
<th class="default">Kota</th>
</thead>
<tbody id="isiTabelPelanggan"></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="modalHapus" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<?= form_open('Menu/MD_Hapus_DataPelanggan', array('id' => 'formmaster'), array('method' => 'MD_Hapus_DataPelanggan')); ?>
<div class="modal-content">
<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" name="id_pelanggandel" id="id_pelanggandel" 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 type="submit" name="SubmitButton" id="SubmitButton" class="btn btn-danger"><b>Hapus</b> <i class="fa fa-minus"></i></button>
</div>
</div>
</footer>
</div>
<?= form_close(); ?>
</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>
function isiMasterKota(verse) {
PNotify.removeAll();
document.getElementById("kotaVerse").value = verse;
document.getElementById("kotaSearch").value = null;
document.getElementById("kotaSearch").innerHTML = "";
tampilkanDataMasterKota(verse, null);
}
function isiMasterKelompok(verse) {
PNotify.removeAll();
document.getElementById("kelompokVerse").value = verse;
document.getElementById("kelompokSearch").value = null;
document.getElementById("kelompokSearch").innerHTML = "";
tampilkanDataMasterKelompok(verse, null);
}
function isiMasterPelanggan() {
PNotify.removeAll();
document.getElementById("pelangganSearch").value = null;
document.getElementById("pelangganSearch").innerHTML = "";
tampilkanDataMasterPelanggan(null);
}
function cariDataKota() {
var verse = document.getElementById("kotaVerse").value;
var search = document.getElementById("kotaSearch").value;
tampilkanDataMasterKota(verse, search);
}
function cariDataKelompok() {
var verse = document.getElementById("kelompokVerse").value;
var search = document.getElementById("kelompokSearch").value;
tampilkanDataMasterKelompok(verse, search);
}
function cariDataPelanggan() {
var search = document.getElementById("pelangganSearch").value;
tampilkanDataMasterPelanggan(search);
}
function tampilkanDataMasterKota(verse, textSearch) {
var hak = <?=$hak?>;
$.ajax({
type: 'POST',
data: {
search : textSearch,
},
url: '<?= base_url('') ?>index.php/Menu/GE_AmbilData_MasterKota',
dataType: 'json',
success: function(response) {
JUMLAH = response.data.length;
var baris = '';
for (var i = 1; i <= JUMLAH; i++) {
var id = response.data[i - 1]['ID_KOTA'];
var nama = response.data[i - 1]['NAMA_KOTA'];
baris += '<tr>';
if (hak>1) {
baris += '<td class="center" style="vertical-align: middle;" ><button onclick="pilihKota(' + id + ',' + verse + ')"><i class="fa fa-circle text-primary"></i></button></td>';
}
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nama + '</b></td>';
baris += '</tr>';
}
$('#isiTabelKota').html(baris);
}
});
}
function tampilkanDataMasterKelompok(verse, textSearch) {
var hak = <?=$hak?>;
$.ajax({
type: 'POST',
data: {
search : textSearch,
},
url: '<?= base_url('') ?>index.php/Menu/GE_AmbilData_MasterKelompok',
dataType: 'json',
success: function(response) {
JUMLAH = response.data.length;
var baris = '';
for (var i = 1; i <= JUMLAH; i++) {
var id = response.data[i - 1]['ID_KELOMPOK'];
var nama = response.data[i - 1]['NAMA_KELOMPOK'];
baris += '<tr>';
if (hak>1) {
baris += '<td class="center" style="vertical-align: middle;" ><button onclick="pilihKelompok(' + id + ',' + verse + ')"><i class="fa fa-circle text-primary"></i></button></td>';
}
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nama + '</b></td>';
baris += '</tr>';
}
$('#isiTabelKelompok').html(baris);
}
});
}
function tampilkanDataMasterPelanggan(textSearch) {
var hak = <?=$hak?>;
$.ajax({
type: 'POST',
data: {
search : textSearch,
},
url: '<?= base_url('') ?>index.php/Menu/GE_AmbilData_MasterPelanggan',
dataType: 'json',
success: function(response) {
JUMLAH = response.data.length;
var baris = '';
for (var i = 1; i <= JUMLAH; i++) {
var id = response.data[i - 1]['ID_PELANGGAN'];
var nama = response.data[i - 1]['NAMA_PELANGGAN'];
var alias = response.data[i - 1]['ALIAS_PELANGGAN'];
var alamat = response.data[i - 1]['ALAMAT_PELANGGAN'];
var kota = response.data[i - 1]['NAMA_KOTA'];
baris += '<tr>';
if (hak>1) {
baris += '<td class="center" style="vertical-align: middle;" ><button onclick="pilihPelanggan(' + id + ')"><i class="fa fa-circle text-primary"></i></button></td>';
}
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Black">' + nama + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:DarkGreen">' + alias + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Chocolate">' + alamat + '</b></td>';
baris += '<td class="text-left" style="vertical-align: middle;"><b style="color:Tomato">' + kota + '</b></td>';
baris += '</tr>';
}
$('#isiTabelPelanggan').html(baris);
}
});
}
function pilihKota(id, verse) {
PNotify.removeAll();
if (verse==1) {
document.getElementById("id_kotanew").value = id;
} else if (verse==2) {
document.getElementById("id_kotaed").value = id;
} else if (verse==3) {
document.getElementById("id_kotalap").value = id;
}
$('#modalAmbilKota').modal('hide');
$.ajax({
url: "<?= base_url() ?>index.php/Menu/GE_AmbilData_PilihKota",
type: "POST",
dataType: "json",
data: {
id_kota : id
},
success: function(response) {
if (verse==1) {
document.getElementById("nama_kotanew").value = response.nama_kota;
} else if (verse==2) {
document.getElementById("nama_kotaed").value = response.nama_kota;
ubahData(7);
} else if (verse==3) {
document.getElementById("nama_kotalap").value = response.nama_kota;
}
}
});
}
function pilihKelompok(id, verse) {
PNotify.removeAll();
if (verse==1) {
document.getElementById("id_kelompoknew").value = id;
} else if (verse==2) {
document.getElementById("id_kelompoked").value = id;
} else if (verse==3) {
document.getElementById("id_kelompoklap").value = id;
}
$('#modalAmbilKelompok').modal('hide');
$.ajax({
url: "<?= base_url() ?>index.php/Menu/GE_AmbilData_PilihKelompok",
type: "POST",
dataType: "json",
data: {
id_kelompok : id
},
success: function(response) {
if (verse==1) {
document.getElementById("nama_kelompoknew").value = response.nama_kelompok;
} else if (verse==2) {
document.getElementById("nama_kelompoked").value = response.nama_kelompok;
ubahData(8);
} else if (verse==3) {
document.getElementById("nama_kelompoklap").value = response.nama_kelompok;
}
}
});
}
function pilihPelanggan(id) {
PNotify.removeAll();
document.getElementById("id_pelangganLihat").value = id;
$('#modalAmbilPelanggan').modal('hide');
lihatData(id);
}
function tutupTab() {
window.close();
}
function ubahLimit(id) {
if (id==0) {
document.getElementById("limit_pelanggannew").value = 300000000;
} else if (id==1) {
document.getElementById("limit_pelanggannew").value = 100000000;
} else if (id==2) {
document.getElementById("limit_pelanggannew").value = 25000000;
}
}
function setBersih() {
document.getElementById('detailData').style.display = 'none';
document.getElementById("id_kelompoknew").value = null;
document.getElementById("id_kelompoked").value = null;
document.getElementById("id_kelompoklap").value = null;
document.getElementById("nama_kelompoknew").value = null;
document.getElementById("nama_kelompoked").value = null;
document.getElementById("nama_kelompoklap").value = null;
document.getElementById("id_kotanew").value = null;
document.getElementById("id_kotaed").value = null;
document.getElementById("id_kotalap").value = null;
document.getElementById("nama_kotanew").value = null;
document.getElementById("nama_kotaed").value = null;
document.getElementById("nama_kotalap").value = null;
document.getElementById("type_pelanggannew").value = null;
document.getElementById("type_pelangganed").value = null;
document.getElementById("limit_pelanggannew").value = 0;
document.getElementById("limit_pelangganed").value = null;
document.getElementById("top_pelanggannew").value = 0;
document.getElementById("top_pelangganed").value = null;
document.getElementById("jangka_pelanggannew").value = 60;
document.getElementById("jangka_pelangganed").value = null;
document.getElementById("nama_pelanggannew").value = null;
document.getElementById("nama_pelangganed").value = null;
document.getElementById("nama_pelangganTemp").value = null;
document.getElementById("alias_pelanggannew").value = null;
document.getElementById("alias_pelangganed").value = null;
document.getElementById("pic_pelanggannew").value = null;
document.getElementById("pic_pelangganed").value = null;
document.getElementById("telp_pelanggannew").value = null;
document.getElementById("telp_pelangganed").value = null;
document.getElementById("alamat_pelanggannew").value = null;
document.getElementById("alamat_pelangganed").value = null;
document.getElementById("kirim_pelanggannew").value = null;
document.getElementById("kirim_pelangganed").value = null;
document.getElementById("email_pelanggannew").value = null;
document.getElementById("email_pelangganed").value = null;
document.getElementById("npwp_pelanggannew").value = null;
document.getElementById("npwp_pelangganed").value = null;
document.getElementById("id_pelangganLihat").value = null;
$('#type_pelanggannew').select2().select2('val', null);
$('#type_pelangganed').select2().select2('val', null);
}
function cekNilai(id) {
PNotify.removeAll();
if (id==1) {
var nilai = document.getElementById("limit_pelanggannew").value;
} else if (id==2) {
var nilai = document.getElementById("top_pelanggannew").value;
} else if (id==3) {
var nilai = document.getElementById("jangka_pelanggannew").value;
}
var nilai = nilai.replace(/,/g,'.');
var cekNumber = isNaN(nilai);
if (cekNumber==true) {
notify("not_number");
if (id==1) {
document.getElementById("limit_pelanggannew").value = 0;
} else if (id==2) {
document.getElementById("top_pelanggannew").value = 0;
} else if (id==3) {
document.getElementById("jangka_pelanggannew").value = 60;
}
}
if (nilai<0 || nilai=="") {
notify("less_zero");
if (id==1) {
document.getElementById("limit_pelanggannew").value = 0;
} else if (id==2) {
document.getElementById("top_pelanggannew").value = 0;
} else if (id==3) {
document.getElementById("jangka_pelanggannew").value = 60;
}
}
}
function lihatData(id) {
document.getElementById('detailData').style.display = 'block';
var hak = <?=$hak?>;
if (id!="" && hak>0) {
$.ajax({
url: "<?= base_url() ?>index.php/Menu/MD_Ambil_DataPelanggan",
type: "POST",
dataType: "json",
data: {
id_pelanggan : id,
},
success: function(response) {
document.getElementById("id_kelompoked").value = response.id_kelompok;
document.getElementById("nama_kelompoked").value = response.nama_kelompok;
document.getElementById("id_kotaed").value = response.id_kota;
document.getElementById("nama_kotaed").value = response.nama_kota;
document.getElementById("nama_pelangganed").value = response.nama_pelanggan;
document.getElementById("nama_pelangganTemp").value = response.nama_pelanggan;
document.getElementById("alias_pelangganed").value = response.alias_pelanggan;
document.getElementById("type_pelangganed").value = response.type_pelanggan;
document.getElementById("limit_pelangganed").value = response.limit_pelanggan;
document.getElementById("limit_pelangganTemp").value = response.limit_pelanggan;
document.getElementById("top_pelangganed").value = response.top_pelanggan;
document.getElementById("top_pelangganTemp").value = response.top_pelanggan;
document.getElementById("jangka_pelangganed").value = response.jangka_pelanggan;
document.getElementById("jangka_pelangganTemp").value = response.jangka_pelanggan;
document.getElementById("pic_pelangganed").value = response.pic_pelanggan;
document.getElementById("telp_pelangganed").value = response.telp_pelanggan;
document.getElementById("alamat_pelangganed").value = response.alamat_pelanggan;
document.getElementById("alamat_pelangganTemp").value = response.alamat_pelanggan;
document.getElementById("kirim_pelangganed").value = response.kirim_pelanggan;
document.getElementById("email_pelangganed").value = response.email_pelanggan;
document.getElementById("npwp_pelangganed").value = response.npwp_pelanggan;
$('#type_pelangganed').select2().select2('val', response.type_pelanggan);
if (hak==1) {
document.getElementById("nama_pelangganed").disabled = true;
document.getElementById("alias_pelangganed").disabled = true;
document.getElementById("type_pelangganed").disabled = true;
document.getElementById("limit_pelangganed").disabled = true;
document.getElementById("top_pelangganed").disabled = true;
document.getElementById("jangka_pelangganed").disabled = true;
document.getElementById("pic_pelangganed").disabled = true;
document.getElementById("telp_pelangganed").disabled = true;
document.getElementById("alamat_pelangganed").disabled = true;
document.getElementById("kirim_pelangganed").disabled = true;
document.getElementById("email_pelangganed").disabled = true;
document.getElementById("npwp_pelangganed").disabled = true;
document.getElementById("id_kelompoked").disabled = true;
document.getElementById("id_kotaed").disabled = true;
} else {
document.getElementById('buttonDelete').style.display = 'block';
}
}
});
} else {
document.getElementById('detailData').style.display = 'none';
document.getElementById('buttonDelete').style.display = 'none';
}
}
function tambahData() {
var status = 0;
var nama_pelanggan = document.getElementById("nama_pelanggannew").value;
var alias_pelanggan = document.getElementById("alias_pelanggannew").value;
var type_pelanggan = document.getElementById("type_pelanggannew").value;
var limit_pelanggan = document.getElementById("limit_pelanggannew").value;
var top_pelanggan = document.getElementById("top_pelanggannew").value;
var jangka_pelanggan = document.getElementById("jangka_pelanggannew").value;
var pic_pelanggan = document.getElementById("pic_pelanggannew").value;
var telp_pelanggan = document.getElementById("telp_pelanggannew").value;
var alamat_pelanggan = document.getElementById("alamat_pelanggannew").value;
var kirim_pelanggan = document.getElementById("kirim_pelanggannew").value;
var email_pelanggan = document.getElementById("email_pelanggannew").value;
var npwp_pelanggan = document.getElementById("npwp_pelanggannew").value;
var id_kelompok = document.getElementById("id_kelompoknew").value;
var id_kota = document.getElementById("id_kotanew").value;
PNotify.removeAll();
if (nama_pelanggan=="") {
notify("nama_null");
status++;
}
if (id_kota=="") {
notify("kotaid_null");
status++;
}
if (type_pelanggan=="") {
notify("tipe_null");
status++;
}
if (alamat_pelanggan.length<10) {
notify("alamat_nullless10");
status++;
}
if (status==0) {
$.ajax({
url: "<?= base_url() ?>index.php/Menu/MD_Tambah_DataPelanggan",
type: "POST",
dataType: "json",
data: {
nama_pelanggan : nama_pelanggan,
alias_pelanggan : alias_pelanggan,
type_pelanggan : type_pelanggan,
limit_pelanggan : limit_pelanggan,
top_pelanggan : top_pelanggan,
jangka_pelanggan : jangka_pelanggan,
pic_pelanggan : pic_pelanggan,
telp_pelanggan : telp_pelanggan,
alamat_pelanggan : alamat_pelanggan,
kirim_pelanggan : kirim_pelanggan,
email_pelanggan : email_pelanggan,
npwp_pelanggan : npwp_pelanggan,
id_kelompok : id_kelompok,
id_kota : id_kota,
},
success: function(response) {
if (response.value==1) {
notify("success_add");
delayReload(1000,"<?= base_url() ?>index.php/Menu/MD_MasterPelanggan/");
} else if (response.value==2) {
notify("name_same");
document.getElementById("nama_pelanggannew").value = null;
} else if (response.value==0) {
notify("failed");
}
}
});
}
setBersih();
}
function ubahData(menu) {
//1. Ganti Nama Pelanggan
//2. Ganti Alias Pelanggan
//3. Ganti Tipe Pelanggan
//4. Ganti Limit Pelanggan
//5. Ganti TOP Pelanggan
//6. Ganti Jangka Pelanggan
//7. Ganti Kota
//8. Ganti Kelompok
//9. Ganti PIC Pelanggan
//10. Ganti Telepon Pelanggan
//11. Ganti Alamat Pelanggan
//12. Ganti Alamat Pengiriman
//13. Ganti Email Pelanggan
//14. Ganti NPWP Pelanggan
var id_pelanggan = document.getElementById("id_pelangganLihat").value;
var id_kelompok = document.getElementById("id_kelompoked").value;
var id_kota = document.getElementById("id_kotaed").value;
var nama_pelanggan = document.getElementById("nama_pelangganed").value;
var nama_pelangganTemp = document.getElementById("nama_pelangganTemp").value;
var alias_pelanggan = document.getElementById("alias_pelangganed").value;
var type_pelanggan = document.getElementById("type_pelangganed").value;
var limit_pelanggan = document.getElementById("limit_pelangganed").value;
var limit_pelangganTemp = document.getElementById("limit_pelangganTemp").value;
var top_pelanggan = document.getElementById("top_pelangganed").value;
var top_pelangganTemp = document.getElementById("top_pelangganTemp").value;
var jangka_pelanggan = document.getElementById("jangka_pelangganed").value;
var jangka_pelangganTemp = document.getElementById("jangka_pelangganTemp").value;
var pic_pelanggan = document.getElementById("pic_pelangganed").value;
var telp_pelanggan = document.getElementById("telp_pelangganed").value;
var alamat_pelanggan = document.getElementById("alamat_pelangganed").value;
var alamat_pelangganTemp = document.getElementById("alamat_pelangganTemp").value;
var kirim_pelanggan = document.getElementById("kirim_pelangganed").value;
var email_pelanggan = document.getElementById("email_pelangganed").value;
var npwp_pelanggan = document.getElementById("npwp_pelangganed").value;
var status = 0;
PNotify.removeAll();
if (id_pelanggan!="") {
if (nama_pelanggan.length==0 || alamat_pelanggan.length<10) {
notify("datainput_null");
document.getElementById("nama_pelangganed").value = nama_pelangganTemp;
document.getElementById("alamat_pelangganed").value = alamat_pelangganTemp;
status++;
}
}
if (id_kota=="") {
status++;
}
if (status==0) {
$.ajax({
url: "<?= base_url() ?>index.php/Menu/MD_Ubah_DataPelanggan",
type: "POST",
dataType: "json",
data: {
id_pelanggan : id_pelanggan,
id_kelompok : id_kelompok,
id_kota : id_kota,
nama_pelanggan : nama_pelanggan,
alias_pelanggan : alias_pelanggan,
type_pelanggan : type_pelanggan,
limit_pelanggan : limit_pelanggan,
top_pelanggan : top_pelanggan,
jangka_pelanggan : jangka_pelanggan,
pic_pelanggan : pic_pelanggan,
telp_pelanggan : telp_pelanggan,
alamat_pelanggan : alamat_pelanggan,
email_pelanggan : email_pelanggan,
npwp_pelanggan : npwp_pelanggan,
menu : menu,
},
success: function(response) {
if (response.value==1) {
notify("success_ed");
} else if (response.value==2) {
notify("name_same");
document.getElementById("nama_pelangganed").value = nama_pelangganTemp;
} else if (response.value==3) {
notify("latest");
delayReload(1000,"<?= base_url() ?>index.php/Menu/MD_MasterPelanggan/");
} else if (response.value==0) {
notify("failed");
}
}
});
}
}
function hapusData() {
PNotify.removeAll();
document.getElementById("id_pelanggandel").value = document.getElementById("id_pelangganLihat").value;
}
function isiData() {
document.getElementById("id_kelompokfill").value = document.getElementById("id_kelompoklap").value;
document.getElementById("id_kotafill").value = document.getElementById("id_kotalap").value;
document.getElementById("type_pelangganfill").value = document.getElementById("type_pelangganlap").value;
}
</script>
</body>
</html>