pecintaseni
/
engineN
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix collect js

main^2
pecintaseni 7 months ago committed by =
parent
a8152f85a2
commit
45c23af266
5 changed files with 106 additions and 104 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      app/Views/kewilayahan/dist/kpdl.js
  2. 56
      app/Views/kewilayahan/kytp/componentDepan/NipPerekam.js
  3. 53
      app/Views/kewilayahan/kytp/componentProgresifitas/PayComp.js
  4. 53
      app/Views/kewilayahan/kytp/componentProgresifitas/Pembayaran.js
  5. 46
      app/Views/kewilayahan/kytp/componentProgresifitas/ZonaPengawasan.js

2
app/Views/kewilayahan/dist/kpdl.js vendored
View File

File diff suppressed because one or more lines are too long

56
app/Views/kewilayahan/kytp/componentDepan/NipPerekam.js
Unescape View File

@ -1,19 +1,19 @@
import React, { useEffect, useRef, useState } from "react" import React, { useEffect, useRef, useState } from 'react'
import { MultiSelect } from "react-multi-select-component" import { MultiSelect } from 'react-multi-select-component'
import { Col, Label, Row } from "reactstrap" import { Col, Label, Row } from 'reactstrap'
import Select from "react-select" import Select from 'react-select'
import { Button as ButtonP } from "primereact/button" import { Button as ButtonP } from 'primereact/button'
import { isObjEmpty } from "../util" import { isObjEmpty } from '../util'
import $ from "jquery" import $ from 'jquery'
import collect from "collect.js" import collect from 'collect.js'
import { useDispatch, useSelector } from "react-redux" import { useDispatch, useSelector } from 'react-redux'
import { setSelectedOpsi } from "../store/KpdlStore" import { setSelectedOpsi } from '../store/KpdlStore'
const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMatoa, dataOpsi }) => { const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMatoa, dataOpsi }) => {
const dispatch = useDispatch() const dispatch = useDispatch()
const storeKpdl = useSelector((state) => state.kpdl) const storeKpdl = useSelector((state) => state.kpdl)
const base_url = "<?=base_url()?>" const base_url = '<?=base_url()?>'
const [kanwil, setKanwil] = useState({}) const [kanwil, setKanwil] = useState({})
const [kpp, setKpp] = useState(null) const [kpp, setKpp] = useState(null)
@ -27,9 +27,9 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
useEffect(() => { useEffect(() => {
$.ajax({ $.ajax({
url: base_url + "kewilayahan/ref/kanwilPratama", url: base_url + 'kewilayahan/ref/kanwilPratama',
method: "GET", method: 'GET',
dataType: "json", dataType: 'json',
success: (data) => { success: (data) => {
setKanwil(data) setKanwil(data)
} }
@ -46,9 +46,9 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
if (kanwilSelected && !isObjEmpty(kanwilSelected)) { if (kanwilSelected && !isObjEmpty(kanwilSelected)) {
const kanwil = kanwilSelected.value const kanwil = kanwilSelected.value
$.ajax({ $.ajax({
url: base_url + "kewilayahan/ref/kppPratama", url: base_url + 'kewilayahan/ref/kppPratama',
method: "GET", method: 'GET',
dataType: "json", dataType: 'json',
data: { kanwil }, data: { kanwil },
success: (data) => { success: (data) => {
setKpp(data) setKpp(data)
@ -65,9 +65,9 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
if (kppSelected && !isObjEmpty(kppSelected)) { if (kppSelected && !isObjEmpty(kppSelected)) {
const kpp = kppSelected.value const kpp = kppSelected.value
$.ajax({ $.ajax({
url: base_url + "kewilayahan/ref/seksi", url: base_url + 'kewilayahan/ref/seksi',
method: "GET", method: 'GET',
dataType: "json", dataType: 'json',
data: { kpp }, data: { kpp },
success: (data) => { success: (data) => {
setSeksi(data) setSeksi(data)
@ -79,15 +79,15 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
useEffect(() => { useEffect(() => {
setAr([]) setAr([])
setArSelected([]) setArSelected([])
const seksi = collect(seksiSelected).pluck("value").all() const seksi = collect(seksiSelected).pluck('value').all()
if (seksi.length && !isObjEmpty(seksiSelected)) { if (seksi.length && !isObjEmpty(seksiSelected)) {
const kpp = kppSelected.value const kpp = kppSelected.value
// const seksi = collect(seksiSelected).pluck("value").all() // const seksi = collect(seksiSelected).pluck("value").all()
$.ajax({ $.ajax({
url: base_url + "kewilayahan/ref/ar", url: base_url + 'kewilayahan/ref/ar',
method: "POST", method: 'POST',
dataType: "json", dataType: 'json',
data: { kpp, seksi }, data: { kpp, seksi },
success: (data) => { success: (data) => {
setAr(data) setAr(data)
@ -97,13 +97,13 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
}, [seksiSelected]) }, [seksiSelected])
const buttonProsesOnClick = () => { const buttonProsesOnClick = () => {
const nip_ar_perekam = collect(arSelected).pluck("value").all() const nip_ar_perekam = collect(arSelected).pluck('value').all()
if (nip_ar_perekam.length) { if (nip_ar_perekam.length) {
dispatch(setSelectedOpsi(dataOpsi.perekam)) dispatch(setSelectedOpsi(dataOpsi.perekam))
setDataSend({ opsiWilZona: dataOpsi.perekam.key, nip_ar_perekam }) setDataSend({ opsiWilZona: dataOpsi.perekam.key, nip_ar_perekam })
setHiddenGraphMatoa(true) setHiddenGraphMatoa(true)
} else { } else {
toast.current.show({ severity: "info", summary: "Info", detail: "AR Perekam harus dipilih" }) toast.current.show({ severity: 'info', summary: 'Info', detail: 'AR Perekam harus dipilih' })
} }
} }
return ( return (
@ -156,7 +156,7 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
setSeksiSelected(e) setSeksiSelected(e)
}} }}
labelledBy="Pilih Seksi" labelledBy="Pilih Seksi"
overrideStrings={{ allItemsAreSelected: "Semua dipilih", selectSomeItems: "Pilih Seksi" }} overrideStrings={{ allItemsAreSelected: 'Semua dipilih', selectSomeItems: 'Pilih Seksi' }}
/> />
</Col> </Col>
<Col md="3"> <Col md="3">
@ -173,7 +173,7 @@ const NipPerekam = ({ dataSend, setDataSend, activeTab, toast, setHiddenGraphMat
setArSelected(e) setArSelected(e)
}} }}
labelledBy="Pilih AR" labelledBy="Pilih AR"
overrideStrings={{ allItemsAreSelected: "Semua dipilih", selectSomeItems: "Pilih AR" }} overrideStrings={{ allItemsAreSelected: 'Semua dipilih', selectSomeItems: 'Pilih AR' }}
/> />
</Col> </Col>
</Row> </Row>

53
app/Views/kewilayahan/kytp/componentProgresifitas/PayComp.js
Unescape View File

@ -1,17 +1,18 @@
import React, { useEffect, useRef, useState } from "react" import React, { useEffect, useRef, useState } from 'react'
import Highcharts from "highcharts" import Highcharts from 'highcharts'
import HighchartsReact from "highcharts-react-official" import HighchartsReact from 'highcharts-react-official'
import { Col, Row } from "reactstrap" import { Col, Row } from 'reactstrap'
import { format_angka } from "../util" import { format_angka } from '../util'
import $ from "jquery" import $ from 'jquery'
import { Skeleton } from "primereact/skeleton" import { Skeleton } from 'primereact/skeleton'
import collect from 'collect.js'
const date = new Date() const date = new Date()
const cBulan = date.getMonth() + 1 const cBulan = date.getMonth() + 1
const PayComp = ({ dataSend }) => { const PayComp = ({ dataSend }) => {
const base_url = "<?=base_url()?>" const base_url = '<?=base_url()?>'
const refChart = useRef(null) const refChart = useRef(null)
const refChart1 = useRef(null) const refChart1 = useRef(null)
@ -21,15 +22,15 @@ const PayComp = ({ dataSend }) => {
const [dataMin2, setDataMin2] = useState(null) const [dataMin2, setDataMin2] = useState(null)
const [loading, setLoading] = useState(false) const [loading, setLoading] = useState(false)
const currentMonth = "<?=currentMonth()?>" const currentMonth = '<?=currentMonth()?>'
const currentYear = "<?=currentYear()?>" const currentYear = '<?=currentYear()?>'
useEffect(() => { useEffect(() => {
setLoading(true) setLoading(true)
$.get({ $.get({
url: base_url + "kewilayahan/kytp/sebaranPayComp", url: base_url + 'kewilayahan/kytp/sebaranPayComp',
dataType: "json", dataType: 'json',
type: "POST", type: 'POST',
data: { data: {
...dataSend, ...dataSend,
tahun: currentYear, tahun: currentYear,
@ -45,37 +46,37 @@ const PayComp = ({ dataSend }) => {
}, [dataSend]) }, [dataSend])
const optionsChart = (data, title, type) => { const optionsChart = (data, title, type) => {
const total_wp = collect(data).sum("y") const total_wp = collect(data).sum('y')
return { return {
chart: { chart: {
plotBackgroundColor: null, plotBackgroundColor: null,
plotBorderWidth: null, plotBorderWidth: null,
plotShadow: false, plotShadow: false,
type: "pie", type: 'pie',
zoomType: "xy", zoomType: 'xy',
height: "300" height: '300'
}, },
title: { title: {
text: title, text: title,
style: { fontSize: "10px" } style: { fontSize: '10px' }
}, },
tooltip: { tooltip: {
pointFormat: "<b>{point.percentage:.1f}%</b><br>Jml NPWP : {point.y} dari " + format_angka(total_wp) + " yang terdapat data penerimaannya" pointFormat: '<b>{point.percentage:.1f}%</b><br>Jml NPWP : {point.y} dari ' + format_angka(total_wp) + ' yang terdapat data penerimaannya'
}, },
accessibility: { accessibility: {
point: { point: {
valueSuffix: "%" valueSuffix: '%'
} }
}, },
plotOptions: { plotOptions: {
pie: { pie: {
allowPointSelect: true, allowPointSelect: true,
cursor: "pointer", cursor: 'pointer',
// colors: warna_garis, // colors: warna_garis,
dataLabels: { dataLabels: {
enabled: true, enabled: true,
style: { fontSize: "0.7rem" }, style: { fontSize: '0.7rem' },
format: "{point.name}: <br> {point.percentage:.1f} %" format: '{point.name}: <br> {point.percentage:.1f} %'
} }
//showInLegend: true //showInLegend: true
} }
@ -100,13 +101,13 @@ const PayComp = ({ dataSend }) => {
) : ( ) : (
<Row> <Row>
<Col md="4"> <Col md="4">
<HighchartsReact ref={refChart} highcharts={Highcharts} options={optionsChart(dataC, "s.d. bulan ini", "C")} /> <HighchartsReact ref={refChart} highcharts={Highcharts} options={optionsChart(dataC, 's.d. bulan ini', 'C')} />
</Col> </Col>
<Col md="4"> <Col md="4">
<HighchartsReact ref={refChart1} highcharts={Highcharts} options={optionsChart(dataMin1, "s.d. bulan lalu", "Min1")} /> <HighchartsReact ref={refChart1} highcharts={Highcharts} options={optionsChart(dataMin1, 's.d. bulan lalu', 'Min1')} />
</Col> </Col>
<Col md="4"> <Col md="4">
<HighchartsReact ref={refChart2} highcharts={Highcharts} options={optionsChart(dataMin2, "s.d. 2 bulan yang lalu", "Min2")} /> <HighchartsReact ref={refChart2} highcharts={Highcharts} options={optionsChart(dataMin2, 's.d. 2 bulan yang lalu', 'Min2')} />
</Col> </Col>
</Row> </Row>
)} )}

53
app/Views/kewilayahan/kytp/componentProgresifitas/Pembayaran.js
Unescape View File

@ -1,15 +1,16 @@
import React, { useEffect, useRef, useState } from "react" import React, { useEffect, useRef, useState } from 'react'
import Highcharts from "highcharts" import Highcharts from 'highcharts'
import HighchartsReact from "highcharts-react-official" import HighchartsReact from 'highcharts-react-official'
import { Col, Row } from "reactstrap" import { Col, Row } from 'reactstrap'
import { format_angka } from "../util" import { format_angka } from '../util'
import $ from "jquery" import $ from 'jquery'
const date = new Date() const date = new Date()
const cBulan = date.getMonth() + 1 const cBulan = date.getMonth() + 1
import { Skeleton } from "primereact/skeleton" import { Skeleton } from 'primereact/skeleton'
import collect from 'collect.js'
const Pembayaran = ({ dataSend }) => { const Pembayaran = ({ dataSend }) => {
const base_url = "<?=base_url()?>" const base_url = '<?=base_url()?>'
const refChart = useRef(null) const refChart = useRef(null)
const refChart1 = useRef(null) const refChart1 = useRef(null)
@ -19,14 +20,14 @@ const Pembayaran = ({ dataSend }) => {
const [dataMin2, setDataMin2] = useState(null) const [dataMin2, setDataMin2] = useState(null)
const [loading, setLoading] = useState(false) const [loading, setLoading] = useState(false)
const currentMonth = "<?=currentMonth()?>" const currentMonth = '<?=currentMonth()?>'
const currentYear = "<?=currentYear()?>" const currentYear = '<?=currentYear()?>'
useEffect(() => { useEffect(() => {
setLoading(true) setLoading(true)
$.get({ $.get({
url: base_url + "kewilayahan/kytp/sebaranPembayaran", url: base_url + 'kewilayahan/kytp/sebaranPembayaran',
dataType: "json", dataType: 'json',
type: "POST", type: 'POST',
data: { data: {
...dataSend, ...dataSend,
tahun: currentYear, tahun: currentYear,
@ -42,37 +43,37 @@ const Pembayaran = ({ dataSend }) => {
}, [dataSend]) }, [dataSend])
const optionsChart = (data, title, type) => { const optionsChart = (data, title, type) => {
const total_wp = collect(data).sum("y") const total_wp = collect(data).sum('y')
return { return {
chart: { chart: {
plotBackgroundColor: null, plotBackgroundColor: null,
plotBorderWidth: null, plotBorderWidth: null,
plotShadow: false, plotShadow: false,
type: "pie", type: 'pie',
zoomType: "xy", zoomType: 'xy',
height: "300" height: '300'
}, },
title: { title: {
text: title, text: title,
style: { fontSize: "10px" } style: { fontSize: '10px' }
}, },
tooltip: { tooltip: {
pointFormat: "<b>{point.percentage:.1f}%</b><br>Jml NPWP : {point.y} dari " + format_angka(total_wp) pointFormat: '<b>{point.percentage:.1f}%</b><br>Jml NPWP : {point.y} dari ' + format_angka(total_wp)
}, },
accessibility: { accessibility: {
point: { point: {
valueSuffix: "%" valueSuffix: '%'
} }
}, },
plotOptions: { plotOptions: {
pie: { pie: {
allowPointSelect: true, allowPointSelect: true,
cursor: "pointer", cursor: 'pointer',
//colors : warna_garis, //colors : warna_garis,
dataLabels: { dataLabels: {
enabled: true, enabled: true,
style: { fontSize: "10px" }, style: { fontSize: '10px' },
format: "{point.name}: <br> {point.percentage:.1f} %" format: '{point.name}: <br> {point.percentage:.1f} %'
} }
// showInLegend: true // showInLegend: true
} }
@ -95,21 +96,21 @@ const Pembayaran = ({ dataSend }) => {
<Skeleton className="" shape="circle" size="15rem"></Skeleton> <Skeleton className="" shape="circle" size="15rem"></Skeleton>
</div> </div>
) : ( ) : (
<HighchartsReact ref={refChart} highcharts={Highcharts} options={optionsChart(dataC, "s.d. bulan ini", "C")} /> <HighchartsReact ref={refChart} highcharts={Highcharts} options={optionsChart(dataC, 's.d. bulan ini', 'C')} />
)} )}
</Col> </Col>
<Col md="4"> <Col md="4">
{loading ? ( {loading ? (
<Skeleton className="" shape="circle" size="15rem"></Skeleton> <Skeleton className="" shape="circle" size="15rem"></Skeleton>
) : ( ) : (
<HighchartsReact ref={refChart1} highcharts={Highcharts} options={optionsChart(dataMin1, "s.d. bulan lalu", "Min1")} /> <HighchartsReact ref={refChart1} highcharts={Highcharts} options={optionsChart(dataMin1, 's.d. bulan lalu', 'Min1')} />
)} )}
</Col> </Col>
<Col md="4"> <Col md="4">
{loading ? ( {loading ? (
<Skeleton className="center text-center" shape="circle" size="15rem"></Skeleton> <Skeleton className="center text-center" shape="circle" size="15rem"></Skeleton>
) : ( ) : (
<HighchartsReact ref={refChart2} highcharts={Highcharts} options={optionsChart(dataMin2, "s.d. 2 bulan yang lalu", "Min2")} /> <HighchartsReact ref={refChart2} highcharts={Highcharts} options={optionsChart(dataMin2, 's.d. 2 bulan yang lalu', 'Min2')} />
)} )}
</Col> </Col>
</Row> </Row>

46
app/Views/kewilayahan/kytp/componentProgresifitas/ZonaPengawasan.js
Unescape View File

@ -1,12 +1,12 @@
import React, { useEffect, useRef, useState } from "react" import React, { useEffect, useRef, useState } from 'react'
import Highcharts from "highcharts" import Highcharts from 'highcharts'
import HighchartsReact from "highcharts-react-official" import HighchartsReact from 'highcharts-react-official'
import { Col, Row } from "reactstrap" import { Col, Row } from 'reactstrap'
import { format_angka } from "../util" import { format_angka } from '../util'
import collect from "collect.js" import collect from 'collect.js'
import $ from "jquery" import $ from 'jquery'
const ZonaPengawasan = ({ dataSend }) => { const ZonaPengawasan = ({ dataSend }) => {
const base_url = "<?=base_url()?>" const base_url = '<?=base_url()?>'
const refChart = useRef(null) const refChart = useRef(null)
const refChart2 = useRef(null) const refChart2 = useRef(null)
@ -15,9 +15,9 @@ const ZonaPengawasan = ({ dataSend }) => {
useEffect(() => { useEffect(() => {
$.get({ $.get({
url: base_url + "kewilayahan/kytp/sebaranZonaPengawasan", url: base_url + 'kewilayahan/kytp/sebaranZonaPengawasan',
dataType: "json", dataType: 'json',
type: "POST", type: 'POST',
data: { data: {
...dataSend ...dataSend
}, },
@ -28,43 +28,43 @@ const ZonaPengawasan = ({ dataSend }) => {
}, [dataSend]) }, [dataSend])
const optionsChart = (data, title) => { const optionsChart = (data, title) => {
const total_wp = collect(data).sum("y") const total_wp = collect(data).sum('y')
return { return {
chart: { chart: {
plotBackgroundColor: null, plotBackgroundColor: null,
plotBorderWidth: null, plotBorderWidth: null,
plotShadow: false, plotShadow: false,
type: "pie", type: 'pie',
zoomType: "xy", zoomType: 'xy',
height: "300" height: '300'
}, },
title: { title: {
text: title, text: title,
style: { fontSize: "10px" } style: { fontSize: '10px' }
}, },
tooltip: { tooltip: {
pointFormat: "<b>{point.percentage:.1f}%</b><br>: {point.y} dari " + format_angka(total_wp) + " total Lokasi KPDL" pointFormat: '<b>{point.percentage:.1f}%</b><br>: {point.y} dari ' + format_angka(total_wp) + ' total Lokasi KPDL'
}, },
accessibility: { accessibility: {
point: { point: {
valueSuffix: "%" valueSuffix: '%'
} }
}, },
plotOptions: { plotOptions: {
pie: { pie: {
allowPointSelect: true, allowPointSelect: true,
cursor: "pointer", cursor: 'pointer',
dataLabels: { dataLabels: {
enabled: true, enabled: true,
style: { fontSize: "10px" }, style: { fontSize: '10px' },
format: "{point.name}: <br> {point.percentage:.1f} %" format: '{point.name}: <br> {point.percentage:.1f} %'
} }
} }
// series: pie_click // series: pie_click
}, },
series: [ series: [
{ {
name: "", name: '',
data data
} }
] ]
@ -77,7 +77,7 @@ const ZonaPengawasan = ({ dataSend }) => {
<HighchartsReact <HighchartsReact
ref={refChart} ref={refChart}
highcharts={Highcharts} highcharts={Highcharts}
options={optionsChart(dataAll, "Sebarann Zona Pengawasan yang telah dilakukan kegiatan MATOA/KPDL")} options={optionsChart(dataAll, 'Sebarann Zona Pengawasan yang telah dilakukan kegiatan MATOA/KPDL')}
/> />
<div className="center text-center"> <div className="center text-center">
<span className="text-center">Sebaran Lokasi Usaha atas WP Terdaftar</span> <span className="text-center">Sebaran Lokasi Usaha atas WP Terdaftar</span>

Write Preview
Loading…
Cancel
Save