/* Peserta Bantuan Styles */ .box-info { border-top-color: #3c8dbc; } .box-header { padding: 15px; } .box-title { font-weight: 600; font-size: 16px; } .table-container { margin: 0 1rem; padding: 15px 0; } #peserta_program { width: 100% !important; } #peserta_program thead th { background-color: #f7f7f7; font-weight: 600; border-bottom: 2px solid #ddd; } #peserta_program tbody tr:hover { background-color: #f5f5f5; } .title_text { width: 100%; } .single_page_content ul li { padding-left: 0; } /* Responsive table adjustments */ @media (max-width: 768px) { .table-container { margin: 0 0.5rem; } .table-responsive { font-size: 14px; } #peserta_program th, #peserta_program td { padding: 8px 4px; } } /* DataTables custom styling */ .dataTables_wrapper .dataTables_length select { padding: 4px 8px; border-radius: 4px; } .dataTables_wrapper .dataTables_filter input { padding: 6px 12px; border-radius: 4px; border: 1px solid #ddd; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; }

const bantuanUrl = 'https://www.pasimarannu-sinjai.desa.id/internal_api/peserta_bantuan/bantuan_keluarga?filter[tahun]='

/* Statistik Penduduk Grafik Styles */ tr.lebih { display: none; } .input-sm { padding: 4px 4px; } .table-responsive { min-height: 275px; } .table-controls { padding: 10px 0; margin-top: 10px; border-top: 1px solid #f0f0f0; } .box-title { font-weight: 600; } .angka { text-align: right; } .nol { color: #999; font-style: italic; } /* Chart container styling */ #container_bantuan_keluarga { min-height: 400px; width: 100%; } /* Responsive design */ @media (max-width: 768px) { .btn-group-vertical { display: block; } .box-tools { margin-bottom: 10px; } .table-responsive { min-height: auto; } .table-controls .pull-left, .table-controls .pull-right { float: none !important; display: block; margin-bottom: 5px; } } /* Print styles */ @media print { .box-tools, .table-controls { display: none; } } const rawData_bantuan_keluarga = Object.values([{"id":4,"slug":"blt-dana-desa-2022","nama":"BLT DANA DESA 2022","jumlah":90,"persen":"14,98%","laki":39,"persen1":"6,49%","perempuan":51,"persen2":"8,49%"},{"id":666,"nama":"PENERIMA","slug":666,"jumlah":90,"persen":"14,98%","laki":39,"persen1":"43,33%","perempuan":51,"persen2":"56,67%"},{"id":777,"nama":"BUKAN PENERIMA","slug":777,"jumlah":511,"persen":"85,02%","laki":439,"persen1":"85,91%","perempuan":72,"persen2":"14,09%"},{"id":888,"nama":"TOTAL","slug":888,"jumlah":601,"persen":"100,00%","laki":478,"persen1":"79,53%","perempuan":123,"persen2":"20,47%"}]); const type_bantuan_keluarga = 'pie'; const legend_bantuan_keluarga = Boolean(!0); let categories_bantuan_keluarga = []; let data_bantuan_keluarga = []; let i_bantuan_keluarga = 1; let status_tampilkan_bantuan_keluarga = true; for (const stat of rawData_bantuan_keluarga) { if (stat.nama !== 'TOTAL' && stat.nama !== 'JUMLAH' && stat.nama != 'PENERIMA') { let filteredData = [stat.nama, parseInt(stat.jumlah)]; categories_bantuan_keluarga.push(i_bantuan_keluarga); data_bantuan_keluarga.push(filteredData); i_bantuan_keluarga++; } } function tampilkan_nol(tampilkan = false) { if (tampilkan) { $(".nol").parent().show(); } else { $(".nol").parent().hide(); } } function toggle_tampilkan_bantuan_keluarga() { $('#showData').click(); tampilkan_nol(status_tampilkan_bantuan_keluarga); status_tampilkan_bantuan_keluarga = !status_tampilkan_bantuan_keluarga; if (status_tampilkan_bantuan_keluarga) { $('#tampilkan').text('Tampilkan Nol'); } else { $('#tampilkan').text('Sembunyikan Nol'); } } function switchType_bantuan_keluarga() { var chartType = chart_bantuan_keluarga.series[0].type; chart_bantuan_keluarga.series[0].update({ type: (chartType === 'pie') ? 'column' : 'pie' }); $("#barType_bantuan_keluarga").html((chartType === 'pie') ? 'Pie Chart' : 'Bar Graph'); } $(document).ready(function() { tampilkan_nol(false); chart_bantuan_keluarga = new Highcharts.Chart({ chart: { renderTo: 'container_bantuan_keluarga', options3d: { enabled: true, alpha: 45 } }, title: 0, yAxis: { showEmpty: false, }, xAxis: { categories: categories_bantuan_keluarga, }, plotOptions: { series: { colorByPoint: true }, column: { pointPadding: -0.1, borderWidth: 0, showInLegend: false, depth: 45 }, pie: { allowPointSelect: true, cursor: 'pointer', showInLegend: true, depth: 45, innerSize: 70 } }, legend: { enabled: legend_bantuan_keluarga }, series: [{ type: type_bantuan_keluarga, name: 'Jumlah Populasi', shadow: 1, border: 1, data: data_bantuan_keluarga }] }); $('#showData').click(function() { $('tr.lebih').show(); $('#showData').hide(); tampilkan_nol(false); }); });