Commit 2c964c51 by Lalang Trendy Buana Committed by nurchamim

modul: dataTable

status: selesai
keterangan: bug fix button download dan tambah data tidak dapat di klik
parent 738ff3a2
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
}); });
</script> </script>
<div class="table-responsive"> <div class="table-responsive">
<div class="btn-group pull-right" style="z-index:1;"> <div id="data-actions" class="btn-group pull-right">
<?php <?php
if (in_array($this->level_user, array('3', '7'))) { ?> if (in_array($this->level_user, array('3', '7'))) { ?>
<button type="button" class="btn btn-primary download" id="pdf" aria-haspopup="true" aria-expanded="false"> <button type="button" class="btn btn-primary download" id="pdf" aria-haspopup="true" aria-expanded="false">
...@@ -70,7 +70,11 @@ ...@@ -70,7 +70,11 @@
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('laporan.absensi.data.list') . '?periode_awal=' . $periode_awal . '&periode_akhir=' . $periode_akhir . '&hadir=' . $hadir . '&terlambat=' . $terlambat . '&pc=' . $pc . '&tap=' . $tap . '&alpa=' . $alpa . '&sakit=' . $sakit . '&izin=' . $izin . '&cuti=' . $cuti . '&libur=' . $libur . '&id_karyawan=' . $id_karyawan . '&id_cabang=' . $id_cabang . '&id_departemen=' . $id_departemen ?>", "url": "<?= route('laporan.absensi.data.list') . '?periode_awal=' . $periode_awal . '&periode_akhir=' . $periode_akhir . '&hadir=' . $hadir . '&terlambat=' . $terlambat . '&pc=' . $pc . '&tap=' . $tap . '&alpa=' . $alpa . '&sakit=' . $sakit . '&izin=' . $izin . '&cuti=' . $cuti . '&libur=' . $libur . '&id_karyawan=' . $id_karyawan . '&id_cabang=' . $id_cabang . '&id_departemen=' . $id_departemen ?>",
"type": "GET", "type": "GET",
......
<style> <style>
/* Required Drawer CSS */ /* Required Drawer CSS */
.js-menu__context { .js-menu__context {
/* background: rgba(0, 0, 0, 0.5); */ /* background: rgba(0, 0, 0, 0.5); */
left: 0; left: 0;
...@@ -58,56 +58,61 @@ ...@@ -58,56 +58,61 @@
</style> </style>
<script> <script>
$(function() { $(function () {
dropdown_periode(); dropdown_periode();
dropdown_karyawan(); dropdown_karyawan();
// START FILTER // START FILTER
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
loading.start(); loading.start();
list_data_home.ajax.reload(function() { list_data_home.ajax.reload(function () {
loading.stop(); loading.stop();
}); });
}); });
// START DATATABLE // START DATATABLE
list_data_home = $('#list_data').DataTable({ list_data_home = $('#list_data').DataTable({
ordering : true, ordering: true,
searching: false, searching: false,
scrollX : true, scrollX: true,
language : { language: {
url: '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>' url: '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>'
}, },
order : [], order: [],
layout: {
topEnd: [
$("#data-actions")
]
},
columnDefs: [ columnDefs: [
{ targets: 'no_sort', orderable: false }, { targets: 'no_sort', orderable: false },
{ targets: '_center', className: 'text-center' } { targets: '_center', className: 'text-center' }
], ],
ajax: { ajax: {
url: '<?= route("kpi.laporan.list-data") ?>', url: '<?= route("kpi.laporan.list-data") ?>',
data: function(d) { data: function (d) {
delete d.columns; delete d.columns;
delete d.search; delete d.search;
const waktu = $('#periode').datepicker('getDate'); const waktu = $('#periode').datepicker('getDate');
d.karyawan = $('#id_karyawan').val(); d.karyawan = $('#id_karyawan').val();
d.tahun = waktu.getFullYear(); d.tahun = waktu.getFullYear();
d.bulan = waktu.getMonth()+1; d.bulan = waktu.getMonth() + 1;
} }
} }
}); });
// START JS DRAWER // START JS DRAWER
$('.js-menu__open').on('touchend click', function() { $('.js-menu__open').on('touchend click', function () {
var menu = $(this).attr('data-menu'); var menu = $(this).attr('data-menu');
$(menu).toggleClass('js-menu__expanded'); $(menu).toggleClass('js-menu__expanded');
$(menu).parent().toggleClass('js-menu__expanded'); $(menu).parent().toggleClass('js-menu__expanded');
}); });
$('.js-menu__context, .js-menu__close').on('touchend click', function(event) { $('.js-menu__context, .js-menu__close').on('touchend click', function (event) {
if ($(event.target).hasClass('js-menu__context') || $(event.target).hasClass('js-menu__close')) { if ($(event.target).hasClass('js-menu__context') || $(event.target).hasClass('js-menu__close')) {
$('.js-menu__expanded').removeClass('js-menu__expanded'); $('.js-menu__expanded').removeClass('js-menu__expanded');
$(".div_pembungkus_js_menu_context").css('height', "0px"); $(".div_pembungkus_js_menu_context").css('height', "0px");
...@@ -115,7 +120,7 @@ ...@@ -115,7 +120,7 @@
}); });
}); });
function test_slide(e){ function test_slide(e) {
var menu = $(e).attr('data-menu'); var menu = $(e).attr('data-menu');
$(menu).toggleClass('js-menu__expanded'); $(menu).toggleClass('js-menu__expanded');
$(menu).parent().toggleClass('js-menu__expanded'); $(menu).parent().toggleClass('js-menu__expanded');
...@@ -123,30 +128,37 @@ ...@@ -123,30 +128,37 @@
var id_laporan = $(e).attr('id'); var id_laporan = $(e).attr('id');
set_detail_active("laporan", id_laporan); set_detail_active("laporan", id_laporan);
load_url = "<?= route('kpi.laporan.detail.view.detail') ?>" + "/" + id_laporan; load_url = "<?= route('kpi.laporan.detail.view.detail') ?>" + "/" + id_laporan;
return $.get(load_url, function(data) { return $.get(load_url, function (data) {
$("#drawer-content").html(data); $("#drawer-content").html(data);
}); });
} }
function dropdown_periode() { function dropdown_periode() {
$('#periode').datepicker({ $('#periode').datepicker({
format : "MM yyyy", format: "MM yyyy",
minViewMode: 1, minViewMode: 1,
autoclose : true, autoclose: true,
orientation: "bottom", orientation: "bottom",
language : "id" language: "id"
}); });
$('#periode').datepicker('setDate', new Date()); $('#periode').datepicker('setDate', new Date());
} }
function dropdown_karyawan() { function dropdown_karyawan() {
var waktu = $('#periode').datepicker('getDate');
var tahun = waktu.getFullYear();
var bulan = waktu.getMonth() + 1;
if (bulan.toString().length == 1) {
bulan = "0" + bulan.toString();
}
$('#id_karyawan').select2({ $('#id_karyawan').select2({
placeholder: 'Pilih Karyawan', placeholder: 'Pilih Karyawan',
allowClear: true, allowClear: true,
ajax: { ajax: {
url : '<?= route("dropdown.karyawan") ?>', url: '<?= route("kpi.laporan.dropdown.karyawan") ?>' + '?tahun=' + tahun + '&bulan=' + bulan,
dataType : 'json' , dataType: 'json',
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -156,11 +168,11 @@ ...@@ -156,11 +168,11 @@
} }
function download_semua() { function download_semua() {
const waktu = $('#periode').datepicker('getDate'); var waktu = $('#periode').datepicker('getDate');
const tahun = waktu.getFullYear(); var tahun = waktu.getFullYear();
var bulan = waktu.getMonth()+1; var bulan = waktu.getMonth() + 1;
if(bulan.toString().length == 1) { if (bulan.toString().length == 1) {
bulan = "0"+bulan.toString(); bulan = "0" + bulan.toString();
} }
window.open('<?= route("kpi.laporan.download-all", ["periode" => "'+tahun+'-'+bulan+'"]) ?>', '_blank').focus(); window.open('<?= route("kpi.laporan.download-all", ["periode" => "'+tahun+'-'+bulan+'"]) ?>', '_blank').focus();
} }
...@@ -205,7 +217,7 @@ ...@@ -205,7 +217,7 @@
</div> </div>
<div class="table-responsive mt-2"> <div class="table-responsive mt-2">
<div class="pull-right"> <div id="data-actions" class="pull-right">
<button id="download" type="button" class="btn btn-primary ladda-button" data-style="expand-left" onclick="download_semua();"> <button id="download" type="button" class="btn btn-primary ladda-button" data-style="expand-left" onclick="download_semua();">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh_all') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh_all') ?>
</button> </button>
......
...@@ -122,7 +122,7 @@ ...@@ -122,7 +122,7 @@
<div class="row mt-1"> <div class="row mt-1">
<div class="col-md-12"> <div class="col-md-12">
<div class="table-responsive"> <div class="table-responsive">
<div class="btn-group float-md-right ml-1" style="z-index:1;"> <div id="data-actions" class="btn-group float-md-right ml-1">
<button type="button" id="btn_download" class="btn btn-primary" tglmulai="<?= $tgl_mulai ?>" tglselesai="<?= $tgl_selesai ?>" idkaryawan="0" idcabang="0" iddepartemen="0"> <button type="button" id="btn_download" class="btn btn-primary" tglmulai="<?= $tgl_mulai ?>" tglselesai="<?= $tgl_selesai ?>" idkaryawan="0" idcabang="0" iddepartemen="0">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?></button> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?></button>
</div> </div>
...@@ -218,7 +218,11 @@ ...@@ -218,7 +218,11 @@
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('laporan.aktivitas.listdata') ?>", "url": "<?= route('laporan.aktivitas.listdata') ?>",
"type": "GET", "type": "GET",
......
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function () {
$(".download").click(function() { $(".download").click(function () {
var cabang = "<?= $cabang ?>"; var cabang = "<?= $cabang ?>";
var karyawan = "<?= $karyawan ?>"; var karyawan = "<?= $karyawan ?>";
...@@ -13,9 +13,9 @@ ...@@ -13,9 +13,9 @@
}); });
</script> </script>
<div class="table-responsive"> <div class="table-responsive">
<div class="btn-group pull-right"> <div id="download-buttons" class="btn-group pull-right">
<button type="button" class="btn btn-primary download" aria-haspopup="true" aria-expanded="false"> <button type="button" class="btn btn-primary download" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
</div> </div>
<table id="list_data" class="table table-striped" style="width:100%"> <table id="list_data" class="table table-striped" style="width:100%">
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
</table> </table>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function () {
table = $('#list_data').DataTable({ table = $('#list_data').DataTable({
'searching': false, 'searching': false,
'paging': true, 'paging': true,
...@@ -54,7 +54,11 @@ ...@@ -54,7 +54,11 @@
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#download-buttons")
]
},
"ajax": { "ajax": {
"url": "<?= site_url('reimburse/laporan/list/data') ?>/<?= $mulai ?>/<?= $selesai ?>/<?= $karyawan ?>/<?= $cabang ?>/<?= $departemen ?>", "url": "<?= site_url('reimburse/laporan/list/data') ?>/<?= $mulai ?>/<?= $selesai ?>/<?= $karyawan ?>/<?= $cabang ?>/<?= $departemen ?>",
"type": "GET", "type": "GET",
...@@ -63,18 +67,18 @@ ...@@ -63,18 +67,18 @@
'bSortable': false, 'bSortable': false,
'aTargets': ['no-sort'] 'aTargets': ['no-sort']
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({'width': '10px','text-align': 'center','vertical-align':'top'}); $('td:eq(0)', nRow).css({ 'width': '10px', 'text-align': 'center', 'vertical-align': 'top' });
$('td:eq(1)', nRow).css({'width': '100px','text-align': 'center','vertical-align':'top'}); $('td:eq(1)', nRow).css({ 'width': '100px', 'text-align': 'center', 'vertical-align': 'top' });
$('td:eq(2)', nRow).css({'text-align': 'left','vertical-align':'top'}); $('td:eq(2)', nRow).css({ 'text-align': 'left', 'vertical-align': 'top' });
$('td:eq(3)', nRow).css({'width': '200px','text-align': 'left','vertical-align':'top'}); $('td:eq(3)', nRow).css({ 'width': '200px', 'text-align': 'left', 'vertical-align': 'top' });
$('td:eq(4)', nRow).css({'width': '120px','text-align': 'left','vertical-align':'top'}); $('td:eq(4)', nRow).css({ 'width': '120px', 'text-align': 'left', 'vertical-align': 'top' });
$('td:eq(5)', nRow).css({'width': '120px','text-align': 'left','vertical-align':'top'}); $('td:eq(5)', nRow).css({ 'width': '120px', 'text-align': 'left', 'vertical-align': 'top' });
$('td:eq(6)', nRow).css({'width': '120px','text-align': 'left','vertical-align':'top'}); $('td:eq(6)', nRow).css({ 'width': '120px', 'text-align': 'left', 'vertical-align': 'top' });
$('td:eq(7)', nRow).css({'width': '120px','text-align': 'left','vertical-align':'top'}); $('td:eq(7)', nRow).css({ 'width': '120px', 'text-align': 'left', 'vertical-align': 'top' });
$('td:eq(8)', nRow).css({'width': '120px','text-align': 'right','vertical-align':'top'}); $('td:eq(8)', nRow).css({ 'width': '120px', 'text-align': 'right', 'vertical-align': 'top' });
$('td:eq(9)', nRow).css({'width': '120px','text-align': 'right','vertical-align':'top'}); $('td:eq(9)', nRow).css({ 'width': '120px', 'text-align': 'right', 'vertical-align': 'top' });
$('td:eq(10)', nRow).css({'width': '120px','text-align': 'right','vertical-align':'top'}); $('td:eq(10)', nRow).css({ 'width': '120px', 'text-align': 'right', 'vertical-align': 'top' });
}, },
}); });
}); });
......
...@@ -25,7 +25,11 @@ ...@@ -25,7 +25,11 @@
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route("payroll.master.komponen.data", ["master" => "kehadiran"]) ?>", "url": "<?= route("payroll.master.komponen.data", ["master" => "kehadiran"]) ?>",
"type": "GET", "type": "GET",
...@@ -317,7 +321,7 @@ ...@@ -317,7 +321,7 @@
</li> </li>
</ul> </ul>
<div class="table-responsive"> <div class="table-responsive">
<div class="float-md-right"> <div id="data-actions" class="float-md-right">
<button type="button" class="btn_tambah btn btn-biru"> <button type="button" class="btn_tambah btn btn-biru">
<i class="fa fa-plus"></i> Tambah Data <i class="fa fa-plus"></i> Tambah Data
</button> </button>
......
...@@ -25,7 +25,11 @@ ...@@ -25,7 +25,11 @@
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route("payroll.master.komponen.data", ["master" => "pendapatan"]) ?>", "url": "<?= route("payroll.master.komponen.data", ["master" => "pendapatan"]) ?>",
"type": "GET", "type": "GET",
...@@ -318,7 +322,7 @@ ...@@ -318,7 +322,7 @@
</li> </li>
</ul> </ul>
<div class="table-responsive"> <div class="table-responsive">
<div class="float-md-right"> <div id="data-actions" class="float-md-right">
<button type="button" class="btn_tambah btn btn-biru"> <button type="button" class="btn_tambah btn btn-biru">
<i class="fa fa-plus"></i> Tambah Data <i class="fa fa-plus"></i> Tambah Data
</button> </button>
......
...@@ -25,7 +25,11 @@ ...@@ -25,7 +25,11 @@
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route("payroll.master.komponen.data", ["master" => "potongan"]) ?>", "url": "<?= route("payroll.master.komponen.data", ["master" => "potongan"]) ?>",
"type": "GET", "type": "GET",
...@@ -317,7 +321,7 @@ ...@@ -317,7 +321,7 @@
</li> </li>
</ul> </ul>
<div class="table-responsive"> <div class="table-responsive">
<div class="float-md-right"> <div id="data-actions" class="float-md-right">
<button type="button" class="btn_tambah btn btn-biru"> <button type="button" class="btn_tambah btn btn-biru">
<i class="fa fa-plus"></i> Tambah Data <i class="fa fa-plus"></i> Tambah Data
</button> </button>
......
...@@ -22,7 +22,11 @@ ...@@ -22,7 +22,11 @@
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route("payroll.master.lembur.data", ["tab" => "lembur_karyawan", "params" => "1.1.1.1.all.all.all"]) ?>", "url": "<?= route("payroll.master.lembur.data", ["tab" => "lembur_karyawan", "params" => "1.1.1.1.all.all.all"]) ?>",
"type": "GET", "type": "GET",
...@@ -363,7 +367,7 @@ ...@@ -363,7 +367,7 @@
</div> </div>
<hr> <hr>
<div class="table-responsive"> <div class="table-responsive">
<div class="float-right"> <div id="data-actions" class="pull-right">
<button id="excel" data-params="1.1.1.1.all.all.all" class="btn btn-biru text-white ladda-button" style="display:none" data-style="expand-left"><i class="fa fa-download"></i> Download</button> <button id="excel" data-params="1.1.1.1.all.all.all" class="btn btn-biru text-white ladda-button" style="display:none" data-style="expand-left"><i class="fa fa-download"></i> Download</button>
</div> </div>
<table id="list_data" class="table table-striped table-bordered" style="width:100%"> <table id="list_data" class="table table-striped table-bordered" style="width:100%">
......
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function () {
$("#download").click(function() { $("#download").click(function () {
var tanggal_mulai = "<?= $tgl_mulai ?>"; var tanggal_mulai = "<?= $tgl_mulai ?>";
var tanggal_selesai = "<?= $tgl_selesai ?>"; var tanggal_selesai = "<?= $tgl_selesai ?>";
var jenis = "<?= $jenis ?>"; var jenis = "<?= $jenis ?>";
var status = "<?= $status ?>"; var status = "<?= $status ?>";
var id_karyawan = "<?= $id_karyawan ?>"; var id_karyawan = "<?= $id_karyawan ?>";
var id_cabang = "<?= $id_cabang ?>"; var id_cabang = "<?= $id_cabang ?>";
var id_departemen = "<?= $id_departemen ?>"; var id_departemen = "<?= $id_departemen ?>";
window.location.href = "<?= route('pengajuan.izin.data.download.excel') ?>"+"/"+tanggal_mulai+'/'+tanggal_selesai+'/'+jenis+'/'+status+'/'+id_karyawan+'/'+id_cabang+'/'+id_departemen; window.location.href = "<?= route('pengajuan.izin.data.download.excel') ?>" + "/" + tanggal_mulai + '/' + tanggal_selesai + '/' + jenis + '/' + status + '/' + id_karyawan + '/' + id_cabang + '/' + id_departemen;
}); });
}); });
</script> </script>
<div class="table-responsive"> <div class="table-responsive">
<div class="btn-group pull-right ml-1" style="z-index:1;"> <div id="data-actions" class="btn-group pull-right ml-1">
<button id="download" type="button" class="btn btn-primary"> <button id="download" type="button" class="btn btn-primary">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<th class="text-center text-uppercase" rowspan="2"><?= $this->lang->line('tgl_pengajuan_tabel'); ?></th> <th class="text-center text-uppercase" rowspan="2"><?= $this->lang->line('tgl_pengajuan_tabel'); ?></th>
<th class="text-center text-uppercase" rowspan="2"><?= $this->lang->line('periode'); ?></th> <th class="text-center text-uppercase" rowspan="2"><?= $this->lang->line('periode'); ?></th>
<th class="text-center text-uppercase" rowspan="2"><?= $this->lang->line('jml_hari_tabel'); ?></th> <th class="text-center text-uppercase" rowspan="2"><?= $this->lang->line('jml_hari_tabel'); ?></th>
<th class="text-center text-uppercase" rowspan="2"><?= $this->lang->line('keterangan'); ?></th> <th class="text-center text-uppercase" rowspan="2"><?= $this->lang->line('keterangan'); ?></th>
<th class="text-center text-uppercase" colspan="5">APPROVAL</th> <th class="text-center text-uppercase" colspan="5">APPROVAL</th>
<th class="text-center text-uppercase" rowspan="2"><?= $this->lang->line('aksi'); ?></th> <th class="text-center text-uppercase" rowspan="2"><?= $this->lang->line('aksi'); ?></th>
</tr> </tr>
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<th class="text-uppercase"><?= $this->lang->line('supervisi'); ?></th> <th class="text-uppercase"><?= $this->lang->line('supervisi'); ?></th>
<th class="text-uppercase"><?= $this->lang->line('menu_kepala_departemen'); ?></th> <th class="text-uppercase"><?= $this->lang->line('menu_kepala_departemen'); ?></th>
<th class="text-uppercase"><?= $this->lang->line('menu_kepala_cabang'); ?></th> <th class="text-uppercase"><?= $this->lang->line('menu_kepala_cabang'); ?></th>
<th class="text-uppercase"><?= $this->lang->line('direksi'); ?></th> <th class="text-uppercase"><?= $this->lang->line('direksi'); ?></th>
<th>Admin</th> <th>Admin</th>
</tr> </tr>
</thead> </thead>
...@@ -46,53 +46,57 @@ ...@@ -46,53 +46,57 @@
</table> </table>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching' : false, 'searching': false,
'paging' : true, 'paging': true,
'lengthChange': true, 'lengthChange': true,
'ordering' : true, 'ordering': true,
'info' : true, 'info': true,
'scrollX' : true, 'scrollX': true,
// 'scrollCollapse': true, // 'scrollCollapse': true,
// 'fixedColumns': true, // 'fixedColumns': true,
'language' :{ 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
<?php else : ?> <?php else: ?>
<?php endif; ?> <?php endif; ?>
}, },
"processing" : true, "processing": true,
"serverSide" : true, "serverSide": true,
"order" : [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": {
"url": "<?= route('pengajuan.izin.data.list') . '/' . $tgl_mulai . '/' . $tgl_selesai . '/' . $jenis . '/' . $status . '/' . $id_karyawan . '/' . $id_cabang . '/' . $id_departemen ?>",
"type": "GET",
"complete": function (data) {
reconfigure(data);
}
},
"ajax" : { "aoColumnDefs": [
"url": "<?= route('pengajuan.izin.data.list').'/'.$tgl_mulai .'/'.$tgl_selesai .'/'.$jenis .'/'.$status .'/'.$id_karyawan.'/'.$id_cabang .'/'.$id_departemen ?>", { "aTargets": [0], "bSortable": false },
"type": "GET", { "aTargets": [-1], "bSortable": false }
"complete" : function(data){ ],
reconfigure(data); "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
} $('td:eq(0)', nRow).css({ 'text-align': 'center', 'width': '10px' });
}, $('td:eq(1)', nRow).css({ 'width': '200px' });
$('td:eq(2)', nRow).css({ 'text-align': 'center' });
"aoColumnDefs": [ $('td:eq(3)', nRow).css({ 'text-align': 'center' });
{ "aTargets": [0], "bSortable": false }, $('td:eq(4)', nRow).css({ 'text-align': 'center', 'width': '100px' });
{ "aTargets": [-1], "bSortable": false } $('td:eq(5)', nRow).css({ 'text-align': 'center', 'width': '10px' });
], $('td:eq(6)', nRow).css({ 'text-align': 'left' });
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) { $('td:eq(7)', nRow).css({ 'text-align': 'center' });
$('td:eq(0)', nRow).css({'text-align':'center','width':'10px'}); $('td:eq(8)', nRow).css({ 'text-align': 'center' });
$('td:eq(1)', nRow).css({'width':'200px'}); $('td:eq(9)', nRow).css({ 'text-align': 'center' });
$('td:eq(2)', nRow).css({'text-align':'center'}); $('td:eq(10)', nRow).css({ 'text-align': 'center' });
$('td:eq(3)', nRow).css({'text-align':'center'}); $('td:eq(11)', nRow).css({ 'text-align': 'center' });
$('td:eq(4)', nRow).css({'text-align':'center','width':'100px'}); $('td:eq(12)', nRow).css({ 'text-align': 'center', 'width': '100px' });
$('td:eq(5)', nRow).css({'text-align':'center','width':'10px'}); }
$('td:eq(6)', nRow).css({'text-align':'left'});
$('td:eq(7)', nRow).css({'text-align':'center'});
$('td:eq(8)', nRow).css({'text-align':'center'});
$('td:eq(9)', nRow).css({'text-align':'center'});
$('td:eq(10)', nRow).css({'text-align':'center'});
$('td:eq(11)', nRow).css({'text-align':'center'});
$('td:eq(12)', nRow).css({'text-align':'center','width':'100px'});
}
}); });
}); });
......
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function () {
$("#download").click(function() { $("#download").click(function () {
var status = "<?= $status ?>"; var status = "<?= $status ?>";
var id_cabang = "<?= $id_cabang ?>"; var id_cabang = "<?= $id_cabang ?>";
var id_departemen = "<?= $id_departemen ?>"; var id_departemen = "<?= $id_departemen ?>";
var id_karyawan = "<?= $id_karyawan ?>"; var id_karyawan = "<?= $id_karyawan ?>";
var tanggal_mulai = "<?= $tgl_mulai ?>"; var tanggal_mulai = "<?= $tgl_mulai ?>";
var tanggal_selesai = "<?= $tgl_selesai ?>"; var tanggal_selesai = "<?= $tgl_selesai ?>";
window.location.href = "<?= route('pengajuan.lembur.data.download.excel') ?>"+"/"+tanggal_mulai+'/'+tanggal_selesai+'/'+status+'/'+id_karyawan+'/'+id_cabang+'/'+id_departemen; window.location.href = "<?= route('pengajuan.lembur.data.download.excel') ?>" + "/" + tanggal_mulai + '/' + tanggal_selesai + '/' + status + '/' + id_karyawan + '/' + id_cabang + '/' + id_departemen;
}); });
}); });
</script> </script>
<div class="table-responsive"> <div class="table-responsive">
<div class="btn-group pull-right" style="z-index:1;"> <div id="data-actions" class="btn-group pull-right">
<button type="button" id="download" class="btn btn-primary"> <button type="button" id="download" class="btn btn-primary">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -29,9 +29,9 @@ ...@@ -29,9 +29,9 @@
<th class="text-center no-sort text-uppercase" colspan="2"><?= $this->lang->line('keterangan'); ?></th> <th class="text-center no-sort text-uppercase" colspan="2"><?= $this->lang->line('keterangan'); ?></th>
<th class="text-center no-sort text-uppercase" colspan="5">APPROVAL</th> <th class="text-center no-sort text-uppercase" colspan="5">APPROVAL</th>
<?php <?php
if (in_array($this->session->userdata('level_user'), array("1"))) { if (in_array($this->session->userdata('level_user'), array("1"))) {
?> ?>
<th class="text-center no-sort text-uppercase" rowspan="2"><?= $this->lang->line('aksi'); ?></th> <th class="text-center no-sort text-uppercase" rowspan="2"><?= $this->lang->line('aksi'); ?></th>
<?php } ?> <?php } ?>
</tr> </tr>
<tr class="bg-tr"> <tr class="bg-tr">
...@@ -52,54 +52,58 @@ ...@@ -52,54 +52,58 @@
</table> </table>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching' : false, 'searching': false,
'paging' : true, 'paging': true,
'lengthChange': true, 'lengthChange': true,
'ordering' : true, 'ordering': true,
'info' : true, 'info': true,
'scrollX' : true, 'scrollX': true,
// 'scrollCollapse': true, // 'scrollCollapse': true,
// 'fixedColumns': true, // 'fixedColumns': true,
'language' :{ 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
<?php else : ?> <?php else: ?>
<?php endif; ?> <?php endif; ?>
}, },
"processing" : true, "processing": true,
"serverSide" : true, "serverSide": true,
"order" : [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": {
"url": "<?= route('pengajuan.lembur.data.list') . '/' . $tgl_mulai . '/' . $tgl_selesai . '/' . $status . '/' . $id_karyawan . '/' . $id_cabang . '/' . $id_departemen ?>",
"type": "GET",
"complete": function (data) {
reconfigure(data);
}
},
"ajax" : { "aoColumnDefs": [{
"url": "<?= route('pengajuan.lembur.data.list').'/'.$tgl_mulai.'/'.$tgl_selesai.'/'.$status.'/'.$id_karyawan.'/'.$id_cabang.'/'.$id_departemen ?>", 'bSortable': false,
"type": "GET", 'aTargets': ['no-sort']
"complete" : function(data){ }],
reconfigure(data); "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
} $('td:eq(0)', nRow).css({ 'text-align': 'center', 'width': '10px' });
}, $('td:eq(1)', nRow).css({ 'text-align': 'left', 'width': '250px', 'white-space': 'nowrap' });
$('td:eq(2)', nRow).css({ 'text-align': 'center', 'width': '100px' });
"aoColumnDefs": [{ $('td:eq(3)', nRow).css({ 'text-align': 'center', 'width': '100px', 'white-space': 'nowrap' });
'bSortable': false, $('td:eq(4)', nRow).css({ 'text-align': 'center', 'width': '100px', 'white-space': 'nowrap' });
'aTargets': ['no-sort'] $('td:eq(5)', nRow).css({ 'text-align': 'center', 'width': '100px' });
}], $('td:eq(6)', nRow).css({ 'text-align': 'center', 'width': '130px' });
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) { $('td:eq(7)', nRow).css({ 'text-align': 'center', 'width': '130px' });
$('td:eq(0)', nRow).css({'text-align':'center','width':'10px'}); $('td:eq(8)', nRow).css({ 'text-align': 'center', 'width': '8px' });
$('td:eq(1)', nRow).css({'text-align':'left','width':'250px','white-space':'nowrap'}); $('td:eq(9)', nRow).css({ 'text-align': 'center', 'width': '8px' });
$('td:eq(2)', nRow).css({'text-align':'center','width':'100px'}); $('td:eq(10)', nRow).css({ 'text-align': 'center', 'width': '8px' });
$('td:eq(3)', nRow).css({'text-align':'center','width':'100px','white-space':'nowrap'}); $('td:eq(11)', nRow).css({ 'text-align': 'center', 'width': '8px' });
$('td:eq(4)', nRow).css({'text-align':'center','width':'100px','white-space':'nowrap'}); $('td:eq(12)', nRow).css({ 'text-align': 'center', 'width': '8px' });
$('td:eq(5)', nRow).css({'text-align':'center','width':'100px'}); $('td:eq(13)', nRow).css({ 'text-align': 'center', 'width': '50px' });
$('td:eq(6)', nRow).css({'text-align':'center','width':'130px'}); }
$('td:eq(7)', nRow).css({'text-align':'center','width':'130px'});
$('td:eq(8)', nRow).css({'text-align':'center','width':'8px'});
$('td:eq(9)', nRow).css({'text-align':'center','width':'8px'});
$('td:eq(10)', nRow).css({'text-align':'center','width':'8px'});
$('td:eq(11)', nRow).css({'text-align':'center','width':'8px'});
$('td:eq(12)', nRow).css({'text-align':'center','width':'8px'});
$('td:eq(13)', nRow).css({'text-align':'center','width':'50px'});
}
}); });
}); });
......
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function () {
$(".download").click(function() { $(".download").click(function () {
var jenis = $(this).attr('id'); var jenis = $(this).attr('id');
var cabang = "<?= $cabang ?>"; var cabang = "<?= $cabang ?>";
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
} }
</style> </style>
<div class="table-responsive"> <div class="table-responsive">
<div class="btn-group pull-right ml-1" style="z-index:1;"> <div id="data-actions" class="btn-group pull-right ml-1">
<button id="excel" type="button" class="btn btn-primary download" aria-haspopup="true" aria-expanded="false"> <button id="excel" type="button" class="btn btn-primary download" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -58,17 +58,17 @@ ...@@ -58,17 +58,17 @@
if ($row['libur'] == true) { if ($row['libur'] == true) {
if ($border_left == false) { if ($border_left == false) {
$border_left_style = $this->config->item('border_left_libur'); $border_left_style = $this->config->item('border_left_libur');
$border_left = true; $border_left = true;
} else { } else {
$border_left_style = ''; $border_left_style = '';
} }
?> ?>
<th class="text-center no-sort" style="background-color: <?= $row['warna'] ?>; color: <?= $row['warna_teks'] ?>; border-color: <?= $row['warna_teks'] ?>; <?= $border_left_style ?>"><?= $row['tanggal_view']; ?></th> <th class="text-center no-sort" style="background-color: <?= $row['warna'] ?>; color: <?= $row['warna_teks'] ?>; border-color: <?= $row['warna_teks'] ?>; <?= $border_left_style ?>"><?= $row['tanggal_view']; ?></th>
<?php } else { <?php } else {
$border_left = false; $border_left = false;
?> ?>
<th class="text-center no-sort"><?= $row['tanggal_view']; ?></th> <th class="text-center no-sort"><?= $row['tanggal_view']; ?></th>
<?php } <?php }
} ?> } ?>
</tr> </tr>
</thead> </thead>
...@@ -77,12 +77,12 @@ ...@@ -77,12 +77,12 @@
</table> </table>
</div> </div>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function() { $(document).ready(function () {
var freezeColumns = '<?= ($this->paket_arr['flexible_jam_kerja'] == true) ? 11 : 13; ?>'; var freezeColumns = '<?= ($this->paket_arr['flexible_jam_kerja'] == true) ? 11 : 13; ?>';
$.fn.dataTableExt.sErrMode = 'none'; $.fn.dataTableExt.sErrMode = 'none';
$('#list_data').on('error.dt', function(e, settings, techNote, message) { $('#list_data').on('error.dt', function (e, settings, techNote, message) {
if (confirm('Terjadi kesalahan saat memproses data, muat ulang halaman ?')) { if (confirm('Terjadi kesalahan saat memproses data, muat ulang halaman ?')) {
window.location.reload(); window.location.reload();
} }
...@@ -98,47 +98,52 @@ ...@@ -98,47 +98,52 @@
leftColumns: freezeColumns leftColumns: freezeColumns
}, },
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'NIK/Nama Karyawan' 'searchPlaceholder': 'NIK/Nama Karyawan'
<?php else : ?> 'searchPlaceholder': 'ID/Employee Name' <?php else: ?> 'searchPlaceholder': 'ID/Employee Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
"search",
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= site_url('rekap/absensi/list/data') ?>/<?= $mulai ?>/<?= $selesai ?>/<?= $cabang ?>/<?= $departemen ?>", "url": "<?= site_url('rekap/absensi/list/data') ?>/<?= $mulai ?>/<?= $selesai ?>/<?= $cabang ?>/<?= $departemen ?>",
"type": "POST", "type": "POST",
"complete": function(data) { "complete": function (data) {
reconfigure(data); reconfigure(data);
} }
}, },
"aoColumnDefs": [{ "aoColumnDefs": [{
'bSortable': false, 'bSortable': false,
'aTargets': ['no-sort'] 'aTargets': ['no-sort']
}, },
{ {
targets: [<?= $targets_libur_sisa ?>], targets: [<?= $targets_libur_sisa ?>],
className: "dt-libur" className: "dt-libur"
}, },
{ {
targets: [<?= $targets_libur_left ?>], targets: [<?= $targets_libur_left ?>],
className: "dt-libur-left" className: "dt-libur-left"
} }
], ],
"fnDrawCallback": function(setting) { "fnDrawCallback": function (setting) {
$('[data-toggle="tooltip"]').tooltip(); $('[data-toggle="tooltip"]').tooltip();
}, },
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
var flexible_jam_kerja = '<?= $this->paket_arr['flexible_jam_kerja'] ?>'; var flexible_jam_kerja = '<?= $this->paket_arr['flexible_jam_kerja'] ?>';
if(flexible_jam_kerja == false){ if (flexible_jam_kerja == false) {
var jumlah_kolom = 13; var jumlah_kolom = 13;
}else{ } else {
var jumlah_kolom = 11; var jumlah_kolom = 11;
} }
...@@ -173,7 +178,7 @@ ...@@ -173,7 +178,7 @@
'text-align': 'center' 'text-align': 'center'
}); });
if(flexible_jam_kerja == false){ if (flexible_jam_kerja == false) {
$('td:eq(10)', nRow).css({ $('td:eq(10)', nRow).css({
'text-align': 'center' 'text-align': 'center'
}); });
...@@ -198,4 +203,4 @@ ...@@ -198,4 +203,4 @@
} }
}); });
}); });
</script> </script>
\ No newline at end of file
...@@ -2,9 +2,9 @@ ...@@ -2,9 +2,9 @@
var selected_rows = []; var selected_rows = [];
$("#filter .btn_filter:last").html('<button type="button" id="btn_filter" class="ladda-button btn btn-primary w-100" data-style="expand-left">FILTER</button>'); $("#filter .btn_filter:last").html('<button type="button" id="btn_filter" class="ladda-button btn btn-primary w-100" data-style="expand-left">FILTER</button>');
$(function() { $(function () {
$.fn.dataTableExt.sErrMode = 'none'; $.fn.dataTableExt.sErrMode = 'none';
list_data = $('#list_data').on('error.dt', function(e, settings, techNote, message) { list_data = $('#list_data').on('error.dt', function (e, settings, techNote, message) {
if (confirm('Terjadi kesalahan saat memproses data, muat ulang halaman ?')) { if (confirm('Terjadi kesalahan saat memproses data, muat ulang halaman ?')) {
window.location.reload(); window.location.reload();
} }
...@@ -18,21 +18,26 @@ ...@@ -18,21 +18,26 @@
'scrollX': true, 'scrollX': true,
'stateSave': true, 'stateSave': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
<?php else : ?> <?php else: ?>
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.approval_activity.data', ['mulai' => date('Y-m-d'), 'selesai' => date('Y-m-d'), 'status' => 'all', 'karyawan' => 'all', 'group' => 'all']) ?>", "url": "<?= route('sales_activity.approval_activity.data', ['mulai' => date('Y-m-d'), 'selesai' => date('Y-m-d'), 'status' => 'all', 'karyawan' => 'all', 'group' => 'all']) ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
}, },
"complete": function(data) { "complete": function (data) {
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
$("#row_selected").html(selected_rows.length); $("#row_selected").html(selected_rows.length);
...@@ -53,17 +58,17 @@ ...@@ -53,17 +58,17 @@
} }
}, },
"aoColumnDefs": [{ "aoColumnDefs": [{
"targets": "_all", "targets": "_all",
"className": "align-top" "className": "align-top"
},
{
"render": function (data, type, row) {
return "<span style='white-space: nowrap;'>" + data + "</span>";
}, },
{ "targets": 1
"render": function(data, type, row) { }
return "<span style='white-space: nowrap;'>" + data + "</span>";
},
"targets": 1
}
], ],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$("td:eq(0), td:eq(1)", nRow).css({ $("td:eq(0), td:eq(1)", nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '30px' 'width': '30px'
...@@ -86,7 +91,7 @@ ...@@ -86,7 +91,7 @@
} }
} }
}); });
list_data.on('click', 'tbody tr', function(e) { list_data.on('click', 'tbody tr', function (e) {
let row = $(e.currentTarget); let row = $(e.currentTarget);
let id = row.find("[data-in]").data("in") + "_" + row.find("[data-id]").data("id"); let id = row.find("[data-in]").data("in") + "_" + row.find("[data-id]").data("id");
let action = ''; let action = '';
...@@ -137,7 +142,7 @@ ...@@ -137,7 +142,7 @@
url: '<?= route("sales_activity.kanban.list_sales") ?>', url: '<?= route("sales_activity.kanban.list_sales") ?>',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
data: function(params) { data: function (params) {
return { return {
search: params.term, search: params.term,
topic: "log_activity", topic: "log_activity",
...@@ -146,7 +151,7 @@ ...@@ -146,7 +151,7 @@
end: $("#tanggal_selesai").val() end: $("#tanggal_selesai").val()
}; };
}, },
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -164,7 +169,7 @@ ...@@ -164,7 +169,7 @@
url: '<?= route("sales_activity.kanban.list_group") ?>', url: '<?= route("sales_activity.kanban.list_group") ?>',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -174,7 +179,7 @@ ...@@ -174,7 +179,7 @@
minLength: 3 minLength: 3
}); });
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
let mulai = $("#tanggal_mulai").val(); let mulai = $("#tanggal_mulai").val();
let selesai = $("#tanggal_selesai").val(); let selesai = $("#tanggal_selesai").val();
...@@ -183,7 +188,7 @@ ...@@ -183,7 +188,7 @@
let group = $("#group").val() ? $("#group").val() : "all"; let group = $("#group").val() ? $("#group").val() : "all";
if (!pengajuanCheckbox.checked || !disetujuiCheckbox.checked || !ditolakCheckbox.checked) { if (!pengajuanCheckbox.checked || !disetujuiCheckbox.checked || !ditolakCheckbox.checked) {
status = $("input[name='status[]']:checked").map(function() { status = $("input[name='status[]']:checked").map(function () {
return this.value; return this.value;
}).get(); }).get();
status = status.join("_"); status = status.join("_");
...@@ -191,12 +196,12 @@ ...@@ -191,12 +196,12 @@
loading.start(); loading.start();
selected_rows = []; selected_rows = [];
list_data.ajax.url("<?= route('sales_activity.approval_activity.data', ['mulai' => '" + mulai + "', 'selesai' => '" + selesai + "', 'status' => '" + status + "', 'karyawan' => '" + karyawan + "', 'group' => '" + group + "']) ?>").load(function(response, status, xhr) { list_data.ajax.url("<?= route('sales_activity.approval_activity.data', ['mulai' => '" + mulai + "', 'selesai' => '" + selesai + "', 'status' => '" + status + "', 'karyawan' => '" + karyawan + "', 'group' => '" + group + "']) ?>").load(function (response, status, xhr) {
loading.stop(); loading.stop();
}); });
}); });
$("#btn-verify-all").on("click", function(e) { $("#btn-verify-all").on("click", function (e) {
let mulai = $("#tanggal_mulai").val(); let mulai = $("#tanggal_mulai").val();
let selesai = $("#tanggal_selesai").val(); let selesai = $("#tanggal_selesai").val();
let karyawan = $("#karyawan").val() ? $("#karyawan").val() : "all"; let karyawan = $("#karyawan").val() ? $("#karyawan").val() : "all";
...@@ -204,7 +209,7 @@ ...@@ -204,7 +209,7 @@
$.ajax({ $.ajax({
type: "GET", type: "GET",
url: "<?= route('sales_activity.approval_activity.verification.all', ['mulai' => '" + mulai + "', 'selesai' => '" + selesai + "', 'id_karyawan' => '" + karyawan + "']) ?>", url: "<?= route('sales_activity.approval_activity.verification.all', ['mulai' => '" + mulai + "', 'selesai' => '" + selesai + "', 'id_karyawan' => '" + karyawan + "']) ?>",
success: function(data) { success: function (data) {
$("#modal_form .modal-dialog").removeClass("modal-lg"); $("#modal_form .modal-dialog").removeClass("modal-lg");
$("#tampil_form").html(data); $("#tampil_form").html(data);
$("#modal_form").modal("show"); $("#modal_form").modal("show");
...@@ -213,14 +218,14 @@ ...@@ -213,14 +218,14 @@
}); });
}); });
$("#btn-verify-selected").on("click", function(e) { $("#btn-verify-selected").on("click", function (e) {
$.ajax({ $.ajax({
type: "POST", type: "POST",
data: { data: {
selected_rows: selected_rows selected_rows: selected_rows
}, },
url: "<?= route('sales_activity.approval_activity.verification.mass') ?>", url: "<?= route('sales_activity.approval_activity.verification.mass') ?>",
success: function(data) { success: function (data) {
req_token(); req_token();
$("#modal_form .modal-dialog").removeClass("modal-lg"); $("#modal_form .modal-dialog").removeClass("modal-lg");
$("#tampil_form").html(data); $("#tampil_form").html(data);
...@@ -234,7 +239,7 @@ ...@@ -234,7 +239,7 @@
function tanggal() { function tanggal() {
var d = new Date(); var d = new Date();
d.setDate(d.getDate()); d.setDate(d.getDate());
$('.input-daterange input').each(function() { $('.input-daterange input').each(function () {
$(this).datepicker({ $(this).datepicker({
orientation: "bottom", orientation: "bottom",
format: "dd-mm-yyyy", format: "dd-mm-yyyy",
...@@ -248,7 +253,7 @@ ...@@ -248,7 +253,7 @@
var tabel = $(e).data("in"); var tabel = $(e).data("in");
var id = $(e).data("id"); var id = $(e).data("id");
$("#modal_form .modal-dialog").removeClass("modal-lg"); $("#modal_form .modal-dialog").removeClass("modal-lg");
$("#tampil_form").load("<?= route('sales_activity.approval_activity.verification', ['tabel' => '"+ tabel +"', 'id' => '"+ id +"']) ?>", function() { $("#tampil_form").load("<?= route('sales_activity.approval_activity.verification', ['tabel' => '"+ tabel +"', 'id' => '"+ id +"']) ?>", function () {
$("#modal_form").modal("show"); $("#modal_form").modal("show");
$("#modal_form .title").text("Verifikasi"); $("#modal_form .title").text("Verifikasi");
}); });
...@@ -340,7 +345,7 @@ ...@@ -340,7 +345,7 @@
</div> </div>
<div class="col-md-2 btn_filter"></div> <div class="col-md-2 btn_filter"></div>
</div> </div>
<?php if ($this->level_user === '1' || $this->fungsi->cek_adm_satu_grup() == false) : ?> <?php if ($this->level_user === '1' || $this->fungsi->cek_adm_satu_grup() == false): ?>
<div class="row mt-1"> <div class="row mt-1">
<div class="col-md-2"> <div class="col-md-2">
<label>Group</label> <label>Group</label>
...@@ -357,7 +362,7 @@ ...@@ -357,7 +362,7 @@
<hr> <hr>
<div class="table-responsive"> <div class="table-responsive">
<div class="float-md-right"> <div id="data-actions" class="float-md-right">
<button id="btn-verify-all" class="btn btn-light" style="cursor: not-allowed" disabled>Verify All Submission</button> <button id="btn-verify-all" class="btn btn-light" style="cursor: not-allowed" disabled>Verify All Submission</button>
<button id="btn-verify-selected" class="btn btn-light" style="cursor: not-allowed" disabled>Verify Selected Data <span id="row_selected" class="badge bg-white text-dark font-weight-bold" style="width: 45px;">0</span></button> <button id="btn-verify-selected" class="btn btn-light" style="cursor: not-allowed" disabled>Verify Selected Data <span id="row_selected" class="badge bg-white text-dark font-weight-bold" style="width: 45px;">0</span></button>
</div> </div>
...@@ -378,4 +383,4 @@ ...@@ -378,4 +383,4 @@
<tbody> <tbody>
</tbody> </tbody>
</table> </table>
</div> </div>
\ No newline at end of file
...@@ -32,10 +32,10 @@ ...@@ -32,10 +32,10 @@
<input type="text" id="bulan" data-bulan="" class="form-control bg-white" style="cursor: pointer;" autocomplete="off" spellcheck="false" placeholder="Semua Bulan" onchange="onchange_tahun_bulan()" readonly> <input type="text" id="bulan" data-bulan="" class="form-control bg-white" style="cursor: pointer;" autocomplete="off" spellcheck="false" placeholder="Semua Bulan" onchange="onchange_tahun_bulan()" readonly>
<span class="input-close-btn" style="margin-top: 13px">&times;</span> <span class="input-close-btn" style="margin-top: 13px">&times;</span>
</div> </div>
<?php if($this->fungsi->cek_adm_satu_grup() == false) : ?> <?php if ($this->fungsi->cek_adm_satu_grup() == false): ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold"><?=$this->lang->line('group_area'); ?></label> <label class="font-weight-bold"><?= $this->lang->line('group_area'); ?></label>
<select class="form-control" id="id_group_m" style="width: 100%"></select> <select class="form-control" id="id_group_m" style="width: 100%"></select>
</div> </div>
<?php endif; ?> <?php endif; ?>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -71,22 +71,22 @@ ...@@ -71,22 +71,22 @@
</div> </div>
<script> <script>
$(function() { $(function () {
dropdown_tahun(); dropdown_tahun();
dropdown_bulan(); dropdown_bulan();
dropdown_filter_group_area(); dropdown_filter_group_area();
dropdown_product_group(); dropdown_product_group();
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
loading.start(); loading.start();
list_data.ajax.reload(function() { list_data.ajax.reload(function () {
loading.stop(); loading.stop();
}); });
}); });
// Toggle visibility of close button // Toggle visibility of close button
$('.input-close-btn').on('click', function() { $('.input-close-btn').on('click', function () {
$(".filter #bulan").val(""); $(".filter #bulan").val("");
$(".filter #bulan").data("bulan", "") $(".filter #bulan").data("bulan", "")
toggleCloseButton($(".filter #bulan")); toggleCloseButton($(".filter #bulan"));
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
orientation: 'bottom', orientation: 'bottom',
autoclose: true, autoclose: true,
language: '<?= $this->code_lang ?>' language: '<?= $this->code_lang ?>'
}).change(function(e) { }).change(function (e) {
const months = <?= $this->lang->line('array_bulan') ?>; const months = <?= $this->lang->line('array_bulan') ?>;
$(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1)); $(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1));
toggleCloseButton($(e.currentTarget)); toggleCloseButton($(e.currentTarget));
...@@ -130,9 +130,9 @@ ...@@ -130,9 +130,9 @@
$('.filter #bulan').datepicker('setDate', new Date()); $('.filter #bulan').datepicker('setDate', new Date());
} }
function dropdown_filter_group_area(){ function dropdown_filter_group_area() {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
$(".filter #id_group_m").select2({ $(".filter #id_group_m").select2({
placeholder: "Semua Group", placeholder: "Semua Group",
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan, url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan,
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
url: '<?= route("sales_activity.demografi.pelanggan.grup.produk.dropdown.grup.produk") ?>', url: '<?= route("sales_activity.demografi.pelanggan.grup.produk.dropdown.grup.produk") ?>',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
</script> </script>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -186,26 +186,31 @@ ...@@ -186,26 +186,31 @@
'info': true, 'info': true,
'scrollX': true, 'scrollX': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama Group Product' 'searchPlaceholder': 'Nama Group Product'
<?php else : ?> 'searchPlaceholder': 'Group Product Name' <?php else: ?> 'searchPlaceholder': 'Group Product Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.demografi.pelanggan.grup.produk.list.data') ?>", "url": "<?= route('sales_activity.demografi.pelanggan.grup.produk.list.data') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
d.id_product_group_m = $(".filter #id_product_group_m").val() ? $(".filter #id_product_group_m").val() : 'all'; d.id_product_group_m = $(".filter #id_product_group_m").val() ? $(".filter #id_product_group_m").val() : 'all';
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
...@@ -215,7 +220,7 @@ ...@@ -215,7 +220,7 @@
"aTargets": [0], "aTargets": [0],
"bSortable": false "bSortable": false
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -256,15 +261,15 @@ ...@@ -256,15 +261,15 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : ''; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all'; var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all';
var id_product_group_m = $(".filter #id_product_group_m").val() ? $(".filter #id_product_group_m").val() : 'all'; var id_product_group_m = $(".filter #id_product_group_m").val() ? $(".filter #id_product_group_m").val() : 'all';
urlExcel = "<?= route('sales_activity.demografi.pelanggan.grup.produk.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&id_product_group_m=' + id_product_group_m; urlExcel = "<?= route('sales_activity.demografi.pelanggan.grup.produk.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&id_product_group_m=' + id_product_group_m;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
}); });
</script> </script>
\ No newline at end of file
...@@ -32,10 +32,10 @@ ...@@ -32,10 +32,10 @@
<input type="text" id="bulan" data-bulan="" class="form-control bg-white" style="cursor: pointer;" autocomplete="off" spellcheck="false" placeholder="Semua Bulan" onchange="onchange_tahun_bulan()" readonly> <input type="text" id="bulan" data-bulan="" class="form-control bg-white" style="cursor: pointer;" autocomplete="off" spellcheck="false" placeholder="Semua Bulan" onchange="onchange_tahun_bulan()" readonly>
<span class="input-close-btn" style="margin-top: 13px">&times;</span> <span class="input-close-btn" style="margin-top: 13px">&times;</span>
</div> </div>
<?php if($this->fungsi->cek_adm_satu_grup() == false) : ?> <?php if ($this->fungsi->cek_adm_satu_grup() == false): ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold"><?=$this->lang->line('group_area'); ?></label> <label class="font-weight-bold"><?= $this->lang->line('group_area'); ?></label>
<select class="form-control" id="id_group_m" style="width: 100%"></select> <select class="form-control" id="id_group_m" style="width: 100%"></select>
</div> </div>
<?php endif; ?> <?php endif; ?>
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -75,21 +75,21 @@ ...@@ -75,21 +75,21 @@
</div> </div>
<script> <script>
$(function() { $(function () {
dropdown_tahun(); dropdown_tahun();
dropdown_bulan(); dropdown_bulan();
dropdown_filter_group_area(); dropdown_filter_group_area();
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
loading.start(); loading.start();
list_data.ajax.reload(function() { list_data.ajax.reload(function () {
loading.stop(); loading.stop();
}); });
}); });
// Toggle visibility of close button // Toggle visibility of close button
$('.input-close-btn').on('click', function() { $('.input-close-btn').on('click', function () {
$(".filter #bulan").val(""); $(".filter #bulan").val("");
$(".filter #bulan").data("bulan", "") $(".filter #bulan").data("bulan", "")
toggleCloseButton($(".filter #bulan")); toggleCloseButton($(".filter #bulan"));
...@@ -124,7 +124,7 @@ ...@@ -124,7 +124,7 @@
orientation: 'bottom', orientation: 'bottom',
autoclose: true, autoclose: true,
language: '<?= $this->code_lang ?>' language: '<?= $this->code_lang ?>'
}).change(function(e) { }).change(function (e) {
const months = <?= $this->lang->line('array_bulan') ?>; const months = <?= $this->lang->line('array_bulan') ?>;
$(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1)); $(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1));
toggleCloseButton($(e.currentTarget)); toggleCloseButton($(e.currentTarget));
...@@ -133,9 +133,9 @@ ...@@ -133,9 +133,9 @@
$('.filter #bulan').datepicker('setDate', new Date()); $('.filter #bulan').datepicker('setDate', new Date());
} }
function dropdown_filter_group_area(){ function dropdown_filter_group_area() {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
$(".filter #id_group_m").select2({ $(".filter #id_group_m").select2({
placeholder: "Semua Group", placeholder: "Semua Group",
...@@ -144,7 +144,7 @@ ...@@ -144,7 +144,7 @@
url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan, url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan,
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -161,7 +161,7 @@ ...@@ -161,7 +161,7 @@
</script> </script>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -171,26 +171,31 @@ ...@@ -171,26 +171,31 @@
'info': true, 'info': true,
'scrollX': true, 'scrollX': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Jenis Pelanggan' 'searchPlaceholder': 'Jenis Pelanggan'
<?php else : ?> 'searchPlaceholder': 'Customer Type' <?php else: ?> 'searchPlaceholder': 'Customer Type'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.demografi.pelanggan.jenis.pelanggan.list.data') ?>", "url": "<?= route('sales_activity.demografi.pelanggan.jenis.pelanggan.list.data') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
d.jenis_pelanggan = $(".filter #jenis_pelanggan").val() ? $(".filter #jenis_pelanggan").val() : 'all'; d.jenis_pelanggan = $(".filter #jenis_pelanggan").val() ? $(".filter #jenis_pelanggan").val() : 'all';
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
...@@ -200,7 +205,7 @@ ...@@ -200,7 +205,7 @@
"aTargets": [0], "aTargets": [0],
"bSortable": false "bSortable": false
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -241,13 +246,13 @@ ...@@ -241,13 +246,13 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : ''; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all'; var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all';
var jenis_pelanggan = $(".filter #jenis_pelanggan").val() ? $(".filter #jenis_pelanggan").val() : 'all'; var jenis_pelanggan = $(".filter #jenis_pelanggan").val() ? $(".filter #jenis_pelanggan").val() : 'all';
urlExcel = "<?= route('sales_activity.demografi.pelanggan.jenis.pelanggan.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&jenis_pelanggan=' + jenis_pelanggan; urlExcel = "<?= route('sales_activity.demografi.pelanggan.jenis.pelanggan.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&jenis_pelanggan=' + jenis_pelanggan;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
......
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<span class="input-close-btn" style="margin-top: 13px">&times;</span> <span class="input-close-btn" style="margin-top: 13px">&times;</span>
</div> </div>
<?php if($this->fungsi->cek_adm_satu_grup() == false) : ?> <?php if ($this->fungsi->cek_adm_satu_grup() == false): ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold"><?=$this->lang->line('group_area'); ?></label> <label class="font-weight-bold"><?= $this->lang->line('group_area'); ?></label>
<select class="form-control" id="id_group_m" style="width: 100%"></select> <select class="form-control" id="id_group_m" style="width: 100%"></select>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold">Jenis Perorangan</label> <label class="font-weight-bold">Jenis Perorangan</label>
<select class="form-control" id="nama_jenis_perorangan" style="width: 100%"></select> <select class="form-control" id="nama_jenis_perorangan" style="width: 100%"></select>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -71,22 +71,22 @@ ...@@ -71,22 +71,22 @@
</div> </div>
<script> <script>
$(function() { $(function () {
dropdown_tahun(); dropdown_tahun();
dropdown_bulan(); dropdown_bulan();
dropdown_filter_group_area(); dropdown_filter_group_area();
dropdown_jenis_perusahaan(); dropdown_jenis_perusahaan();
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
loading.start(); loading.start();
list_data.ajax.reload(function() { list_data.ajax.reload(function () {
loading.stop(); loading.stop();
}); });
}); });
// Toggle visibility of close button // Toggle visibility of close button
$('.input-close-btn').on('click', function() { $('.input-close-btn').on('click', function () {
$(".filter #bulan").val(""); $(".filter #bulan").val("");
$(".filter #bulan").data("bulan", "") $(".filter #bulan").data("bulan", "")
toggleCloseButton($(".filter #bulan")); toggleCloseButton($(".filter #bulan"));
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
orientation: 'bottom', orientation: 'bottom',
autoclose: true, autoclose: true,
language: '<?= $this->code_lang ?>' language: '<?= $this->code_lang ?>'
}).change(function(e) { }).change(function (e) {
const months = <?= $this->lang->line('array_bulan') ?>; const months = <?= $this->lang->line('array_bulan') ?>;
$(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1)); $(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1));
toggleCloseButton($(e.currentTarget)); toggleCloseButton($(e.currentTarget));
...@@ -130,9 +130,9 @@ ...@@ -130,9 +130,9 @@
$('.filter #bulan').datepicker('setDate', new Date()); $('.filter #bulan').datepicker('setDate', new Date());
} }
function dropdown_filter_group_area(){ function dropdown_filter_group_area() {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
$(".filter #id_group_m").select2({ $(".filter #id_group_m").select2({
placeholder: "Semua Group", placeholder: "Semua Group",
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan, url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan,
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
url: '<?= route("sales_activity.demografi.pelanggan.jenis-perorangan.dropdown.jenis.perorangan") ?>', url: '<?= route("sales_activity.demografi.pelanggan.jenis-perorangan.dropdown.jenis.perorangan") ?>',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
</script> </script>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -186,26 +186,31 @@ ...@@ -186,26 +186,31 @@
'info': true, 'info': true,
'scrollX': true, 'scrollX': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Jenis Perusahaan' 'searchPlaceholder': 'Jenis Perusahaan'
<?php else : ?> 'searchPlaceholder': 'Company Type' <?php else: ?> 'searchPlaceholder': 'Company Type'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.demografi.pelanggan.jenis.perorangan.list.data') ?>", "url": "<?= route('sales_activity.demografi.pelanggan.jenis.perorangan.list.data') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
d.nama_jenis_perorangan = $(".filter #nama_jenis_perorangan").val() ? $(".filter #nama_jenis_perorangan").val() : 'all'; d.nama_jenis_perorangan = $(".filter #nama_jenis_perorangan").val() ? $(".filter #nama_jenis_perorangan").val() : 'all';
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
...@@ -215,7 +220,7 @@ ...@@ -215,7 +220,7 @@
"aTargets": [0], "aTargets": [0],
"bSortable": false "bSortable": false
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -256,15 +261,15 @@ ...@@ -256,15 +261,15 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : ''; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all'; var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all';
var nama_jenis_perorangan = $(".filter #nama_jenis_perorangan").val() ? $(".filter #nama_jenis_perorangan").val() : 'all'; var nama_jenis_perorangan = $(".filter #nama_jenis_perorangan").val() ? $(".filter #nama_jenis_perorangan").val() : 'all';
urlExcel = "<?= route('sales_activity.demografi.pelanggan.jenis.perorangan.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&nama_jenis_perorangan=' + nama_jenis_perorangan; urlExcel = "<?= route('sales_activity.demografi.pelanggan.jenis.perorangan.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&nama_jenis_perorangan=' + nama_jenis_perorangan;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
}); });
</script> </script>
\ No newline at end of file
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<span class="input-close-btn" style="margin-top: 13px">&times;</span> <span class="input-close-btn" style="margin-top: 13px">&times;</span>
</div> </div>
<?php if($this->fungsi->cek_adm_satu_grup() == false) : ?> <?php if ($this->fungsi->cek_adm_satu_grup() == false): ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold"><?=$this->lang->line('group_area'); ?></label> <label class="font-weight-bold"><?= $this->lang->line('group_area'); ?></label>
<select class="form-control" id="id_group_m" style="width: 100%"></select> <select class="form-control" id="id_group_m" style="width: 100%"></select>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold">Jenis Perusahaan</label> <label class="font-weight-bold">Jenis Perusahaan</label>
<select class="form-control" id="nama_jenis_perusahaan" style="width: 100%"></select> <select class="form-control" id="nama_jenis_perusahaan" style="width: 100%"></select>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -71,22 +71,22 @@ ...@@ -71,22 +71,22 @@
</div> </div>
<script> <script>
$(function() { $(function () {
dropdown_tahun(); dropdown_tahun();
dropdown_bulan(); dropdown_bulan();
dropdown_filter_group_area(); dropdown_filter_group_area();
dropdown_jenis_perusahaan(); dropdown_jenis_perusahaan();
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
loading.start(); loading.start();
list_data.ajax.reload(function() { list_data.ajax.reload(function () {
loading.stop(); loading.stop();
}); });
}); });
// Toggle visibility of close button // Toggle visibility of close button
$('.input-close-btn').on('click', function() { $('.input-close-btn').on('click', function () {
$(".filter #bulan").val(""); $(".filter #bulan").val("");
$(".filter #bulan").data("bulan", "") $(".filter #bulan").data("bulan", "")
toggleCloseButton($(".filter #bulan")); toggleCloseButton($(".filter #bulan"));
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
orientation: 'bottom', orientation: 'bottom',
autoclose: true, autoclose: true,
language: '<?= $this->code_lang ?>' language: '<?= $this->code_lang ?>'
}).change(function(e) { }).change(function (e) {
const months = <?= $this->lang->line('array_bulan') ?>; const months = <?= $this->lang->line('array_bulan') ?>;
$(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1)); $(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1));
toggleCloseButton($(e.currentTarget)); toggleCloseButton($(e.currentTarget));
...@@ -130,9 +130,9 @@ ...@@ -130,9 +130,9 @@
$('.filter #bulan').datepicker('setDate', new Date()); $('.filter #bulan').datepicker('setDate', new Date());
} }
function dropdown_filter_group_area(){ function dropdown_filter_group_area() {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
$(".filter #id_group_m").select2({ $(".filter #id_group_m").select2({
placeholder: "Semua Group", placeholder: "Semua Group",
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan, url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan,
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
url: '<?= route("sales_activity.demografi.pelanggan.jenis-perusahaan.dropdown.jenis.perusahaan") ?>', url: '<?= route("sales_activity.demografi.pelanggan.jenis-perusahaan.dropdown.jenis.perusahaan") ?>',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
</script> </script>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -186,26 +186,31 @@ ...@@ -186,26 +186,31 @@
'info': true, 'info': true,
'scrollX': true, 'scrollX': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Jenis Perusahaan' 'searchPlaceholder': 'Jenis Perusahaan'
<?php else : ?> 'searchPlaceholder': 'Company Type' <?php else: ?> 'searchPlaceholder': 'Company Type'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.demografi.pelanggan.jenis.perusahaan.list.data') ?>", "url": "<?= route('sales_activity.demografi.pelanggan.jenis.perusahaan.list.data') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : ''; d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '';
d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
d.nama_jenis_perusahaan = $(".filter #nama_jenis_perusahaan").val() ? $(".filter #nama_jenis_perusahaan").val() : 'all'; d.nama_jenis_perusahaan = $(".filter #nama_jenis_perusahaan").val() ? $(".filter #nama_jenis_perusahaan").val() : 'all';
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
...@@ -215,7 +220,7 @@ ...@@ -215,7 +220,7 @@
"aTargets": [0], "aTargets": [0],
"bSortable": false "bSortable": false
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -256,15 +261,15 @@ ...@@ -256,15 +261,15 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : ''; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all'; var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all';
var nama_jenis_perusahaan = $(".filter #nama_jenis_perusahaan").val() ? $(".filter #nama_jenis_perusahaan").val() : 'all'; var nama_jenis_perusahaan = $(".filter #nama_jenis_perusahaan").val() ? $(".filter #nama_jenis_perusahaan").val() : 'all';
urlExcel = "<?= route('sales_activity.demografi.pelanggan.jenis.perusahaan.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&nama_jenis_perusahaan=' + nama_jenis_perusahaan; urlExcel = "<?= route('sales_activity.demografi.pelanggan.jenis.perusahaan.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&nama_jenis_perusahaan=' + nama_jenis_perusahaan;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
}); });
</script> </script>
\ No newline at end of file
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<span class="input-close-btn" style="margin-top: 13px">&times;</span> <span class="input-close-btn" style="margin-top: 13px">&times;</span>
</div> </div>
<?php if($this->fungsi->cek_adm_satu_grup() == false) : ?> <?php if ($this->fungsi->cek_adm_satu_grup() == false): ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold"><?=$this->lang->line('group_area'); ?></label> <label class="font-weight-bold"><?= $this->lang->line('group_area'); ?></label>
<select class="form-control" id="id_group_m" style="width: 100%"></select> <select class="form-control" id="id_group_m" style="width: 100%"></select>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="col-md-1 align-self-end"> <div class="col-md-1 align-self-end">
<button type="button" id="btn_filter" class="ladda-button btn btn-primary" data-style="expand-left">FILTER</button> <button type="button" id="btn_filter" class="ladda-button btn btn-primary" data-style="expand-left">FILTER</button>
</div> </div>
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -68,21 +68,21 @@ ...@@ -68,21 +68,21 @@
</div> </div>
<script> <script>
$(function() { $(function () {
dropdown_tahun(); dropdown_tahun();
dropdown_bulan(); dropdown_bulan();
dropdown_filter_group_area() dropdown_filter_group_area()
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
loading.start(); loading.start();
list_data.ajax.reload(function() { list_data.ajax.reload(function () {
loading.stop(); loading.stop();
}); });
}); });
// Toggle visibility of close button // Toggle visibility of close button
$('.input-close-btn').on('click', function() { $('.input-close-btn').on('click', function () {
$(".filter #bulan").val(""); $(".filter #bulan").val("");
$(".filter #bulan").data("bulan", "") $(".filter #bulan").data("bulan", "")
toggleCloseButton($(".filter #bulan")); toggleCloseButton($(".filter #bulan"));
...@@ -117,7 +117,7 @@ ...@@ -117,7 +117,7 @@
orientation: 'bottom', orientation: 'bottom',
autoclose: true, autoclose: true,
language: '<?= $this->code_lang ?>' language: '<?= $this->code_lang ?>'
}).change(function(e) { }).change(function (e) {
const months = <?= $this->lang->line('array_bulan') ?>; const months = <?= $this->lang->line('array_bulan') ?>;
$(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1)); $(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1));
toggleCloseButton($(e.currentTarget)); toggleCloseButton($(e.currentTarget));
...@@ -126,7 +126,7 @@ ...@@ -126,7 +126,7 @@
$('.filter #bulan').datepicker('setDate', new Date()); $('.filter #bulan').datepicker('setDate', new Date());
} }
function dropdown_filter_group_area(){ function dropdown_filter_group_area() {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan, url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan,
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -154,7 +154,7 @@ ...@@ -154,7 +154,7 @@
</script> </script>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': true, 'searching': true,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -164,25 +164,31 @@ ...@@ -164,25 +164,31 @@
'info': true, 'info': true,
'scrollX': true, 'scrollX': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama Pelanggan' 'searchPlaceholder': 'Nama Pelanggan'
<?php else : ?> 'searchPlaceholder': 'Customer Name' <?php else: ?> 'searchPlaceholder': 'Customer Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
"search",
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.demografi.pelanggan.nama.pelanggan.list.data') ?>", "url": "<?= route('sales_activity.demografi.pelanggan.nama.pelanggan.list.data') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
...@@ -192,7 +198,7 @@ ...@@ -192,7 +198,7 @@
"aTargets": [0], "aTargets": [0],
"bSortable": false "bSortable": false
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -233,9 +239,9 @@ ...@@ -233,9 +239,9 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all'; var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all';
...@@ -243,4 +249,4 @@ ...@@ -243,4 +249,4 @@
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
}); });
</script> </script>
\ No newline at end of file
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<span class="input-close-btn" style="margin-top: 13px">&times;</span> <span class="input-close-btn" style="margin-top: 13px">&times;</span>
</div> </div>
<?php if($this->fungsi->cek_adm_satu_grup() == false) : ?> <?php if ($this->fungsi->cek_adm_satu_grup() == false): ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold"><?=$this->lang->line('group_area'); ?></label> <label class="font-weight-bold"><?= $this->lang->line('group_area'); ?></label>
<select class="form-control" id="id_group_m" style="width: 100%"></select> <select class="form-control" id="id_group_m" style="width: 100%"></select>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold">Product</label> <label class="font-weight-bold">Product</label>
<select class="form-control" id="id_product_m" style="width: 100%"></select> <select class="form-control" id="id_product_m" style="width: 100%"></select>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -71,22 +71,22 @@ ...@@ -71,22 +71,22 @@
</div> </div>
<script> <script>
$(function() { $(function () {
dropdown_tahun(); dropdown_tahun();
dropdown_bulan(); dropdown_bulan();
dropdown_filter_group_area(); dropdown_filter_group_area();
dropdown_product(); dropdown_product();
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
loading.start(); loading.start();
list_data.ajax.reload(function() { list_data.ajax.reload(function () {
loading.stop(); loading.stop();
}); });
}); });
// Toggle visibility of close button // Toggle visibility of close button
$('.input-close-btn').on('click', function() { $('.input-close-btn').on('click', function () {
$(".filter #bulan").val(""); $(".filter #bulan").val("");
$(".filter #bulan").data("bulan", "") $(".filter #bulan").data("bulan", "")
toggleCloseButton($(".filter #bulan")); toggleCloseButton($(".filter #bulan"));
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
orientation: 'bottom', orientation: 'bottom',
autoclose: true, autoclose: true,
language: '<?= $this->code_lang ?>' language: '<?= $this->code_lang ?>'
}).change(function(e) { }).change(function (e) {
const months = <?= $this->lang->line('array_bulan') ?>; const months = <?= $this->lang->line('array_bulan') ?>;
$(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1)); $(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1));
toggleCloseButton($(e.currentTarget)); toggleCloseButton($(e.currentTarget));
...@@ -130,9 +130,9 @@ ...@@ -130,9 +130,9 @@
$('.filter #bulan').datepicker('setDate', new Date()); $('.filter #bulan').datepicker('setDate', new Date());
} }
function dropdown_filter_group_area(){ function dropdown_filter_group_area() {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
$(".filter #id_group_m").select2({ $(".filter #id_group_m").select2({
placeholder: "Semua Group", placeholder: "Semua Group",
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan, url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan,
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
url: '<?= route("sales_activity.demografi.pelanggan.product.dropdown.product") ?>', url: '<?= route("sales_activity.demografi.pelanggan.product.dropdown.product") ?>',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
</script> </script>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -186,26 +186,31 @@ ...@@ -186,26 +186,31 @@
'info': true, 'info': true,
'scrollX': true, 'scrollX': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama Product' 'searchPlaceholder': 'Nama Product'
<?php else : ?> 'searchPlaceholder': 'Product Name' <?php else: ?> 'searchPlaceholder': 'Product Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.demografi.pelanggan.product.list.data') ?>", "url": "<?= route('sales_activity.demografi.pelanggan.product.list.data') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
d.id_product_m = $(".filter #id_product_m").val() ? $(".filter #id_product_m").val() : 'all'; d.id_product_m = $(".filter #id_product_m").val() ? $(".filter #id_product_m").val() : 'all';
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
...@@ -215,7 +220,7 @@ ...@@ -215,7 +220,7 @@
"aTargets": [0], "aTargets": [0],
"bSortable": false "bSortable": false
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -256,15 +261,15 @@ ...@@ -256,15 +261,15 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '00'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '00';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : '0000'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : '0000';
var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all'; var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all';
var id_product_m = $(".filter #id_product_m").val() ? $(".filter #id_product_m").val() : 'all'; var id_product_m = $(".filter #id_product_m").val() ? $(".filter #id_product_m").val() : 'all';
urlExcel = "<?= route('sales_activity.demografi.pelanggan.product.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&id_product_m=' + id_product_m; urlExcel = "<?= route('sales_activity.demografi.pelanggan.product.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&id_product_m=' + id_product_m;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
}); });
</script> </script>
\ No newline at end of file
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<span class="input-close-btn" style="margin-top: 13px">&times;</span> <span class="input-close-btn" style="margin-top: 13px">&times;</span>
</div> </div>
<?php if($this->fungsi->cek_adm_satu_grup() == false) : ?> <?php if ($this->fungsi->cek_adm_satu_grup() == false): ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold"><?=$this->lang->line('group_area'); ?></label> <label class="font-weight-bold"><?= $this->lang->line('group_area'); ?></label>
<select class="form-control" id="id_group_m" style="width: 100%"></select> <select class="form-control" id="id_group_m" style="width: 100%"></select>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold">Source</label> <label class="font-weight-bold">Source</label>
<select class="form-control" id="source" style="width: 100%"></select> <select class="form-control" id="source" style="width: 100%"></select>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -71,22 +71,22 @@ ...@@ -71,22 +71,22 @@
</div> </div>
<script> <script>
$(function() { $(function () {
dropdown_tahun(); dropdown_tahun();
dropdown_bulan(); dropdown_bulan();
dropdown_source(); dropdown_source();
dropdown_filter_group_area(); dropdown_filter_group_area();
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
loading.start(); loading.start();
list_data.ajax.reload(function() { list_data.ajax.reload(function () {
loading.stop(); loading.stop();
}); });
}); });
// Toggle visibility of close button // Toggle visibility of close button
$('.input-close-btn').on('click', function() { $('.input-close-btn').on('click', function () {
$(".filter #bulan").val(""); $(".filter #bulan").val("");
$(".filter #bulan").data("bulan", "") $(".filter #bulan").data("bulan", "")
toggleCloseButton($(".filter #bulan")); toggleCloseButton($(".filter #bulan"));
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
orientation: 'bottom', orientation: 'bottom',
autoclose: true, autoclose: true,
language: '<?= $this->code_lang ?>' language: '<?= $this->code_lang ?>'
}).change(function(e) { }).change(function (e) {
const months = <?= $this->lang->line('array_bulan') ?>; const months = <?= $this->lang->line('array_bulan') ?>;
$(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1)); $(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1));
toggleCloseButton($(e.currentTarget)); toggleCloseButton($(e.currentTarget));
...@@ -129,10 +129,10 @@ ...@@ -129,10 +129,10 @@
$('.filter #bulan').datepicker('setDate', new Date()); $('.filter #bulan').datepicker('setDate', new Date());
} }
function dropdown_filter_group_area(){ function dropdown_filter_group_area() {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
$(".filter #id_group_m").select2({ $(".filter #id_group_m").select2({
placeholder: "Semua Group", placeholder: "Semua Group",
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan, url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan,
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
url: '<?= route("sales_activity.demografi.pelanggan.source.dropdown.lead.source") ?>', url: '<?= route("sales_activity.demografi.pelanggan.source.dropdown.lead.source") ?>',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
</script> </script>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -186,26 +186,31 @@ ...@@ -186,26 +186,31 @@
'info': true, 'info': true,
'scrollX': true, 'scrollX': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama Source' 'searchPlaceholder': 'Nama Source'
<?php else : ?> 'searchPlaceholder': 'Source Name' <?php else: ?> 'searchPlaceholder': 'Source Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.demografi.pelanggan.source.list.data') ?>", "url": "<?= route('sales_activity.demografi.pelanggan.source.list.data') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
d.source = $(".filter #source").val() ? $(".filter #source").val() : 'all'; d.source = $(".filter #source").val() ? $(".filter #source").val() : 'all';
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
...@@ -215,7 +220,7 @@ ...@@ -215,7 +220,7 @@
"aTargets": [0], "aTargets": [0],
"bSortable": false "bSortable": false
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -256,15 +261,15 @@ ...@@ -256,15 +261,15 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all'; var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all';
var source = $(".filter #source").val() ? $(".filter #source").val() : 'all'; var source = $(".filter #source").val() ? $(".filter #source").val() : 'all';
urlExcel = "<?= route('sales_activity.demografi.pelanggan.source.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&source=' + source; urlExcel = "<?= route('sales_activity.demografi.pelanggan.source.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&source=' + source;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
}); });
</script> </script>
\ No newline at end of file
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<span class="input-close-btn" style="margin-top: 13px">&times;</span> <span class="input-close-btn" style="margin-top: 13px">&times;</span>
</div> </div>
<?php if($this->fungsi->cek_adm_satu_grup() == false) : ?> <?php if ($this->fungsi->cek_adm_satu_grup() == false): ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold"><?=$this->lang->line('group_area'); ?></label> <label class="font-weight-bold"><?= $this->lang->line('group_area'); ?></label>
<select class="form-control" id="id_group_m" style="width: 100%"></select> <select class="form-control" id="id_group_m" style="width: 100%"></select>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold">Kecamatan</label> <label class="font-weight-bold">Kecamatan</label>
<select class="form-control" id="kecamatan" style="width: 100%"></select> <select class="form-control" id="kecamatan" style="width: 100%"></select>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -71,22 +71,22 @@ ...@@ -71,22 +71,22 @@
</div> </div>
<script> <script>
$(function() { $(function () {
dropdown_tahun(); dropdown_tahun();
dropdown_bulan(); dropdown_bulan();
dropdown_kecamatan(); dropdown_kecamatan();
dropdown_filter_group_area(); dropdown_filter_group_area();
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
loading.start(); loading.start();
list_data.ajax.reload(function() { list_data.ajax.reload(function () {
loading.stop(); loading.stop();
}); });
}); });
// Toggle visibility of close button // Toggle visibility of close button
$('.input-close-btn').on('click', function() { $('.input-close-btn').on('click', function () {
$(".filter #bulan").val(""); $(".filter #bulan").val("");
$(".filter #bulan").data("bulan", "") $(".filter #bulan").data("bulan", "")
toggleCloseButton($(".filter #bulan")); toggleCloseButton($(".filter #bulan"));
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
orientation: 'bottom', orientation: 'bottom',
autoclose: true, autoclose: true,
language: '<?= $this->code_lang ?>' language: '<?= $this->code_lang ?>'
}).change(function(e) { }).change(function (e) {
const months = <?= $this->lang->line('array_bulan') ?>; const months = <?= $this->lang->line('array_bulan') ?>;
$(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1)); $(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1));
toggleCloseButton($(e.currentTarget)); toggleCloseButton($(e.currentTarget));
...@@ -130,9 +130,9 @@ ...@@ -130,9 +130,9 @@
$('.filter #bulan').datepicker('setDate', new Date()); $('.filter #bulan').datepicker('setDate', new Date());
} }
function dropdown_filter_group_area(){ function dropdown_filter_group_area() {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
$(".filter #id_group_m").select2({ $(".filter #id_group_m").select2({
placeholder: "Semua Group", placeholder: "Semua Group",
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan, url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan,
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
url: '<?= route("sales_activity.demografi.pelanggan.kecamatan.dropdown.kecamatan") ?>', url: '<?= route("sales_activity.demografi.pelanggan.kecamatan.dropdown.kecamatan") ?>',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
</script> </script>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -186,26 +186,31 @@ ...@@ -186,26 +186,31 @@
'info': true, 'info': true,
'scrollX': true, 'scrollX': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama Kecamatan' 'searchPlaceholder': 'Nama Kecamatan'
<?php else : ?> 'searchPlaceholder': 'City Name' <?php else: ?> 'searchPlaceholder': 'City Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.demografi.pelanggan.kecamatan.list.data') ?>", "url": "<?= route('sales_activity.demografi.pelanggan.kecamatan.list.data') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
d.kecamatan = $(".filter #kecamatan").val() ? $(".filter #kecamatan").val() : 'all'; d.kecamatan = $(".filter #kecamatan").val() ? $(".filter #kecamatan").val() : 'all';
d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
...@@ -217,7 +222,7 @@ ...@@ -217,7 +222,7 @@
"bSortable": false "bSortable": false
}, },
], ],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -254,18 +259,18 @@ ...@@ -254,18 +259,18 @@
'border-right': '1px solid #fff' 'border-right': '1px solid #fff'
}); });
} }
}else{ } else {
} }
} }
}); });
$("#download").click(function() { $("#download").click(function () {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : 'all'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : 'all';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : '0000'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : '0000';
var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all'; var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all';
var kecamatan = $(".filter #kecamatan").val() ? $(".filter #kecamatan").val() : 'all'; var kecamatan = $(".filter #kecamatan").val() ? $(".filter #kecamatan").val() : 'all';
urlExcel = "<?= route('sales_activity.demografi.pelanggan.kecamatan.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + id_group_m + '&nama_group=' + nama_group + '&kecamatan=' + kecamatan; urlExcel = "<?= route('sales_activity.demografi.pelanggan.kecamatan.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + id_group_m + '&nama_group=' + nama_group + '&kecamatan=' + kecamatan;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
......
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<span class="input-close-btn" style="margin-top: 13px">&times;</span> <span class="input-close-btn" style="margin-top: 13px">&times;</span>
</div> </div>
<?php if($this->fungsi->cek_adm_satu_grup() == false) : ?> <?php if ($this->fungsi->cek_adm_satu_grup() == false): ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold"><?=$this->lang->line('group_area'); ?></label> <label class="font-weight-bold"><?= $this->lang->line('group_area'); ?></label>
<select class="form-control" id="id_group_m" style="width: 100%"></select> <select class="form-control" id="id_group_m" style="width: 100%"></select>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold">Kelurahan</label> <label class="font-weight-bold">Kelurahan</label>
<select class="form-control" id="kelurahan" style="width: 100%"></select> <select class="form-control" id="kelurahan" style="width: 100%"></select>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -71,22 +71,22 @@ ...@@ -71,22 +71,22 @@
</div> </div>
<script> <script>
$(function() { $(function () {
dropdown_tahun(); dropdown_tahun();
dropdown_bulan(); dropdown_bulan();
dropdown_kelurahan(); dropdown_kelurahan();
dropdown_filter_group_area(); dropdown_filter_group_area();
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
loading.start(); loading.start();
list_data.ajax.reload(function() { list_data.ajax.reload(function () {
loading.stop(); loading.stop();
}); });
}); });
// Toggle visibility of close button // Toggle visibility of close button
$('.input-close-btn').on('click', function() { $('.input-close-btn').on('click', function () {
$(".filter #bulan").val(""); $(".filter #bulan").val("");
$(".filter #bulan").data("bulan", "") $(".filter #bulan").data("bulan", "")
toggleCloseButton($(".filter #bulan")); toggleCloseButton($(".filter #bulan"));
...@@ -112,9 +112,9 @@ ...@@ -112,9 +112,9 @@
}); });
} }
function dropdown_filter_group_area(){ function dropdown_filter_group_area() {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
$(".filter #id_group_m").select2({ $(".filter #id_group_m").select2({
placeholder: "Semua Group", placeholder: "Semua Group",
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan, url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan,
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -147,7 +147,7 @@ ...@@ -147,7 +147,7 @@
orientation: 'bottom', orientation: 'bottom',
autoclose: true, autoclose: true,
language: '<?= $this->code_lang ?>' language: '<?= $this->code_lang ?>'
}).change(function(e) { }).change(function (e) {
const months = <?= $this->lang->line('array_bulan') ?>; const months = <?= $this->lang->line('array_bulan') ?>;
$(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1)); $(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1));
toggleCloseButton($(e.currentTarget)); toggleCloseButton($(e.currentTarget));
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
url: '<?= route("sales_activity.demografi.pelanggan.kelurahan.dropdown.kelurahan") ?>', url: '<?= route("sales_activity.demografi.pelanggan.kelurahan.dropdown.kelurahan") ?>',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
</script> </script>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -186,26 +186,31 @@ ...@@ -186,26 +186,31 @@
'info': true, 'info': true,
'scrollX': true, 'scrollX': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama Kelurahan' 'searchPlaceholder': 'Nama Kelurahan'
<?php else : ?> 'searchPlaceholder': 'City Name' <?php else: ?> 'searchPlaceholder': 'City Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.demografi.pelanggan.kelurahan.list.data') ?>", "url": "<?= route('sales_activity.demografi.pelanggan.kelurahan.list.data') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
d.kelurahan = $(".filter #kelurahan").val() ? $(".filter #kelurahan").val() : 'all'; d.kelurahan = $(".filter #kelurahan").val() ? $(".filter #kelurahan").val() : 'all';
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
...@@ -215,7 +220,7 @@ ...@@ -215,7 +220,7 @@
"aTargets": [0], "aTargets": [0],
"bSortable": false "bSortable": false
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -256,15 +261,15 @@ ...@@ -256,15 +261,15 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all'; var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all';
var kelurahan = $(".filter #kelurahan").val() ? $(".filter #kelurahan").val() : 'all'; var kelurahan = $(".filter #kelurahan").val() ? $(".filter #kelurahan").val() : 'all';
urlExcel = "<?= route('sales_activity.demografi.pelanggan.kelurahan.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&kelurahan=' + kelurahan; urlExcel = "<?= route('sales_activity.demografi.pelanggan.kelurahan.download') ?>" + '?tahun=' + tahun + '&bulan=' + bulan + '&id_group_m=' + id_group_m + '&nama_group=' + nama_group + '&kelurahan=' + kelurahan;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
}); });
</script> </script>
\ No newline at end of file
...@@ -32,10 +32,10 @@ ...@@ -32,10 +32,10 @@
<input type="text" id="bulan" data-bulan="" class="form-control bg-white" style="cursor: pointer;" autocomplete="off" spellcheck="false" placeholder="Semua Bulan" onchange="onchange_tahun_bulan()" readonly> <input type="text" id="bulan" data-bulan="" class="form-control bg-white" style="cursor: pointer;" autocomplete="off" spellcheck="false" placeholder="Semua Bulan" onchange="onchange_tahun_bulan()" readonly>
<span class="input-close-btn" style="margin-top: 13px">&times;</span> <span class="input-close-btn" style="margin-top: 13px">&times;</span>
</div> </div>
<?php if($this->fungsi->cek_adm_satu_grup() == false) : ?> <?php if ($this->fungsi->cek_adm_satu_grup() == false): ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold"><?=$this->lang->line('group_area'); ?></label> <label class="font-weight-bold"><?= $this->lang->line('group_area'); ?></label>
<select class="form-control" id="id_group_m" style="width: 100%"></select> <select class="form-control" id="id_group_m" style="width: 100%"></select>
</div> </div>
<?php endif; ?> <?php endif; ?>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -71,22 +71,22 @@ ...@@ -71,22 +71,22 @@
</div> </div>
<script> <script>
$(function() { $(function () {
dropdown_tahun(); dropdown_tahun();
dropdown_bulan(); dropdown_bulan();
dropdown_kota(); dropdown_kota();
dropdown_filter_group_area(); dropdown_filter_group_area();
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
loading.start(); loading.start();
list_data.ajax.reload(function() { list_data.ajax.reload(function () {
loading.stop(); loading.stop();
}); });
}); });
// Toggle visibility of close button // Toggle visibility of close button
$('.input-close-btn').on('click', function() { $('.input-close-btn').on('click', function () {
$(".filter #bulan").val(""); $(".filter #bulan").val("");
$(".filter #bulan").data("bulan", "") $(".filter #bulan").data("bulan", "")
toggleCloseButton($(".filter #bulan")); toggleCloseButton($(".filter #bulan"));
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
orientation: 'bottom', orientation: 'bottom',
autoclose: true, autoclose: true,
language: '<?= $this->code_lang ?>' language: '<?= $this->code_lang ?>'
}).change(function(e) { }).change(function (e) {
const months = <?= $this->lang->line('array_bulan') ?>; const months = <?= $this->lang->line('array_bulan') ?>;
$(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1)); $(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1));
toggleCloseButton($(e.currentTarget)); toggleCloseButton($(e.currentTarget));
...@@ -130,9 +130,9 @@ ...@@ -130,9 +130,9 @@
$('.filter #bulan').datepicker('setDate', new Date()); $('.filter #bulan').datepicker('setDate', new Date());
} }
function dropdown_filter_group_area(){ function dropdown_filter_group_area() {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
$(".filter #id_group_m").select2({ $(".filter #id_group_m").select2({
placeholder: "Semua Group", placeholder: "Semua Group",
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan, url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan,
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
url: '<?= route("sales_activity.demografi.pelanggan.kota.dropdown.kota") ?>', url: '<?= route("sales_activity.demografi.pelanggan.kota.dropdown.kota") ?>',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
</script> </script>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -186,26 +186,31 @@ ...@@ -186,26 +186,31 @@
'info': true, 'info': true,
'scrollX': true, 'scrollX': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama Kota' 'searchPlaceholder': 'Nama Kota'
<?php else : ?> 'searchPlaceholder': 'City Name' <?php else: ?> 'searchPlaceholder': 'City Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.demografi.pelanggan.kota.list.data') ?>", "url": "<?= route('sales_activity.demografi.pelanggan.kota.list.data') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
d.kota = $(".filter #kota").val() ? $(".filter #kota").val() : 'all'; d.kota = $(".filter #kota").val() ? $(".filter #kota").val() : 'all';
d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
...@@ -215,7 +220,7 @@ ...@@ -215,7 +220,7 @@
"aTargets": [0], "aTargets": [0],
"bSortable": false "bSortable": false
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -256,10 +261,10 @@ ...@@ -256,10 +261,10 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
var kota = $(".filter #kota").val() ? $(".filter #kota").val() : 'all'; var kota = $(".filter #kota").val() ? $(".filter #kota").val() : 'all';
var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all'; var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all';
...@@ -267,4 +272,4 @@ ...@@ -267,4 +272,4 @@
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
}); });
</script> </script>
\ No newline at end of file
...@@ -33,13 +33,13 @@ ...@@ -33,13 +33,13 @@
<span class="input-close-btn" style="margin-top: 13px">&times;</span> <span class="input-close-btn" style="margin-top: 13px">&times;</span>
</div> </div>
<?php if($this->fungsi->cek_adm_satu_grup() == false) : ?> <?php if ($this->fungsi->cek_adm_satu_grup() == false): ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold"><?=$this->lang->line('group_area'); ?></label> <label class="font-weight-bold"><?= $this->lang->line('group_area'); ?></label>
<select class="form-control" id="id_group_m" style="width: 100%"></select> <select class="form-control" id="id_group_m" style="width: 100%"></select>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="col-md-3"> <div class="col-md-3">
<label class="font-weight-bold">Provinsi</label> <label class="font-weight-bold">Provinsi</label>
<select class="form-control" id="provinsi" style="width: 100%"></select> <select class="form-control" id="provinsi" style="width: 100%"></select>
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -71,22 +71,22 @@ ...@@ -71,22 +71,22 @@
</div> </div>
<script> <script>
$(function() { $(function () {
dropdown_tahun(); dropdown_tahun();
dropdown_bulan(); dropdown_bulan();
dropdown_provinsi(); dropdown_provinsi();
dropdown_filter_group_area(); dropdown_filter_group_area();
$("#btn_filter").on("click", function() { $("#btn_filter").on("click", function () {
var loading = Ladda.create(this); var loading = Ladda.create(this);
loading.start(); loading.start();
list_data.ajax.reload(function() { list_data.ajax.reload(function () {
loading.stop(); loading.stop();
}); });
}); });
// Toggle visibility of close button // Toggle visibility of close button
$('.input-close-btn').on('click', function() { $('.input-close-btn').on('click', function () {
$(".filter #bulan").val(""); $(".filter #bulan").val("");
$(".filter #bulan").data("bulan", "") $(".filter #bulan").data("bulan", "")
toggleCloseButton($(".filter #bulan")); toggleCloseButton($(".filter #bulan"));
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
orientation: 'bottom', orientation: 'bottom',
autoclose: true, autoclose: true,
language: '<?= $this->code_lang ?>' language: '<?= $this->code_lang ?>'
}).change(function(e) { }).change(function (e) {
const months = <?= $this->lang->line('array_bulan') ?>; const months = <?= $this->lang->line('array_bulan') ?>;
$(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1)); $(e.currentTarget).data("bulan", (months.indexOf(e.currentTarget.value) + 1));
toggleCloseButton($(e.currentTarget)); toggleCloseButton($(e.currentTarget));
...@@ -130,9 +130,9 @@ ...@@ -130,9 +130,9 @@
$('.filter #bulan').datepicker('setDate', new Date()); $('.filter #bulan').datepicker('setDate', new Date());
} }
function dropdown_filter_group_area(){ function dropdown_filter_group_area() {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
$(".filter #id_group_m").select2({ $(".filter #id_group_m").select2({
placeholder: "Semua Group", placeholder: "Semua Group",
...@@ -141,7 +141,7 @@ ...@@ -141,7 +141,7 @@
url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan, url: '<?= route("sales_activity.demografi.dropdown.group.area") ?>' + '?tahun=' + tahun + '&bulan=' + bulan,
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -164,7 +164,7 @@ ...@@ -164,7 +164,7 @@
url: '<?= route("dropdown.provinsi") ?>', url: '<?= route("dropdown.provinsi") ?>',
dataType: 'json', dataType: 'json',
delay: 250, delay: 250,
processResults: function(data) { processResults: function (data) {
return { return {
results: data results: data
}; };
...@@ -176,7 +176,7 @@ ...@@ -176,7 +176,7 @@
</script> </script>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -186,26 +186,31 @@ ...@@ -186,26 +186,31 @@
'info': true, 'info': true,
'scrollX': true, 'scrollX': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama Provinsi' 'searchPlaceholder': 'Nama Provinsi'
<?php else : ?> 'searchPlaceholder': 'Province Name' <?php else: ?> 'searchPlaceholder': 'Province Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.demografi.pelanggan.provinsi.list.data') ?>", "url": "<?= route('sales_activity.demografi.pelanggan.provinsi.list.data') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; d.tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; d.bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; d.id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
d.provinsi = $(".filter #provinsi").val() ? $(".filter #provinsi").val() : 'all'; d.provinsi = $(".filter #provinsi").val() ? $(".filter #provinsi").val() : 'all';
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
...@@ -215,7 +220,7 @@ ...@@ -215,7 +220,7 @@
"aTargets": [0], "aTargets": [0],
"bSortable": false "bSortable": false
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -256,10 +261,10 @@ ...@@ -256,10 +261,10 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000'; var tahun = $(".filter #tahun").val() ? $(".filter #tahun").val() : '0000';
var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all'; var bulan = $(".filter #bulan").data("bulan") ? $(".filter #bulan").data("bulan") : 'all';
var provinsi = $(".filter #provinsi").val() ? $(".filter #provinsi").val() : 'all'; var provinsi = $(".filter #provinsi").val() ? $(".filter #provinsi").val() : 'all';
var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all'; var id_group_m = $(".filter #id_group_m").val() ? $(".filter #id_group_m").val() : 'all';
var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all'; var nama_group = $(".filter #id_group_m").val() ? $(".filter #id_group_m").select2('data')[0]['nama_group'] : 'all';
...@@ -267,4 +272,4 @@ ...@@ -267,4 +272,4 @@
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
}); });
</script> </script>
\ No newline at end of file
<div class="table-responsive mt-2"> <div class="table-responsive mt-2">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
</div> </div>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -36,38 +36,43 @@ ...@@ -36,38 +36,43 @@
leftColumns: 2 leftColumns: 2
}, },
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama karyawan' 'searchPlaceholder': 'Nama karyawan'
<?php else : ?> 'searchPlaceholder': 'Employees Name' <?php else: ?> 'searchPlaceholder': 'Employees Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.report.aktivitas.data.list') ?>", "url": "<?= route('sales_activity.report.aktivitas.data.list') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.periode_mulai = $(".filter #periode_mulai").val(); d.periode_mulai = $(".filter #periode_mulai").val();
d.periode_selesai = $(".filter #periode_selesai").val(); d.periode_selesai = $(".filter #periode_selesai").val();
d.id_group = !$(".filter #id_group").val()?'all':$(".filter #id_group").val(); d.id_group = !$(".filter #id_group").val() ? 'all' : $(".filter #id_group").val();
d.id_karyawan = !$(".filter #id_karyawan").val()?'all':$(".filter #id_karyawan").val(); d.id_karyawan = !$(".filter #id_karyawan").val() ? 'all' : $(".filter #id_karyawan").val();
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
} }
}, },
"aoColumnDefs": [{ "aoColumnDefs": [{
render: function(data, type, full, meta) { render: function (data, type, full, meta) {
return "<div style='text-wrap:wrap !important; width:200px'>" + data + "</div>"; return "<div style='text-wrap:wrap !important; width:200px'>" + data + "</div>";
}, },
targets: 1 targets: 1
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -107,23 +112,23 @@ ...@@ -107,23 +112,23 @@
}, },
}); });
$("#download").click(function() { $("#download").click(function () {
let periode_mulai = $(".filter #periode_mulai").val(); let periode_mulai = $(".filter #periode_mulai").val();
let periode_selesai = $(".filter #periode_selesai").val(); let periode_selesai = $(".filter #periode_selesai").val();
let id_group = !$(".filter #id_group").val()?'all':$(".filter #id_group").val(); let id_group = !$(".filter #id_group").val() ? 'all' : $(".filter #id_group").val();
let nm_group = !$(".filter #id_group").val()?'Semua Group':$(".filter #id_group").select2('data')[0]['nm-group']; let nm_group = !$(".filter #id_group").val() ? 'Semua Group' : $(".filter #id_group").select2('data')[0]['nm-group'];
let id_karyawan = !$(".filter #id_karyawan").val()?'all':$(".filter #id_karyawan").val(); let id_karyawan = !$(".filter #id_karyawan").val() ? 'all' : $(".filter #id_karyawan").val();
let nm_karyawan = !$(".filter #id_karyawan").val()?'Semua Sales':$(".filter #id_karyawan").select2('data')[0]['nm-karyawan']; let nm_karyawan = !$(".filter #id_karyawan").val() ? 'Semua Sales' : $(".filter #id_karyawan").select2('data')[0]['nm-karyawan'];
urlExcel = "<?= route('sales_activity.report.aktivitas.data.download') ?>"+ urlExcel = "<?= route('sales_activity.report.aktivitas.data.download') ?>" +
'?periode_mulai='+periode_mulai+ '?periode_mulai=' + periode_mulai +
'&periode_selesai='+periode_selesai+ '&periode_selesai=' + periode_selesai +
'&id_group='+id_group+ '&id_group=' + id_group +
'&nm_group='+nm_group+ '&nm_group=' + nm_group +
'&id_karyawan='+id_karyawan+ '&id_karyawan=' + id_karyawan +
'&nm_karyawan='+nm_karyawan; '&nm_karyawan=' + nm_karyawan;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
}); });
</script> </script>
\ No newline at end of file
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
</button> </button>
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
</div> </div>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': true, 'searching': true,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -56,34 +56,39 @@ ...@@ -56,34 +56,39 @@
// 'scrollCollapse': true, // 'scrollCollapse': true,
// 'fixedColumns': true, // 'fixedColumns': true,
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama karyawan' 'searchPlaceholder': 'Nama karyawan'
<?php else : ?> 'searchPlaceholder': 'Employees Name' <?php else: ?> 'searchPlaceholder': 'Employees Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.report.data.sales.list.data') . "/" . $bulan . "/" . $nama_group ?>", "url": "<?= route('sales_activity.report.data.sales.list.data') . "/" . $bulan . "/" . $nama_group ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
} }
}, },
"aoColumnDefs": [{ "aoColumnDefs": [{
render: function(data, type, full, meta) { render: function (data, type, full, meta) {
return "<div style='text-wrap:wrap !important; width:200px'>" + data + "</div>"; return "<div style='text-wrap:wrap !important; width:200px'>" + data + "</div>";
}, },
targets: 1 targets: 1
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -133,13 +138,13 @@ ...@@ -133,13 +138,13 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
urlExcel = "<?= route('sales_activity.report.data.sales.download', ['bulan' => $bulan, 'nama_group' => $nama_group]) ?>"; urlExcel = "<?= route('sales_activity.report.data.sales.download', ['bulan' => $bulan, 'nama_group' => $nama_group]) ?>";
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
$("#view-diagram").click(function() { $("#view-diagram").click(function () {
list_datatable("diagram", this); list_datatable("diagram", this);
}); });
}); });
</script> </script>
\ No newline at end of file
<?php <?php
$array_bulan_short = $this->lang->line('array_bulan'); $array_bulan_short = $this->lang->line('array_bulan');
$months = str_replace(["[", "]", "'"], "", $array_bulan_short); $months = str_replace(["[", "]", "'"], "", $array_bulan_short);
$months_array = explode(", ", $months); $months_array = explode(", ", $months);
?> ?>
<div class="position-relative pull-right" style="top: -2.5em;"> <div class="position-relative pull-right" style="top: -2.5em;">
<button id="view-diagram" type="button" class="ml-1 btn btn-warning ladda-button" data-style="expand-left"> <button id="view-diagram" type="button" class="ml-1 btn btn-warning ladda-button" data-style="expand-left">
...@@ -9,7 +9,7 @@ $months_array = explode(", ", $months); ...@@ -9,7 +9,7 @@ $months_array = explode(", ", $months);
</button> </button>
</div> </div>
<div class="table-responsive mt-4"> <div class="table-responsive mt-4">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -43,7 +43,7 @@ $months_array = explode(", ", $months); ...@@ -43,7 +43,7 @@ $months_array = explode(", ", $months);
</div> </div>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -56,37 +56,42 @@ $months_array = explode(", ", $months); ...@@ -56,37 +56,42 @@ $months_array = explode(", ", $months);
leftColumns: 2 leftColumns: 2
}, },
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama karyawan' 'searchPlaceholder': 'Nama karyawan'
<?php else : ?> 'searchPlaceholder': 'Employees Name' <?php else: ?> 'searchPlaceholder': 'Employees Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.report.realisasi.nominal.list.data') ?>", "url": "<?= route('sales_activity.report.realisasi.nominal.list.data') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.tahun = $(".filter #tahun").val(); d.tahun = $(".filter #tahun").val();
d.id_group = !$(".filter #id_group").val()?'all':$(".filter #id_group").val(); d.id_group = !$(".filter #id_group").val() ? 'all' : $(".filter #id_group").val();
d.id_karyawan = !$(".filter #id_karyawan").val()?'all':$(".filter #id_karyawan").val(); d.id_karyawan = !$(".filter #id_karyawan").val() ? 'all' : $(".filter #id_karyawan").val();
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
} }
}, },
"aoColumnDefs": [{ "aoColumnDefs": [{
render: function(data, type, full, meta) { render: function (data, type, full, meta) {
return "<div style='text-wrap:wrap !important; width:200px'>" + data + "</div>"; return "<div style='text-wrap:wrap !important; width:200px'>" + data + "</div>";
}, },
targets: 1 targets: 1
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -151,18 +156,18 @@ $months_array = explode(", ", $months); ...@@ -151,18 +156,18 @@ $months_array = explode(", ", $months);
}, },
}); });
$("#download").click(function() { $("#download").click(function () {
let tahun = $(".filter #tahun").val(); let tahun = $(".filter #tahun").val();
let id_group = !$(".filter #id_group").val()?'all':$(".filter #id_group").val(); let id_group = !$(".filter #id_group").val() ? 'all' : $(".filter #id_group").val();
let nm_group = !$(".filter #id_group").val()?'Semua Group':$(".filter #id_group").select2('data')[0]['nm-group']; let nm_group = !$(".filter #id_group").val() ? 'Semua Group' : $(".filter #id_group").select2('data')[0]['nm-group'];
let id_karyawan = !$(".filter #id_karyawan").val()?'all':$(".filter #id_karyawan").val(); let id_karyawan = !$(".filter #id_karyawan").val() ? 'all' : $(".filter #id_karyawan").val();
let nm_karyawan = !$(".filter #id_karyawan").val()?'Semua Sales':$(".filter #id_karyawan").select2('data')[0]['nm-karyawan']; let nm_karyawan = !$(".filter #id_karyawan").val() ? 'Semua Sales' : $(".filter #id_karyawan").select2('data')[0]['nm-karyawan'];
urlExcel = "<?= route('sales_activity.report.realisasi.nominal.download') ?>"+'?tahun='+tahun+'&id_group='+id_group+'&nm_group='+nm_group+'&id_karyawan='+id_karyawan+'&nm_karyawan='+nm_karyawan; urlExcel = "<?= route('sales_activity.report.realisasi.nominal.download') ?>" + '?tahun=' + tahun + '&id_group=' + id_group + '&nm_group=' + nm_group + '&id_karyawan=' + id_karyawan + '&nm_karyawan=' + nm_karyawan;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
$("#view-diagram").click(function() { $("#view-diagram").click(function () {
list_datatable("diagram", this); list_datatable("diagram", this);
}); });
}); });
</script> </script>
\ No newline at end of file
<?php <?php
$array_bulan_short = $this->lang->line('array_bulan'); $array_bulan_short = $this->lang->line('array_bulan');
$months = str_replace(["[", "]", "'"], "", $array_bulan_short); $months = str_replace(["[", "]", "'"], "", $array_bulan_short);
$months_array = explode(", ", $months); $months_array = explode(", ", $months);
?> ?>
<div class="position-relative pull-right" style="top: -2.5em;"> <div class="position-relative pull-right" style="top: -2.5em;">
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
</div> </div>
<div class="table-responsive mt-2"> <div class="table-responsive mt-2">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
</div> </div>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -61,25 +61,30 @@ ...@@ -61,25 +61,30 @@
leftColumns: 2 leftColumns: 2
}, },
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama karyawan' 'searchPlaceholder': 'Nama karyawan'
<?php else : ?> 'searchPlaceholder': 'Employees Name' <?php else: ?> 'searchPlaceholder': 'Employees Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.report.poin.bulanan.table.data.list') ?>", "url": "<?= route('sales_activity.report.poin.bulanan.table.data.list') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.periode = $(".filter #periode").val(); d.periode = $(".filter #periode").val();
d.id_group = !$(".filter #id_group").val()?'all':$(".filter #id_group").val(); d.id_group = !$(".filter #id_group").val() ? 'all' : $(".filter #id_group").val();
d.id_karyawan = !$(".filter #id_karyawan").val()?'all':$(".filter #id_karyawan").val(); d.id_karyawan = !$(".filter #id_karyawan").val() ? 'all' : $(".filter #id_karyawan").val();
}, },
"complete": function(data) { "complete": function (data) {
let loading = Ladda.create(document.getElementById("download")); let loading = Ladda.create(document.getElementById("download"));
loading.stop(); loading.stop();
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
...@@ -88,12 +93,12 @@ ...@@ -88,12 +93,12 @@
} }
}, },
"aoColumnDefs": [{ "aoColumnDefs": [{
render: function(data, type, full, meta) { render: function (data, type, full, meta) {
return "<div style='text-wrap:wrap !important; width:200px'>" + data + "</div>"; return "<div style='text-wrap:wrap !important; width:200px'>" + data + "</div>";
}, },
targets: 1 targets: 1
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -125,23 +130,23 @@ ...@@ -125,23 +130,23 @@
}, },
}); });
$("#download").click(function() { $("#download").click(function () {
let periode = $(".filter #periode").val(); let periode = $(".filter #periode").val();
let id_group = !$(".filter #id_group").val()?'all':$(".filter #id_group").val(); let id_group = !$(".filter #id_group").val() ? 'all' : $(".filter #id_group").val();
let nm_group = !$(".filter #id_group").val()?'Semua Group':$(".filter #id_group").select2('data')[0]['nm-group']; let nm_group = !$(".filter #id_group").val() ? 'Semua Group' : $(".filter #id_group").select2('data')[0]['nm-group'];
let id_karyawan = !$(".filter #id_karyawan").val()?'all':$(".filter #id_karyawan").val() let id_karyawan = !$(".filter #id_karyawan").val() ? 'all' : $(".filter #id_karyawan").val()
let nm_karyawan = !$(".filter #id_karyawan").val()?'Semua Sales':$(".filter #id_karyawan").select2('data')[0]['nm-karyawan']; let nm_karyawan = !$(".filter #id_karyawan").val() ? 'Semua Sales' : $(".filter #id_karyawan").select2('data')[0]['nm-karyawan'];
urlExcel = "<?= route('sales_activity.report.poin.bulanan.table.download') ?>"+ urlExcel = "<?= route('sales_activity.report.poin.bulanan.table.download') ?>" +
'?periode='+periode+ '?periode=' + periode +
'&id_group='+id_group+ '&id_group=' + id_group +
'&nm_group='+nm_group+ '&nm_group=' + nm_group +
'&id_karyawan='+id_karyawan+ '&id_karyawan=' + id_karyawan +
'&nm_karyawan='+nm_karyawan; '&nm_karyawan=' + nm_karyawan;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
$("#view-diagram").click(function() { $("#view-diagram").click(function () {
list_datatable("diagram", this); list_datatable("diagram", this);
}); });
}); });
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
</div> </div>
<div class="table-responsive mt-2"> <div class="table-responsive mt-2">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
</div> </div>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -62,38 +62,43 @@ ...@@ -62,38 +62,43 @@
leftColumns: 2 leftColumns: 2
}, },
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama karyawan' 'searchPlaceholder': 'Nama karyawan'
<?php else : ?> 'searchPlaceholder': 'Employees Name' <?php else: ?> 'searchPlaceholder': 'Employees Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.report.poin.harian.table.data.list') ?>", "url": "<?= route('sales_activity.report.poin.harian.table.data.list') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.periode_mulai = $(".filter #periode_mulai").val(); d.periode_mulai = $(".filter #periode_mulai").val();
d.periode_selesai = $(".filter #periode_selesai").val(); d.periode_selesai = $(".filter #periode_selesai").val();
d.id_group = !$(".filter #id_group").val()?'all':$(".filter #id_group").val(); d.id_group = !$(".filter #id_group").val() ? 'all' : $(".filter #id_group").val();
d.id_karyawan = !$(".filter #id_karyawan").val()?'all':$(".filter #id_karyawan").val(); d.id_karyawan = !$(".filter #id_karyawan").val() ? 'all' : $(".filter #id_karyawan").val();
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
} }
}, },
"aoColumnDefs": [{ "aoColumnDefs": [{
render: function(data, type, full, meta) { render: function (data, type, full, meta) {
return "<div style='text-wrap:wrap !important; width:200px'>" + data + "</div>"; return "<div style='text-wrap:wrap !important; width:200px'>" + data + "</div>";
}, },
targets: 1 targets: 1
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -133,27 +138,27 @@ ...@@ -133,27 +138,27 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
let periode_mulai = $(".filter #periode_mulai").val(); let periode_mulai = $(".filter #periode_mulai").val();
let periode_selesai = $(".filter #periode_selesai").val(); let periode_selesai = $(".filter #periode_selesai").val();
let id_group = !$(".filter #id_group").val()?'all':$(".filter #id_group").val(); let id_group = !$(".filter #id_group").val() ? 'all' : $(".filter #id_group").val();
let nm_group = !$(".filter #id_group").val()?'Semua Group':$(".filter #id_group").select2('data')[0]['nm-group']; let nm_group = !$(".filter #id_group").val() ? 'Semua Group' : $(".filter #id_group").select2('data')[0]['nm-group'];
let id_karyawan = !$(".filter #id_karyawan").val()?'all':$(".filter #id_karyawan").val() let id_karyawan = !$(".filter #id_karyawan").val() ? 'all' : $(".filter #id_karyawan").val()
let nm_karyawan = !$(".filter #id_karyawan").val()?'Semua Sales':$(".filter #id_karyawan").select2('data')[0]['nm-karyawan']; let nm_karyawan = !$(".filter #id_karyawan").val() ? 'Semua Sales' : $(".filter #id_karyawan").select2('data')[0]['nm-karyawan'];
urlExcel = "<?= route('sales_activity.report.poin.harian.download') ?>"+ urlExcel = "<?= route('sales_activity.report.poin.harian.download') ?>" +
'?periode_mulai='+periode_mulai+ '?periode_mulai=' + periode_mulai +
'&periode_selesai='+periode_selesai+ '&periode_selesai=' + periode_selesai +
'&id_group='+id_group+ '&id_group=' + id_group +
'&nm_group='+nm_group+ '&nm_group=' + nm_group +
'&id_karyawan='+id_karyawan+ '&id_karyawan=' + id_karyawan +
'&nm_karyawan='+nm_karyawan; '&nm_karyawan=' + nm_karyawan;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
$("#view-diagram").click(function() { $("#view-diagram").click(function () {
list_datatable("diagram", this); list_datatable("diagram", this);
}); });
}); });
</script> </script>
\ No newline at end of file
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
</div> </div>
<div class="table-responsive mt-2"> <div class="table-responsive mt-2">
<div class="pull-right ml-1"> <div id="data-actions" class="pull-right ml-1">
<button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left"> <button id="download" type="button" class="btn btn-primary ladda-button" disabled data-style="expand-left">
<i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?> <i class="fa fa-download"></i> <?= $this->lang->line('button_unduh') ?>
</button> </button>
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</div> </div>
<script> <script>
$(function() { $(function () {
list_data = $('#list_data').DataTable({ list_data = $('#list_data').DataTable({
'searching': false, 'searching': false,
'searchDelay': 1000, 'searchDelay': 1000,
...@@ -54,37 +54,42 @@ ...@@ -54,37 +54,42 @@
leftColumns: 2 leftColumns: 2
}, },
'language': { 'language': {
<?php if ($this->code_lang == 'id') : ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>', <?php if ($this->code_lang == 'id'): ?> 'url': '<?= base_url("assets/plugins/datatables/dataTables-language-id.json") ?>',
'sEmptyTable': 'Tidak ada data untuk ditampilkan', 'sEmptyTable': 'Tidak ada data untuk ditampilkan',
'searchPlaceholder': 'Nama karyawan' 'searchPlaceholder': 'Nama karyawan'
<?php else : ?> 'searchPlaceholder': 'Employees Name' <?php else: ?> 'searchPlaceholder': 'Employees Name'
<?php endif; ?> <?php endif; ?>
}, },
"processing": true, "processing": true,
"serverSide": true, "serverSide": true,
"order": [], "order": [],
"layout": {
"topEnd": [
$("#data-actions")
]
},
"ajax": { "ajax": {
"url": "<?= route('sales_activity.report.poin.mingguan.table.data.list') ?>", "url": "<?= route('sales_activity.report.poin.mingguan.table.data.list') ?>",
"type": "GET", "type": "GET",
"data": function(d) { "data": function (d) {
delete d.columns; delete d.columns;
d.periode = "<?= $periode ?>"; d.periode = "<?= $periode ?>";
d.id_group = "<?= $id_group ?>"; d.id_group = "<?= $id_group ?>";
d.id_karyawan = "<?= $id_karyawan ?>"; d.id_karyawan = "<?= $id_karyawan ?>";
}, },
"complete": function(data) { "complete": function (data) {
$("#download").prop("disabled", false); $("#download").prop("disabled", false);
reconfigure(data); reconfigure(data);
screenUp(200); screenUp(200);
} }
}, },
"aoColumnDefs": [{ "aoColumnDefs": [{
render: function(data, type, full, meta) { render: function (data, type, full, meta) {
return "<div style='text-wrap:wrap !important; width:200px'>" + data + "</div>"; return "<div style='text-wrap:wrap !important; width:200px'>" + data + "</div>";
}, },
targets: 1 targets: 1
}], }],
"fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$('td:eq(0)', nRow).css({ $('td:eq(0)', nRow).css({
'text-align': 'center', 'text-align': 'center',
'width': '10px' 'width': '10px'
...@@ -111,25 +116,25 @@ ...@@ -111,25 +116,25 @@
} }
}); });
$("#download").click(function() { $("#download").click(function () {
let periode = $(".filter #periode").val(); let periode = $(".filter #periode").val();
let id_group = !$(".filter #id_group").val()?'all':$(".filter #id_group").val(); let id_group = !$(".filter #id_group").val() ? 'all' : $(".filter #id_group").val();
let nm_group = !$(".filter #id_group").val()?'Semua Group':$(".filter #id_group").select2('data')[0]['nm-group']; let nm_group = !$(".filter #id_group").val() ? 'Semua Group' : $(".filter #id_group").select2('data')[0]['nm-group'];
let id_karyawan = !$(".filter #id_karyawan").val()?'all':$(".filter #id_karyawan").val() let id_karyawan = !$(".filter #id_karyawan").val() ? 'all' : $(".filter #id_karyawan").val()
let nm_karyawan = !$(".filter #id_karyawan").val()?'Semua Sales':$(".filter #id_karyawan").select2('data')[0]['nm-karyawan']; let nm_karyawan = !$(".filter #id_karyawan").val() ? 'Semua Sales' : $(".filter #id_karyawan").select2('data')[0]['nm-karyawan'];
urlExcel = "<?= route('sales_activity.report.poin.mingguan.table.download') ?>"+ urlExcel = "<?= route('sales_activity.report.poin.mingguan.table.download') ?>" +
'?periode='+periode+ '?periode=' + periode +
'&id_group='+id_group+ '&id_group=' + id_group +
'&nm_group='+nm_group+ '&nm_group=' + nm_group +
'&id_karyawan='+id_karyawan+ '&id_karyawan=' + id_karyawan +
'&nm_karyawan='+nm_karyawan; '&nm_karyawan=' + nm_karyawan;
downloadFile(urlExcel, this); downloadFile(urlExcel, this);
}); });
$("#view-diagram").click(function() { $("#view-diagram").click(function () {
list_datatable("diagram", this); list_datatable("diagram", this);
}); });
}); });
</script> </script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment