djid_siput/resources/views/templates/helpers/pelayanan/penanganan-piutang/js-search.blade.php

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/maps/modules/map.js"></script>
<script src="http://code.highcharts.com/maps/modules/exporting.js"></script>
<script src="http://code.highcharts.com/mapdata/countries/us/us-all.js"></script>
<script>
	Highcharts.chart('penanganan-piutang-search', {
		chart: {
			plotBackgroundColor: null,
			plotBorderWidth: null,
			plotShadow: false,
			type: 'pie'
		},
		title:false,
		tooltip: {
			pointFormat: '{series.name}: <b>{point.y}</b>'
		},
		plotOptions: {
			pie: {
				size:'70%',
				allowPointSelect: true,
				cursor: 'pointer',
				dataLabels: {
					enabled: true,
					format: '<b>{point.name}</b>: {point.y}'
				}
			}
		},
		<?php
		$kabupaten = \App\Model\Region\KabupatenKota::where('id_prov',$provinceCode)->get();
		?>
		series: [{
			name: 'Total',
			colorByPoint: true,
			data: [
			@foreach($kabupaten as $key => $value)
			{	
				name: '{{$value->nama}}',
				y: {{\App\Model\Service\PenangananPiutang::where('nama_kpknl',$value->id)->where('kode_upt',$changeUPT)->count()}}
			},
			@endforeach
			]
		}]
	});
</script>

<script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script type="text/javascript">
	var j = jQuery.noConflict();
	function trimNull(data)
	{
		if (data != null) {
			return data;
		}

		return '';
	}
	var table = j('#server-side-1').DataTable({
		"lengthChange": true,
		orderCellsTop: true,
		fixedHeader: true,
		"processing": true,
		"serverSide": true,
		"ajax": {
			"type": "GET",
			"url": "{{ url(url()->current()) }}",
			"data": function (d) {
				console.log(d);
				return j.extend({}, d, {
					"type": "WEB",
					"status": "1",
					<?php
					if (!empty($_GET['dari'])) {
						?>
						"dari": "{{ $_GET['dari'] }}",
						<?php
					}
					?>
					<?php
					if (!empty($_GET['sampai'])) {
						?>
						"sampai": "{{ $_GET['sampai'] }}",
						<?php
					}
					?>
					<?php
					if (!empty($_GET['id_map'])) {
						?>
						"id_map": "{{ $_GET['id_map'] }}",
						<?php
					}
					?>
				});
			},
		},
		"columns": [
		{
			"data": "created_at",
		},
		{
			"data": "province",
		},
		{
			"data": "upt_name",
		},
		{
			"data": "company_id",
		},
		{
			"data": "company_name",
		},
		{
			"data": "submission_value",
		},
		{
			"data": "tahun_pelimpahan",
		},
		{
			"data": "kpknl_name",
		},
		{
			"data": "tahapan_pengurusan",
		},
		{
			"data": "paid_off",
		},
		{
			"data": "installments",
		},
		{
			"data": "tanggal",
		},
		{
			"data": "psbdt",
		},
		{
			"data": "tanggal_psbdt",
		},
		{
			"data": "cancellation",
		},
		{
			"data": "tanggal_pembatalan",
		},
		{
			"data": "remaining_receivable",
		},
		{
			"data": "keterangan",
		},
		{
			"data": null,
			"render": function (data, type, row, meta) {
				return '<a href="#" data-toggle="modal" data-target="#detailModal" class="btn btn-success btn-sm"' +
				'data-perusahaan="' + trimNull(data.company_name) + '"' +
				'data-nilai-penyerahan="' + trimNull(data.nilai_penyerahan) + '"' +
				'data-tahun-pelimpahan="' + trimNull(data.tahun_pelimpahan) + '"' +
				'data-tahapan-pengurusan="' + trimNull(data.tahapan_pengurusan) + '"' +
				'data-lunas="' + trimNull(data.lunas) + '"' +
				'data-angsuran="' + trimNull(data.angsuran) + '"' +
				'data-tanggal="' + trimNull(data.tanggal) + '"' +
				'data-psbdt="' + trimNull(data.psbdt) + '"' +
				'data-pembatalan="' + trimNull(data.pembatalan) + '"' +
				'data-sisa-piutang="' + trimNull(data.sisa_piutang) + '"' +

				'data-tanggal-psbdt="' + trimNull(data.tanggal_psbdt) + '"' +
				'data-tanggal-pembatalan="' + trimNull(data.tanggal_pembatalan) + '"' +
				'data-keterangan="' + trimNull(data.keterangan) + '"' +
				'data-id-prov="' + trimNull(data.province) + '"' +
				'data-nama-kpknl="' + trimNull(data.kpknl_name) + '"' +
				'data-id-upt="' + trimNull(data.upt_name) + '"' +
				'><i class="fa fa-file"></i></a>' +
				'<a href="#" data-toggle="modal" data-target="#editModal" class="btn btn-warning btn-sm"' +
				'data-perusahaan="' + trimNull(data.company_name) + '"' +
				'data-perusahaan-id="' + trimNull(data.no_client) + '"' +
				'data-perusahaan-no="' + trimNull(data.company_id) + '"' +
				'data-tahun-pelimpahan="' + trimNull(data.tahun_pelimpahan) + '"' +
				'data-nilai-penyerahan="' + trimNull(data.nilai_penyerahan) + '"' +
				'data-tahapan-pengurusan="' + trimNull(data.tahapan_pengurusan) + '"' +
				'data-lunas="' + trimNull(data.lunas) + '"' +
				'data-angsuran="' + trimNull(data.angsuran) + '"' +
				'data-tanggal="' + trimNull(data.tanggal) + '"' +
				'data-psbdt="' + trimNull(data.psbdt) + '"' +
				'data-pembatalan="' + trimNull(data.pembatalan) + '"' +
				'data-sisa-piutang="' + trimNull(data.sisa_piutang) + '"' +

				'data-tanggal-psbdt="' + trimNull(data.tanggal_psbdt) + '"' +
				'data-tanggal-pembatalan="' + trimNull(data.tanggal_pembatalan) + '"' +

				'data-keterangan="' + trimNull(data.keterangan) + '"' +
				'data-id-prov="' + trimNull(data.province) + '"' +
				'data-nama-kpknl="' + trimNull(data.kpknl_name) + '"' +
				'data-nama-upt="' + trimNull(data.upt_name) + '"' +
				'data-id="' + trimNull(data.id) + '"' +
				'><i class="fa fa-edit"></i></a>' +
				'<a  class="btn btn-danger btn-sm"' + 
				'id="getDelete"' + 
				'data-toggle="modal" ' +
				'data-target="#deleteModal" ' +
				'data-id="' + trimNull(data.id) + '"><i class="fa fa-trash"></i>' +
				'</a>';
			}
		},
		],
		"ordering": true
	});
</script>