pecintaseni
7 months ago
committed by
=
40 changed files with 14090 additions and 740 deletions
@ -0,0 +1,270 @@
|
||||
<?php |
||||
namespace App\Controllers\Kewilayahan\IdentAktifitasHasil; |
||||
|
||||
use App\Libraries\AldLibrary; |
||||
use App\Libraries\KpdlLibrary; |
||||
|
||||
class IdentifikasiLapangan extends \App\Controllers\Kewilayahan\Kytp |
||||
|
||||
{ |
||||
|
||||
protected function dataKpdl($request, $bulan) |
||||
{ |
||||
$Ald = new AldLibrary; |
||||
$username = session('nip'); |
||||
|
||||
$opsiWilZona = $Ald->decryptMe($request->getPost('opsiWilZona'), $username); |
||||
$adm4_pcode = []; |
||||
foreach ($request->getPost('adm4_pcode') ?? [] as $key => $value) { |
||||
$adm4_pcode[] = $Ald->decryptKpdl($value, $username); |
||||
} |
||||
|
||||
$id_poly_zona = []; |
||||
foreach ($request->getPost('id_poly_zona') ?? [] as $key => $value) { |
||||
$id_poly_zona[] = $Ald->decryptMe($value, $username); |
||||
} |
||||
|
||||
$nip_ar_perekam = []; |
||||
foreach ($request->getPost('nip_ar_perekam') ?? [] as $key => $value) { |
||||
$nip_ar_perekam[] = $Ald->decryptMe($value, $username); |
||||
} |
||||
|
||||
$nip_ar_pengampu = []; |
||||
foreach ($request->getPost('nip_ar_pengampu') ?? [] as $key => $value) { |
||||
$nip_ar_pengampu[] = $Ald->decryptMe($value, $username); |
||||
} |
||||
|
||||
$db = \Config\Database::connect(); |
||||
$KpdlLibrary = new KpdlLibrary; |
||||
if ($bulan == 'semua') { |
||||
|
||||
$npwp = $db->table('KPDL_MV_JML_KPDL A') |
||||
->select('BULAN, SUM(JML) JML') |
||||
->where("TAHUN =" . date('Y')) |
||||
->where('BULAN <=', date('m')) |
||||
->groupBy('BULAN'); |
||||
|
||||
if ($opsiWilZona == 'wilayah') { |
||||
$npwp = $npwp->whereIn('ADM4_PCODE', $adm4_pcode); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'zona') { |
||||
$npwp = $npwp->whereIn('ID_POLY_ZONA', $id_poly_zona); |
||||
} |
||||
if ($opsiWilZona == 'perekam') { |
||||
$npwp = $npwp->whereIn('NIP_PEREKAM', $nip_ar_perekam); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'pengampu') { |
||||
$npwp = $npwp->whereIn('NIP_AR_PENGAMPU', $nip_ar_pengampu); |
||||
} |
||||
|
||||
$npwp = $npwp->getCompiledSelect(); |
||||
|
||||
$data = $db->table('BULAN A') |
||||
->select("A.KODE as BULAN, C.JML") |
||||
->join("(" . $npwp . ") C", 'A.KODE = C.BULAN', 'left') |
||||
->orderBy('BULAN'); |
||||
|
||||
return $KpdlLibrary->single_array($data->get()->getResult(), 'JML'); |
||||
|
||||
} else { |
||||
$tgl_format = date('Y') . '-' . $bulan . '-' . '01'; |
||||
$generateTgl = "SELECT TO_CHAR(LAST_DAY(to_date('" . $tgl_format . "','YYYY-MM-DD')) - level + 1,'DD') AS TGL |
||||
FROM |
||||
dual |
||||
CONNECT BY LEVEL <= (trunc(LAST_DAY(to_date('" . $tgl_format . "','YYYY-MM-DD'))) - to_date('" . $tgl_format . "','YYYY-MM-DD') + 1)"; |
||||
|
||||
$data = $db->table('KPDL_MV_LOKASI_SUBJEK B') |
||||
->select("TO_CHAR(CREATION_DATE,'DD') as TGL, COUNT(1) JML") |
||||
->where("to_char(CREATION_DATE,'YYYY') = ", date('Y')) |
||||
->where("to_char(CREATION_DATE,'MM') = " . $bulan) |
||||
->groupBy("TO_CHAR(CREATION_DATE,'DD')"); |
||||
|
||||
if ($opsiWilZona == 'wilayah') { |
||||
$data = $data->whereIn('ADM4_PCODE', $adm4_pcode); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'zona') { |
||||
$data = $data->whereIn('ID_POLY_ZONA', $id_poly_zona); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'perekam') { |
||||
$data = $data->whereIn('CREATED_BY', $nip_ar_perekam); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'pengampu') { |
||||
$data = $data->whereIn('NIP_AR_PENGAMPU', $nip_ar_pengampu); |
||||
} |
||||
|
||||
$data = $data->getCompiledSelect(); |
||||
|
||||
$dataRet = $db->newQuery() |
||||
->select("A.TGL, B.JML") |
||||
->from("(" . $generateTgl . ") A") |
||||
->join("(" . $data . ") B", "A.TGL = B.TGL", 'left') |
||||
->orderBy("TGL"); |
||||
|
||||
return $KpdlLibrary->single_array($dataRet->get()->getResult(), 'JML'); |
||||
} |
||||
} |
||||
|
||||
protected function generateSeries($bulan) |
||||
{ |
||||
$db = \Config\Database::connect(); |
||||
$tgl_format = date('Y') . '-' . $bulan . '-' . '01'; |
||||
$generateTgl = $db->query("SELECT TO_CHAR(LAST_DAY(to_date('" . $tgl_format . "','YYYY-MM-DD')) - level + 1,'DD') AS TGL |
||||
FROM |
||||
dual |
||||
CONNECT BY LEVEL <= (trunc(LAST_DAY(to_date('" . $tgl_format . "','YYYY-MM-DD'))) - to_date('" . $tgl_format . "','YYYY-MM-DD') + 1) ORDER BY TGL"); |
||||
|
||||
$data = $generateTgl->getResult(); |
||||
$data_arr = []; |
||||
foreach ($data as $row) { |
||||
array_push($data_arr, $row->TGL); |
||||
} |
||||
return $data_arr; |
||||
} |
||||
|
||||
public function detail() |
||||
{ |
||||
$dataRaw = $this->dataRaw('raw')->getResultArray(); |
||||
$dataCount = $this->dataRaw('count')->getRow(); |
||||
$ret = [ |
||||
'data' => $dataRaw, |
||||
'meta' => ['totalRowCount' => $dataCount->JML], |
||||
]; |
||||
return $this->respond($ret, 200); |
||||
} |
||||
|
||||
private function dataRaw($type) |
||||
{ |
||||
$Ald = new AldLibrary; |
||||
$username = session('nip'); |
||||
$start = $this->request->getGet('start'); |
||||
$size = $this->request->getGet('size'); |
||||
$size = ($size > 101) ? 101 : $size; |
||||
$request = json_decode(file_get_contents('php://input')); |
||||
|
||||
$selectedBulan = $Ald->decryptKpdl($request->selectedBulan ?? '', $username) ?? 'semua'; // 1 - 12 / semua |
||||
$query = $request->query; //bulan (1-12) / tanggal (1-31) |
||||
|
||||
$opsiWilZona = $Ald->decryptMe($request->opsiWilZona ?? '', $username); |
||||
$adm4_pcode = []; |
||||
foreach ($request->adm4_pcode ?? [] as $key => $value) { |
||||
$adm4_pcode[] = $Ald->decryptKpdl($value, $username); |
||||
} |
||||
|
||||
$id_poly_zona = []; |
||||
foreach ($request->id_poly_zona ?? [] as $key => $value) { |
||||
$id_poly_zona[] = $Ald->decryptMe($value, $username); |
||||
} |
||||
|
||||
$nip_ar_perekam = []; |
||||
foreach ($request->nip_ar_perekam ?? [] as $key => $value) { |
||||
$nip_ar_perekam[] = $Ald->decryptMe($value, $username); |
||||
} |
||||
|
||||
$nip_ar_pengampu = []; |
||||
foreach ($request->nip_ar_pengampu ?? [] as $key => $value) { |
||||
$nip_ar_pengampu[] = $Ald->decryptMe($value, $username); |
||||
} |
||||
|
||||
$globalFilter = $this->request->getGet('globalFilter'); //string |
||||
$filters = json_decode($this->request->getGet('filters')); // [{"id":"MERK_USAHA","value":"toko"},{"id":"ALAMAT","value":"graha"}] |
||||
$sorting = json_decode($this->request->getGet('sorting')); // [{"id":"ALAMAT","desc":false}] |
||||
|
||||
$db = \Config\Database::connect(); |
||||
$data = $db->table('KPDL_MV_LOKASI_SUBJEK A'); |
||||
$data->join('KPDL_REF_STATUS_SPT', 'ID_STATUS_SPT = STATUS_SPT_TAHUNAN_TERAKHIR', 'left'); |
||||
$data->join('PEGAWAI C', 'NIP_AR_ZONA = C.NIP9', 'left'); |
||||
$data->join('KPDL_MV_OBJEK_PERSUBJEK D', 'A.ID_KPDL_SUBJEK = D.ID_KPDL_SUBJEK', 'left'); |
||||
$data->join('PEGAWAI E', 'NIP_AR_PENGAMPU = E.NIP9', 'left'); |
||||
|
||||
if ($opsiWilZona == 'wilayah') { |
||||
$data->whereIn('ADM4_PCODE', $adm4_pcode); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'zona') { |
||||
$data->whereIn('ID_POLY_ZONA', $id_poly_zona); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'perekam') { |
||||
$data->whereIn('CREATED_BY', $nip_ar_perekam); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'pengampu') { |
||||
$data->whereIn('NIP_AR_PENGAMPU', $nip_ar_pengampu); |
||||
} |
||||
|
||||
$data->where("TO_CHAR(CREATION_DATE,'YYYY')", date('Y')); |
||||
|
||||
if ($selectedBulan == 'semua') { |
||||
$data->where("TO_CHAR(CREATION_DATE,'MM')", sprintf("%02d", $query)); |
||||
} else { |
||||
$data->where("TO_CHAR(CREATION_DATE,'DD')", sprintf("%02d", $query)); |
||||
$data->where("TO_CHAR(CREATION_DATE,'MM')", sprintf("%02d", $selectedBulan)); |
||||
} |
||||
|
||||
if ($globalFilter) { |
||||
$columnFilter = ["NAMA", "ALAMAT", "MERK_USAHA"]; |
||||
$data->GroupStart(); |
||||
$data->orGroupStart(); |
||||
foreach ($columnFilter as $key => $value) { |
||||
$data->orLike("UPPER(" . $value . ")", strtoupper($globalFilter), 'both'); |
||||
} |
||||
$data->groupEnd(); |
||||
$data->groupEnd(); |
||||
} |
||||
|
||||
if (count($filters)) { |
||||
$data->GroupStart(); |
||||
foreach ($filters as $key => $value) { |
||||
if ($value->id == 'NM_AR_ZONA') { |
||||
$data->like("UPPER(C.NAMA)", strtoupper($value->value), 'both'); |
||||
} else if ($value->id == 'NM_AR_PENGAMPU') { |
||||
$data->like("UPPER(E.NAMA)", strtoupper($value->value), 'both'); |
||||
} else if ($value->id == 'NAMA') { |
||||
$data->like("UPPER(A.NAMA)", strtoupper($value->value), 'both'); |
||||
} else { |
||||
$data->like("UPPER(" . $value->id . ")", strtoupper($value->value), 'both'); |
||||
} |
||||
} |
||||
$data->groupEnd(); |
||||
} |
||||
|
||||
if (count($sorting)) { |
||||
foreach ($sorting as $key => $value) { |
||||
if ($value->id == 'NM_AR_ZONA') { |
||||
$data->orderBy("C.NAMA", $value->desc ? 'desc' : 'asc'); |
||||
} else if ($value->id == 'NAMA_AR_PENGAMPU') { |
||||
$data->orderBy("E.NAMA", $value->desc ? 'desc' : 'asc'); |
||||
} else if ($value->id == 'NAMA') { |
||||
$data->orderBy("A.NAMA", $value->desc ? 'desc' : 'asc'); |
||||
} else { |
||||
$data->orderBy($value->id, $value->desc ? 'desc' : 'asc'); |
||||
} |
||||
} |
||||
} |
||||
|
||||
if ($type == 'count') { |
||||
$data->select('count(1) as JML'); |
||||
return $data->get(); |
||||
} |
||||
if ($type == 'raw') { |
||||
|
||||
$data->select("UUID, A.NAMA,GEO_LOK_LAT, GEO_LOK_LING,ALAMAT, PROVINSI, KABUPATEN, KECAMATAN, KELURAHAN, RT, RW, |
||||
A.NPWP, NO_IDENTITAS, MERK_USAHA, NM_KANTOR_PENGAMPU, JUMLAH_PEMBAYARAN_THN_TERAKHIR,STATUS_SPT_TAHUNAN_TERAKHIR, |
||||
NM_KPP_ZONA ,NIP_AR_ZONA, NM_PEREKAM, KPP_ADM_PEREKAM, |
||||
TO_CHAR(CREATION_DATE, 'YYYY-MM-DD HH24:II:SS')CREATION_DATE, KETERANGAN, |
||||
C.NAMA NM_AR_ZONA, E.NAMA NM_AR_PENGAMPU, STATUS_WP_MFWP,JNS_WP_MFWP, COALESCE(D.SUM_NILAI,0) SUM_NILAI |
||||
"); |
||||
// print_r($data->getCompiledSelect()); |
||||
// exit; |
||||
|
||||
return $data->get($size - 1, $start); |
||||
} |
||||
|
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,29 @@
|
||||
<?php |
||||
namespace App\Controllers\Kewilayahan; |
||||
|
||||
use CodeIgniter\API\ResponseTrait; |
||||
use CodeIgniter\Controller; |
||||
|
||||
class Peta extends Controller |
||||
{ |
||||
|
||||
use ResponseTrait; |
||||
|
||||
public function index() |
||||
{ |
||||
// $db = \Config\Database::connect(); |
||||
// $data = []; |
||||
// if (session('isLogin')) { |
||||
// echo view('inc/head'); |
||||
// echo view('inc/navbar'); |
||||
// echo view('inc/sidebar'); |
||||
// echo view('kewilayahan/kytp/kpdl', $data); |
||||
// echo view('inc/footer'); |
||||
// } else { |
||||
// return redirect()->to('auth'); |
||||
// } |
||||
|
||||
return view('kewilayahan/peta/index.html'); |
||||
} |
||||
|
||||
} |
||||
@ -0,0 +1,96 @@
|
||||
<?php |
||||
namespace App\Controllers\Kewilayahan\PoiGoogleMatoa; |
||||
|
||||
use App\Libraries\AldLibrary; |
||||
use App\Libraries\KpdlLibrary; |
||||
|
||||
class PoiGoogleMatoa extends \App\Controllers\Kewilayahan\Kytp |
||||
|
||||
{ |
||||
protected function get_poi_agg($request) |
||||
{ |
||||
ini_set('max_input_vars', 3000); |
||||
$KpdlLib = new KpdlLibrary(); |
||||
$Ald = new AldLibrary(); |
||||
$username = session('nip'); |
||||
|
||||
$opsiWilZona = $Ald->decryptMe($request->getPost('opsiWilZona'), $username) ?? null; |
||||
|
||||
$adm4_pcode = []; |
||||
|
||||
foreach ($request->getPost('adm4_pcode') ?? [] as $key => $value) { |
||||
array_push($adm4_pcode, $Ald->decryptKpdl($value, $username)); |
||||
} |
||||
|
||||
$id_poly_zona = []; |
||||
foreach ($request->getPost('id_poly_zona') ?? [] as $key => $value) { |
||||
array_push($id_poly_zona, $Ald->decryptKpdl($value, $username)); |
||||
} |
||||
|
||||
$db = \Config\Database::connect(); |
||||
$sqlGenerate = $db->table("KPDL_MV_JML_POI_AGG") |
||||
->select("BULAN, sum(JML) as JML") |
||||
->where('TAHUN =', date('Y')) |
||||
->where('BULAN <=', (int) date('m')) |
||||
->groupBy('BULAN'); |
||||
if ($opsiWilZona == 'wilayah') { |
||||
$sqlGenerate->whereIn('ADM4_PCODE', $adm4_pcode); |
||||
} |
||||
if ($opsiWilZona == 'zona') { |
||||
$sqlGenerate->whereIn('ID_POLY_ZONA', $id_poly_zona); |
||||
} |
||||
|
||||
$sqlGenerate = $sqlGenerate->getCompiledSelect(); |
||||
|
||||
$data = $db->table("BULAN a") |
||||
->select("KODE as BULAN, JML") |
||||
->join("(" . $sqlGenerate . ") b", "KODE = BULAN", 'left', false) |
||||
->orderBy("BULAN", 'asc', false)->get()->getResult(); |
||||
|
||||
$dataPoiAgg = $KpdlLib->single_array($data, 'JML'); |
||||
return $dataPoiAgg; |
||||
} |
||||
|
||||
protected function get_kpdl_agg($request) |
||||
{ |
||||
$Ald = new AldLibrary(); |
||||
$KpdlLib = new KpdlLibrary(); |
||||
$username = session('nip'); |
||||
|
||||
$opsiWilZona = $Ald->decryptMe($request->getPost('opsiWilZona'), $username) ?? null; |
||||
|
||||
$adm4_pcode = []; |
||||
|
||||
foreach ($request->getPost('adm4_pcode') ?? [] as $key => $value) { |
||||
array_push($adm4_pcode, $Ald->decryptKpdl($value, $username)); |
||||
} |
||||
|
||||
$id_poly_zona = []; |
||||
foreach ($request->getPost('id_poly_zona') ?? [] as $key => $value) { |
||||
array_push($id_poly_zona, $Ald->decryptKpdl($value, $username)); |
||||
} |
||||
|
||||
$db = \Config\Database::connect(); |
||||
$sqlGenerate = $db->table("KPDL_MV_JML_KPDL_AGG") |
||||
->select("BULAN, sum(JML) as JML") |
||||
->where('TAHUN =', date('Y')) |
||||
->where('BULAN <=', (int) date('m')) |
||||
->groupBy('BULAN'); |
||||
if ($opsiWilZona == 'wilayah') { |
||||
$sqlGenerate->whereIn('ADM4_PCODE', $adm4_pcode); |
||||
} |
||||
if ($opsiWilZona == 'zona') { |
||||
$sqlGenerate->whereIn('ID_POLY_ZONA', $id_poly_zona); |
||||
} |
||||
|
||||
$sqlGenerate = $sqlGenerate->getCompiledSelect(); |
||||
|
||||
$data = $db->table("BULAN a") |
||||
->select("KODE as BULAN, JML") |
||||
->join("(" . $sqlGenerate . ") b", "KODE = BULAN", 'left', false) |
||||
->orderBy("BULAN", 'asc', false)->get()->getResult(); |
||||
|
||||
$dataPoiAgg = $KpdlLib->single_array($data, 'JML'); |
||||
return $dataPoiAgg; |
||||
} |
||||
} |
||||
@ -1,129 +0,0 @@
|
||||
<?php |
||||
namespace App\Controllers\Kewilayahan\Sebaran; |
||||
|
||||
use App\Libraries\AldLibrary; |
||||
use App\Libraries\KpdlLibrary; |
||||
|
||||
class IdentifikasiLapangan extends \App\Controllers\Kewilayahan\Kytp |
||||
|
||||
{ |
||||
|
||||
protected function dataKpdl($request, $bulan) |
||||
{ |
||||
$Ald = new AldLibrary; |
||||
$username = session('nip'); |
||||
|
||||
$opsiWilZona = $Ald->decryptMe($request->getPost('opsiWilZona'), $username); |
||||
$adm4_pcode = []; |
||||
foreach ($request->getPost('adm4_pcode') ?? [] as $key => $value) { |
||||
$adm4_pcode[] = $Ald->decryptKpdl($value, $username); |
||||
} |
||||
|
||||
$id_poly_zona = []; |
||||
foreach ($request->getPost('id_poly_zona') ?? [] as $key => $value) { |
||||
$id_poly_zona[] = $Ald->decryptMe($value, $username); |
||||
} |
||||
|
||||
$nip_ar_perekam = []; |
||||
foreach ($request->getPost('nip_ar_perekam') ?? [] as $key => $value) { |
||||
$nip_ar_perekam[] = $Ald->decryptMe($value, $username); |
||||
} |
||||
|
||||
$nip_ar_pengampu = []; |
||||
foreach ($request->getPost('nip_ar_pengampu') ?? [] as $key => $value) { |
||||
$nip_ar_pengampu[] = $Ald->decryptMe($value, $username); |
||||
} |
||||
|
||||
$db = \Config\Database::connect(); |
||||
$KpdlLibrary = new KpdlLibrary; |
||||
if ($bulan == 'semua') { |
||||
|
||||
$npwp = $db->table('KPDL_MV_JML_KPDL A') |
||||
->select('BULAN, SUM(JML) JML') |
||||
->where("TAHUN =" . date('Y')) |
||||
->where('BULAN <=', date('m')) |
||||
->groupBy('BULAN'); |
||||
|
||||
if ($opsiWilZona == 'wilayah') { |
||||
$npwp = $npwp->whereIn('ADM4_PCODE', $adm4_pcode); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'zona') { |
||||
$npwp = $npwp->whereIn('ID_POLY_ZONA', $id_poly_zona); |
||||
} |
||||
if ($opsiWilZona == 'perekam') { |
||||
$npwp = $npwp->whereIn('NIP_PEREKAM', $nip_ar_perekam); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'pengampu') { |
||||
$npwp = $npwp->whereIn('NIP_AR_PENGAMPU', $nip_ar_pengampu); |
||||
} |
||||
|
||||
$npwp = $npwp->getCompiledSelect(); |
||||
|
||||
$data = $db->table('BULAN A') |
||||
->select("A.KODE as BULAN, C.JML") |
||||
->join("(" . $npwp . ") C", 'A.KODE = C.BULAN', 'left') |
||||
->orderBy('BULAN'); |
||||
|
||||
return $KpdlLibrary->single_array($data->get()->getResult(), 'JML'); |
||||
|
||||
} else { |
||||
$tgl_format = date('Y') . '-' . $bulan . '-' . '01'; |
||||
$generateTgl = "SELECT TO_CHAR(LAST_DAY(to_date('" . $tgl_format . "','YYYY-MM-DD')) - level + 1,'DD') AS TGL |
||||
FROM |
||||
dual |
||||
CONNECT BY LEVEL <= (trunc(LAST_DAY(to_date('" . $tgl_format . "','YYYY-MM-DD'))) - to_date('" . $tgl_format . "','YYYY-MM-DD') + 1)"; |
||||
|
||||
$data = $db->table('KPDL_MV_LOKASI_SUBJEK B') |
||||
->select("TO_CHAR(CREATION_DATE,'DD') as TGL, COUNT(1) JML") |
||||
->where("to_char(CREATION_DATE,'YYYY') = ", date('Y')) |
||||
->where("to_char(CREATION_DATE,'MM') = " . $bulan) |
||||
->groupBy("TO_CHAR(CREATION_DATE,'DD')"); |
||||
|
||||
if ($opsiWilZona == 'wilayah') { |
||||
$data = $data->whereIn('ADM4_PCODE', $adm4_pcode); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'zona') { |
||||
$data = $data->whereIn('ID_POLY_ZONA', $id_poly_zona); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'perekam') { |
||||
$data = $data->whereIn('CREATED_BY', $nip_ar_perekam); |
||||
} |
||||
|
||||
if ($opsiWilZona == 'pengampu') { |
||||
$data = $data->whereIn('NIP_AR_PENGAMPU', $nip_ar_pengampu); |
||||
} |
||||
|
||||
$data = $data->getCompiledSelect(); |
||||
|
||||
$dataRet = $db->newQuery() |
||||
->select("A.TGL, B.JML") |
||||
->from("(" . $generateTgl . ") A") |
||||
->join("(" . $data . ") B", "A.TGL = B.TGL", 'left') |
||||
->orderBy("TGL"); |
||||
|
||||
return $KpdlLibrary->single_array($dataRet->get()->getResult(), 'JML'); |
||||
} |
||||
} |
||||
|
||||
protected function generateSeries($bulan) |
||||
{ |
||||
$db = \Config\Database::connect(); |
||||
$tgl_format = date('Y') . '-' . $bulan . '-' . '01'; |
||||
$generateTgl = $db->query("SELECT TO_CHAR(LAST_DAY(to_date('" . $tgl_format . "','YYYY-MM-DD')) - level + 1,'DD') AS TGL |
||||
FROM |
||||
dual |
||||
CONNECT BY LEVEL <= (trunc(LAST_DAY(to_date('" . $tgl_format . "','YYYY-MM-DD'))) - to_date('" . $tgl_format . "','YYYY-MM-DD') + 1) ORDER BY TGL"); |
||||
|
||||
$data = $generateTgl->getResult(); |
||||
$data_arr = []; |
||||
foreach ($data as $row) { |
||||
array_push($data_arr, $row->TGL); |
||||
} |
||||
return $data_arr; |
||||
} |
||||
|
||||
} |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,6 @@
|
||||
/******/ (() => { // webpackBootstrap
|
||||
const Root = () => { |
||||
return /*#__PURE__*/React.createElement(React.Fragment, null); |
||||
}; |
||||
/******/ })() |
||||
; |
||||
@ -0,0 +1,468 @@
|
||||
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react' |
||||
import Highcharts from 'highcharts' |
||||
import HighchartsReact from 'highcharts-react-official' |
||||
import { Col, Row } from 'reactstrap' |
||||
import { Badge } from 'primereact/badge' |
||||
import { Button as ButtonP } from 'primereact/button' |
||||
import { format_angka } from '../util' |
||||
import collect from 'collect.js' |
||||
import $ from 'jquery' |
||||
import 'primereact/resources/themes/bootstrap4-light-blue/theme.css' |
||||
import 'primeflex/primeflex.css' |
||||
|
||||
import { Sidebar } from 'primereact/sidebar' |
||||
import { MantineReactTable, useMantineReactTable } from 'mantine-react-table' |
||||
import { Text } from '@mantine/core' |
||||
|
||||
import { QueryClient, QueryClientProvider, useInfiniteQuery } from '@tanstack/react-query' |
||||
import dayjs from 'dayjs' |
||||
var relativeTime = require('dayjs/plugin/relativeTime') |
||||
const fetchSize = 101 |
||||
|
||||
const PenugasanKpdl = ({ dataSend }) => { |
||||
const base_url = '<?=base_url()?>' |
||||
|
||||
const refChart = useRef(null) |
||||
const [data, setData] = useState({ |
||||
kpdl: [], |
||||
akum: [], |
||||
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] |
||||
}) |
||||
|
||||
const [selectedBulan, setSelectedBulan] = useState('') |
||||
const [selectedBulanText, setSelectedBulanText] = useState('semua') |
||||
const [bulan, setBulan] = useState([]) |
||||
|
||||
const [visibleSidebar, setVisibleSidebar] = useState(false) |
||||
const [query, setQuery] = useState(null) |
||||
|
||||
useEffect(() => { |
||||
if (selectedBulan != '') { |
||||
$.get({ |
||||
url: base_url + 'kewilayahan/kytp/identifikasiLapangan', |
||||
dataType: 'json', |
||||
type: 'POST', |
||||
data: { |
||||
...dataSend, |
||||
bulan: selectedBulan |
||||
}, |
||||
success: (data) => { |
||||
setData(data) |
||||
} |
||||
}) |
||||
} |
||||
}, [dataSend, selectedBulan]) |
||||
|
||||
useEffect(() => { |
||||
$.get({ |
||||
url: base_url + 'kewilayahan/kytp/getBulan', |
||||
dataType: 'json', |
||||
type: 'GET', |
||||
success: (data) => { |
||||
setBulan(data) |
||||
setSelectedBulan(data[0].value) |
||||
} |
||||
}) |
||||
}, []) |
||||
|
||||
const optionsChart1 = () => { |
||||
return { |
||||
chart: { |
||||
zoomType: 'xy', |
||||
height: '320pt' |
||||
}, |
||||
title: { |
||||
text: '', |
||||
align: 'left' |
||||
}, |
||||
subtitle: { |
||||
align: 'left' |
||||
}, |
||||
xAxis: [ |
||||
{ |
||||
categories: data.categories, |
||||
crosshair: true |
||||
} |
||||
], |
||||
|
||||
yAxis: [ |
||||
{ |
||||
labels: { |
||||
style: { |
||||
color: Highcharts.getOptions().colors[2] |
||||
} |
||||
}, |
||||
title: { |
||||
text: 'Lokasi KPDL', |
||||
style: { |
||||
color: Highcharts.getOptions().colors[2] |
||||
} |
||||
}, |
||||
opposite: true |
||||
}, |
||||
{ |
||||
title: { |
||||
text: 'Lokasi KPDL s.d.', |
||||
style: { |
||||
color: Highcharts.getOptions().colors[0] |
||||
} |
||||
}, |
||||
labels: { |
||||
style: { |
||||
color: Highcharts.getOptions().colors[0] |
||||
} |
||||
}, |
||||
opposite: true |
||||
} |
||||
], |
||||
|
||||
tooltip: { |
||||
shared: true |
||||
}, |
||||
legend: { |
||||
layout: 'horizontal', |
||||
align: 'center', |
||||
|
||||
verticalAlign: 'top', |
||||
backgroundColor: |
||||
Highcharts.defaultOptions.legend.backgroundColor || // theme |
||||
'rgba(255,255,255,0.25)' |
||||
}, |
||||
plotOptions: { |
||||
series: { |
||||
cursor: 'pointer', |
||||
point: { |
||||
events: { |
||||
click: function () { |
||||
// console.log(this) |
||||
if (this.series.userOptions.seriesType === 'kpdl_tunggal') { |
||||
setQuery(this.index + 1) |
||||
setVisibleSidebar(true) |
||||
} else { |
||||
return |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
series: [ |
||||
{ |
||||
name: 'Lokasi KPDL', |
||||
seriesType: 'kpdl_tunggal', |
||||
type: 'column', |
||||
yAxis: 0, |
||||
color: Highcharts.getOptions().colors[2], |
||||
data: data.kpdl, |
||||
marker: { |
||||
enabled: true |
||||
}, |
||||
tooltip: { |
||||
valueSuffix: ' Kpdl' |
||||
} |
||||
}, |
||||
|
||||
{ |
||||
name: 'Lokasi KPDL akumulasi', |
||||
seriesType: 'kpdl_akumulasi', |
||||
type: 'spline', |
||||
yAxis: 1, |
||||
data: data.akum, |
||||
marker: { |
||||
enabled: true |
||||
}, |
||||
tooltip: { |
||||
valueSuffix: ' data' |
||||
}, |
||||
visible: false |
||||
} |
||||
] |
||||
} |
||||
} |
||||
|
||||
const refBulanOnClick = (e) => { |
||||
const kodeBulan = e.target.dataset.value |
||||
const labelBulan = e.target.dataset.label |
||||
setSelectedBulan(kodeBulan) |
||||
setSelectedBulanText(labelBulan) |
||||
} |
||||
|
||||
const TableDetailGraph = ({ dataSend, query }) => { |
||||
const tableContainerRef = useRef(null) |
||||
const rowVirtualizerInstanceRef = useRef(null) |
||||
const [columnFilters, setColumnFilters] = useState([]) |
||||
const [globalFilter, setGlobalFilter] = useState() |
||||
const [sorting, setSorting] = useState([]) |
||||
const base_url = '<?=base_url()?>' |
||||
const { data, fetchNextPage, isError, isFetching, isLoading } = useInfiniteQuery({ |
||||
queryKey: ['table-data', columnFilters, globalFilter, sorting], |
||||
|
||||
queryFn: async ({ pageParam = 0 }) => { |
||||
const url = new URL(base_url + 'kewilayahan/identaktifitashasil/identifikasilapangan/detail') |
||||
url.searchParams.set('start', `${pageParam * fetchSize}`) |
||||
url.searchParams.set('size', `${fetchSize}`) |
||||
url.searchParams.set('filters', JSON.stringify(columnFilters ?? [])) |
||||
url.searchParams.set('globalFilter', globalFilter ?? '') |
||||
url.searchParams.set('sorting', JSON.stringify(sorting ?? [])) |
||||
|
||||
const response = await fetch(url.href, { |
||||
method: 'POST', |
||||
headers: { |
||||
Accept: 'application/json', |
||||
'Content-Type': 'application/json' |
||||
}, |
||||
body: JSON.stringify({ |
||||
query, |
||||
selectedBulan, |
||||
...dataSend |
||||
}) |
||||
}) |
||||
|
||||
const json = await response.json() |
||||
return json |
||||
}, |
||||
getNextPageParam: (_lastGroup, groups) => groups.length, |
||||
keepPreviousData: true, |
||||
refetchOnWindowFocus: false |
||||
}) |
||||
|
||||
const flatData = useMemo(() => data?.pages.flatMap((page) => page.data) ?? [], [data]) |
||||
const totalDBRowCount = data?.pages?.[0]?.meta?.totalRowCount ?? 0 |
||||
const totalFetched = flatData.length |
||||
|
||||
const fetchMoreOnBottomReached = useCallback( |
||||
(containerRefElement) => { |
||||
if (containerRefElement) { |
||||
const { scrollHeight, scrollTop, clientHeight } = containerRefElement |
||||
//once the user has scrolled within 400px of the bottom of the table, fetch more data if we can |
||||
if (scrollHeight - scrollTop - clientHeight < 400 && !isFetching && totalFetched < totalDBRowCount) { |
||||
fetchNextPage() |
||||
} |
||||
} |
||||
}, |
||||
|
||||
[fetchNextPage, isFetching, totalFetched, totalDBRowCount] |
||||
) |
||||
|
||||
const columns = [ |
||||
{ |
||||
accessorKey: 'NAMA', |
||||
header: 'Nama' |
||||
}, |
||||
|
||||
{ |
||||
accessorKey: 'MERK_USAHA', |
||||
header: 'Merk Usaha' |
||||
}, |
||||
{ |
||||
accessorKey: 'NO_IDENTITAS', |
||||
header: 'No Identitas' |
||||
}, |
||||
{ |
||||
accessorKey: 'NPWP', |
||||
header: 'NPWP', |
||||
enableClickToCopy: true, |
||||
size: 150 |
||||
}, |
||||
{ |
||||
accessorKey: 'ALAMAT', |
||||
header: 'Alamat' |
||||
}, |
||||
{ |
||||
accessorKey: 'KELURAHAN', |
||||
header: 'Wil. Adm.', |
||||
Cell: (data) => { |
||||
const dataRow = data.row.original |
||||
return `${dataRow.KELURAHAN} ${dataRow.KECAMATAN} ${dataRow.KABUPATEN} ${dataRow.PROVINSI}` |
||||
} |
||||
}, |
||||
{ |
||||
accessorKey: 'STATUS_WP_MFWP', |
||||
header: 'Status WP' |
||||
}, |
||||
{ |
||||
accessorKey: 'JNS_WP_MFWP', |
||||
header: 'Jenis WP' |
||||
}, |
||||
{ |
||||
accessorKey: 'NM_KANTOR_PENGAMPU', |
||||
header: 'KPP Terdaftar' |
||||
}, |
||||
{ |
||||
accessorKey: 'NM_AR_PENGAMPU', |
||||
header: 'AR Pengampu' |
||||
}, |
||||
{ |
||||
accessorKey: 'JUMLAH_PEMBAYARAN_THN_TERAKHIR', |
||||
header: 'Rp', |
||||
Cell: ({ cell }) => parseFloat(cell.getValue()).toLocaleString('id-ID'), |
||||
mantineTableHeadCellProps: { |
||||
align: 'right' |
||||
}, |
||||
mantineTableBodyCellProps: { |
||||
align: 'right' |
||||
}, |
||||
size: 100 |
||||
}, |
||||
{ |
||||
accessorKey: 'KETERANGAN', |
||||
header: 'SPT' |
||||
}, |
||||
{ |
||||
accessorKey: 'SUM_NILAI', |
||||
header: 'NILAI DATA', |
||||
Cell: ({ cell }) => parseFloat(cell.getValue()).toLocaleString('id-ID'), |
||||
mantineTableHeadCellProps: { |
||||
align: 'right' |
||||
}, |
||||
mantineTableBodyCellProps: { |
||||
align: 'right' |
||||
} |
||||
}, |
||||
{ |
||||
accessorKey: 'NM_KPP_ZONA', |
||||
header: 'KPP Lokasi' |
||||
}, |
||||
{ |
||||
accessorKey: 'NM_AR_ZONA', |
||||
header: 'AR Wilayah', |
||||
filter: false |
||||
}, |
||||
{ |
||||
accessorKey: 'NM_PEREKAM', |
||||
header: 'Perekam' |
||||
}, |
||||
{ |
||||
accessorKey: 'CREATION_DATE', |
||||
header: 'Tgl Rekam', |
||||
Cell: ({ cell }) => { |
||||
return dayjs(cell.getValue()).format('YYYY-MM-DD HH:mm:ss') |
||||
} |
||||
} |
||||
] |
||||
|
||||
useEffect(() => { |
||||
if (rowVirtualizerInstanceRef.current) { |
||||
try { |
||||
rowVirtualizerInstanceRef.current.scrollToIndex(0) |
||||
} catch (e) { |
||||
console.error(e) |
||||
} |
||||
} |
||||
}, [sorting, columnFilters, globalFilter]) |
||||
|
||||
//a check on mount to see if the table is already scrolled to the bottom and immediately needs to fetch more data |
||||
|
||||
useEffect(() => { |
||||
fetchMoreOnBottomReached(tableContainerRef.current) |
||||
}, [fetchMoreOnBottomReached]) |
||||
|
||||
const table1 = useMantineReactTable({ |
||||
columns, |
||||
data: flatData, |
||||
enablePagination: false, |
||||
enableRowNumbers: true, |
||||
enableRowVirtualization: true, //optional, but recommended if it is likely going to be more than 100 rows |
||||
manualFiltering: true, |
||||
manualSorting: true, |
||||
mantineTableContainerProps: { |
||||
ref: tableContainerRef, //get access to the table container element |
||||
sx: { maxHeight: '600px' }, //give the table a max height |
||||
onScroll: ( |
||||
event //add an event listener to the table container element |
||||
) => fetchMoreOnBottomReached(event.target) |
||||
}, |
||||
mantineToolbarAlertBannerProps: { |
||||
color: 'red', |
||||
children: 'Error loading data' |
||||
}, |
||||
onColumnFiltersChange: setColumnFilters, |
||||
onGlobalFilterChange: setGlobalFilter, |
||||
onSortingChange: setSorting, |
||||
renderBottomToolbarCustomActions: () => ( |
||||
<Text className="text-sm"> |
||||
Fetched {totalFetched} of {totalDBRowCount} total rows. |
||||
</Text> |
||||
), |
||||
state: { |
||||
columnFilters, |
||||
globalFilter, |
||||
isLoading, |
||||
showAlertBanner: isError, |
||||
showProgressBars: isFetching, |
||||
sorting |
||||
}, |
||||
rowVirtualizerInstanceRef, //get access to the virtualizer instance |
||||
rowVirtualizerProps: { overscan: 10 }, |
||||
mantineTableBodyCellProps: { className: 'p-1 text-xs' } |
||||
}) |
||||
|
||||
return <MantineReactTable table={table1} /> |
||||
} |
||||
|
||||
const queryClient = new QueryClient() |
||||
|
||||
return ( |
||||
<> |
||||
<Row> |
||||
<Col md="12"> |
||||
<div className="d-flex justify-content-between border-bottom-1 pb-2"> |
||||
<div> |
||||
<span className="mr-2">Bulan :</span> |
||||
{bulan.map((val, idx) => { |
||||
return ( |
||||
<Badge |
||||
key={idx} |
||||
id={idx} |
||||
data-value={val.value} |
||||
data-label={val.label} |
||||
severity="warning" |
||||
value={val.label} |
||||
className="ref_bulan_a cursor-pointer mr-10" |
||||
onClick={(e) => refBulanOnClick(e)} |
||||
></Badge> |
||||
) |
||||
})} |
||||
</div> |
||||
<div> |
||||
<span>Bulan terpilih : </span> |
||||
<span>{selectedBulanText}</span> |
||||
</div> |
||||
</div> |
||||
</Col> |
||||
</Row> |
||||
<Row> |
||||
<Col> |
||||
<HighchartsReact ref={refChart} highcharts={Highcharts} options={optionsChart1()} /> |
||||
</Col> |
||||
</Row> |
||||
<Row> |
||||
<Col> |
||||
<Sidebar |
||||
header={ |
||||
<> |
||||
<h4>Detail Data</h4> |
||||
</> |
||||
} |
||||
visible={visibleSidebar} |
||||
position="bottom" |
||||
onHide={() => setVisibleSidebar(false)} |
||||
style={{ height: 'calc(100vh - 100px)' }} |
||||
blockScroll |
||||
pt={{ header: { className: 'p-1' }, closeButton: { style: { width: '2rem', height: '1rem' } } }} |
||||
> |
||||
<Row> |
||||
<Col> |
||||
<QueryClientProvider client={queryClient}> |
||||
<TableDetailGraph dataSend={dataSend} query={query} /> |
||||
</QueryClientProvider> |
||||
</Col> |
||||
</Row> |
||||
</Sidebar> |
||||
</Col> |
||||
</Row> |
||||
</> |
||||
) |
||||
} |
||||
|
||||
export default PenugasanKpdl |
||||
@ -1,198 +0,0 @@
|
||||
import React, { useEffect, useRef, useState } from "react" |
||||
import Highcharts from "highcharts" |
||||
import HighchartsReact from "highcharts-react-official" |
||||
import { Col, Row } from "reactstrap" |
||||
import { Badge } from "primereact/badge" |
||||
import { Button as ButtonP } from "primereact/button" |
||||
import { format_angka } from "../util" |
||||
import collect from "collect.js" |
||||
import $ from "jquery" |
||||
import "primereact/resources/themes/bootstrap4-light-blue/theme.css" |
||||
import "primeflex/primeflex.css" |
||||
|
||||
const ChartKpdl = ({ dataSend }) => { |
||||
const base_url = "<?=base_url()?>" |
||||
|
||||
const refChart = useRef(null) |
||||
const [data, setData] = useState({ |
||||
kpdl: [], |
||||
akum: [], |
||||
categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] |
||||
}) |
||||
|
||||
const [selectedBulan, setSelectedBulan] = useState("") |
||||
const [selectedBulanText, setSelectedBulanText] = useState("semua") |
||||
const [bulan, setBulan] = useState([]) |
||||
|
||||
useEffect(() => { |
||||
if (selectedBulan != "") { |
||||
$.get({ |
||||
url: base_url + "kewilayahan/kytp/identifikasiLapangan", |
||||
dataType: "json", |
||||
type: "POST", |
||||
data: { |
||||
...dataSend, |
||||
bulan: selectedBulan |
||||
}, |
||||
success: (data) => { |
||||
setData(data) |
||||
} |
||||
}) |
||||
} |
||||
}, [dataSend, selectedBulan]) |
||||
|
||||
useEffect(() => { |
||||
$.get({ |
||||
url: base_url + "kewilayahan/kytp/getBulan", |
||||
dataType: "json", |
||||
type: "GET", |
||||
success: (data) => { |
||||
setBulan(data) |
||||
setSelectedBulan(data[0].value) |
||||
} |
||||
}) |
||||
}, []) |
||||
|
||||
const optionsChart1 = () => { |
||||
return { |
||||
chart: { |
||||
zoomType: "xy", |
||||
height: "320pt" |
||||
}, |
||||
title: { |
||||
text: "", |
||||
align: "left" |
||||
}, |
||||
subtitle: { |
||||
align: "left" |
||||
}, |
||||
xAxis: [ |
||||
{ |
||||
categories: data.categories, |
||||
crosshair: true |
||||
} |
||||
], |
||||
|
||||
yAxis: [ |
||||
{ |
||||
labels: { |
||||
style: { |
||||
color: Highcharts.getOptions().colors[2] |
||||
} |
||||
}, |
||||
title: { |
||||
text: "Lokasi KPDL", |
||||
style: { |
||||
color: Highcharts.getOptions().colors[2] |
||||
} |
||||
}, |
||||
opposite: true |
||||
}, |
||||
{ |
||||
title: { |
||||
text: "Lokasi KPDL s.d.", |
||||
style: { |
||||
color: Highcharts.getOptions().colors[0] |
||||
} |
||||
}, |
||||
labels: { |
||||
style: { |
||||
color: Highcharts.getOptions().colors[0] |
||||
} |
||||
}, |
||||
opposite: true |
||||
} |
||||
], |
||||
|
||||
tooltip: { |
||||
shared: true |
||||
}, |
||||
legend: { |
||||
layout: "horizontal", |
||||
align: "center", |
||||
|
||||
verticalAlign: "top", |
||||
backgroundColor: |
||||
Highcharts.defaultOptions.legend.backgroundColor || // theme
|
||||
"rgba(255,255,255,0.25)" |
||||
}, |
||||
// plotOptions: {
|
||||
// // series: hijau_klik_series
|
||||
// },
|
||||
series: [ |
||||
{ |
||||
name: "Lokasi KPDL", |
||||
type: "column", |
||||
yAxis: 0, |
||||
color: Highcharts.getOptions().colors[2], |
||||
data: data.kpdl, |
||||
marker: { |
||||
enabled: true |
||||
}, |
||||
tooltip: { |
||||
valueSuffix: " Kpdl" |
||||
} |
||||
}, |
||||
|
||||
{ |
||||
name: "Lokasi KPDL akumulasi", |
||||
type: "spline", |
||||
yAxis: 1, |
||||
data: data.akum, |
||||
marker: { |
||||
enabled: true |
||||
}, |
||||
tooltip: { |
||||
valueSuffix: " data" |
||||
}, |
||||
visible: false |
||||
} |
||||
] |
||||
} |
||||
} |
||||
|
||||
const refBulanOnClick = (e) => { |
||||
// console.log(e)
|
||||
const kodeBulan = e.target.dataset.value |
||||
const labelBulan = e.target.dataset.label |
||||
setSelectedBulan(kodeBulan) |
||||
setSelectedBulanText(labelBulan) |
||||
} |
||||
return ( |
||||
<> |
||||
<Row> |
||||
<Col md="12"> |
||||
<div className="d-flex justify-content-between border-bottom-1 pb-2"> |
||||
<div> |
||||
<span className="mr-2">Bulan :</span> |
||||
{bulan.map((val, idx) => { |
||||
return ( |
||||
<Badge |
||||
id={idx} |
||||
data-value={val.value} |
||||
data-label={val.label} |
||||
severity="warning" |
||||
value={val.label} |
||||
className="ref_bulan_a cursor-pointer mr-10" |
||||
onClick={(e) => refBulanOnClick(e)} |
||||
></Badge> |
||||
) |
||||
})} |
||||
</div> |
||||
<div> |
||||
<span>Bulan terpilih : </span> |
||||
<span>{selectedBulanText}</span> |
||||
</div> |
||||
</div> |
||||
</Col> |
||||
</Row> |
||||
<Row> |
||||
<Col> |
||||
<HighchartsReact ref={refChart} highcharts={Highcharts} options={optionsChart1()} /> |
||||
</Col> |
||||
</Row> |
||||
</> |
||||
) |
||||
} |
||||
|
||||
export default ChartKpdl |
||||
@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en" dir="ltr"> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" /> |
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" /> |
||||
<meta name="theme-color" content="#000000" /> |
||||
<!-- |
||||
manifest.json provides metadata used when your web app is installed on a |
||||
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ |
||||
--> |
||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> |
||||
<!-- |
||||
Notice the use of %PUBLIC_URL% in the tags above. |
||||
It will be replaced with the URL of the `public` folder during the build. |
||||
Only files inside the `public` folder can be referenced from the HTML. |
||||
|
||||
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will |
||||
work correctly both with client-side routing and a non-root public URL. |
||||
Learn how to configure a non-root public URL by running `npm run build`. |
||||
--> |
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600" /> |
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" /> --> |
||||
<!-- <link |
||||
rel="stylesheet" |
||||
href="https://unpkg.com/leaflet@1.9.2/dist/leaflet.css" |
||||
integrity="sha256-sA+zWATbFveLLNqWO2gtiw3HL/lh1giY/Inf1BJ0z14=" |
||||
crossorigin="" |
||||
/> --> |
||||
<title>%REACT_APP_SITE_TITLE%</title> |
||||
</head> |
||||
<body> |
||||
<div id="root"> |
||||
<h1>TEST HTML</h1> |
||||
</div> |
||||
<!-- |
||||
This HTML file is a template. |
||||
If you open it directly in the browser, you will see an empty page. |
||||
|
||||
You can add webfonts, meta tags, or analytics to this file. |
||||
The build step will place the bundled scripts into the <body> tag. |
||||
|
||||
To begin the development, run `npm start` or `yarn start`. |
||||
To create a production bundle, use `npm run build` or `yarn build`. |
||||
--> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,3 @@
|
||||
const Root = () => { |
||||
return <></> |
||||
} |
||||
@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="en" dir="ltr"> |
||||
<head> |
||||
<meta charset="utf-8" /> |
||||
<!-- <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" /> --> |
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" /> |
||||
<meta name="theme-color" content="#000000" /> |
||||
<!-- |
||||
manifest.json provides metadata used when your web app is installed on a |
||||
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ |
||||
--> |
||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> |
||||
<!-- |
||||
Notice the use of %PUBLIC_URL% in the tags above. |
||||
It will be replaced with the URL of the `public` folder during the build. |
||||
Only files inside the `public` folder can be referenced from the HTML. |
||||
|
||||
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will |
||||
work correctly both with client-side routing and a non-root public URL. |
||||
Learn how to configure a non-root public URL by running `npm run build`. |
||||
--> |
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600" /> |
||||
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css" /> --> |
||||
<!-- <link |
||||
rel="stylesheet" |
||||
href="https://unpkg.com/leaflet@1.9.2/dist/leaflet.css" |
||||
integrity="sha256-sA+zWATbFveLLNqWO2gtiw3HL/lh1giY/Inf1BJ0z14=" |
||||
crossorigin="" |
||||
/> --> |
||||
<!-- <title>%REACT_APP_SITE_TITLE%</title> --> |
||||
</head> |
||||
<body> |
||||
<div id="root"> |
||||
<h1>TEST HTML</h1> |
||||
</div> |
||||
<!-- |
||||
This HTML file is a template. |
||||
If you open it directly in the browser, you will see an empty page. |
||||
|
||||
You can add webfonts, meta tags, or analytics to this file. |
||||
The build step will place the bundled scripts into the <body> tag. |
||||
|
||||
To begin the development, run `npm start` or `yarn start`. |
||||
To create a production bundle, use `npm run build` or `yarn build`. |
||||
--> |
||||
</body> |
||||
</html> |
||||
Loading…
Reference in new issue