done all view dummy new modul
This commit is contained in:
arifal
90
resources/js/approval/index.js
Normal file
90
resources/js/approval/index.js
Normal file
@@ -0,0 +1,90 @@
|
||||
import { Grid } from "gridjs/dist/gridjs.umd.js";
|
||||
import "gridjs/dist/gridjs.umd.js";
|
||||
import gridjs from "gridjs/dist/gridjs.umd.js";
|
||||
import GlobalConfig from "../global-config";
|
||||
|
||||
class Approval {
|
||||
constructor() {
|
||||
this.toastMessage = document.getElementById("toast-message");
|
||||
this.toastElement = document.getElementById("toastNotification");
|
||||
this.toast = new bootstrap.Toast(this.toastElement);
|
||||
this.table = null;
|
||||
this.initTableApproval();
|
||||
}
|
||||
initTableApproval() {
|
||||
let tableContainer = document.getElementById("table-approvals");
|
||||
this.table = new Grid({
|
||||
columns: [
|
||||
"ID",
|
||||
{ name: "Name", width: "15%" },
|
||||
{ name: "Condition", width: "7%" },
|
||||
"Registration Number",
|
||||
"Document Number",
|
||||
{ name: "Address", width: "30%" },
|
||||
"Status",
|
||||
"Function Type",
|
||||
"Consultation Type",
|
||||
{ name: "Due Date", width: "10%" },
|
||||
{
|
||||
name: "Action",
|
||||
formatter: (cell) => {
|
||||
return gridjs.html(`
|
||||
<div class="d-flex justify-content-center align-items-center gap-2">
|
||||
<button class="btn btn-sm btn-success approve-btn" data-id="${cell}">
|
||||
Approve
|
||||
</button>
|
||||
<button class="btn btn-sm btn-danger reject-btn" data-id="${cell}">
|
||||
Reject
|
||||
</button>
|
||||
</div>
|
||||
`);
|
||||
},
|
||||
},
|
||||
],
|
||||
search: {
|
||||
server: {
|
||||
url: (prev, keyword) => `${prev}?search=${keyword}`,
|
||||
},
|
||||
debounceTimeout: 1000,
|
||||
},
|
||||
pagination: {
|
||||
limit: 15,
|
||||
server: {
|
||||
url: (prev, page) =>
|
||||
`${prev}${prev.includes("?") ? "&" : "?"}page=${
|
||||
page + 1
|
||||
}`,
|
||||
},
|
||||
},
|
||||
sort: true,
|
||||
server: {
|
||||
url: `${GlobalConfig.apiHost}/api/request-assignments`,
|
||||
credentials: "include",
|
||||
headers: {
|
||||
Authorization: `Bearer ${document
|
||||
.querySelector('meta[name="api-token"]')
|
||||
.getAttribute("content")}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
then: (data) =>
|
||||
data.data.map((item) => [
|
||||
item.id,
|
||||
item.name,
|
||||
item.condition,
|
||||
item.registration_number,
|
||||
item.document_number,
|
||||
item.address,
|
||||
item.status_name,
|
||||
item.function_type,
|
||||
item.consultation_type,
|
||||
item.due_date,
|
||||
item.id,
|
||||
]),
|
||||
total: (data) => data.meta.total,
|
||||
},
|
||||
}).render(tableContainer);
|
||||
}
|
||||
}
|
||||
document.addEventListener("DOMContentLoaded", function (e) {
|
||||
new Approval();
|
||||
});
|
||||
56
resources/js/invitations/index.js
Normal file
56
resources/js/invitations/index.js
Normal file
@@ -0,0 +1,56 @@
|
||||
import { Grid } from "gridjs/dist/gridjs.umd.js";
|
||||
import "gridjs/dist/gridjs.umd.js";
|
||||
|
||||
// Fungsi untuk menghasilkan data dummy
|
||||
function generateDummyInvitations(count = 10) {
|
||||
const statuses = ["Terkirim", "Gagal", "Menunggu"];
|
||||
const dummyData = [];
|
||||
|
||||
for (let i = 1; i <= count; i++) {
|
||||
const email = `user${i}@example.com`;
|
||||
const status = statuses[Math.floor(Math.random() * statuses.length)];
|
||||
const createdAt = new Date(
|
||||
Date.now() - Math.floor(Math.random() * 100000000)
|
||||
)
|
||||
.toISOString()
|
||||
.replace("T", " ")
|
||||
.substring(0, 19);
|
||||
|
||||
dummyData.push([i, email, status, createdAt]);
|
||||
}
|
||||
|
||||
return dummyData;
|
||||
}
|
||||
|
||||
class Invitations {
|
||||
constructor() {
|
||||
this.table = null;
|
||||
this.initEvents();
|
||||
}
|
||||
|
||||
initEvents() {
|
||||
this.initTableInvitations();
|
||||
}
|
||||
|
||||
initTableInvitations() {
|
||||
let tableContainer = document.getElementById("table-invitations");
|
||||
this.table = new Grid({
|
||||
columns: [
|
||||
{ name: "ID" },
|
||||
{ name: "Email" },
|
||||
{ name: "Status" },
|
||||
{ name: "Created" },
|
||||
],
|
||||
data: generateDummyInvitations(50), // Bisa ganti jumlah data dummy
|
||||
pagination: {
|
||||
limit: 10,
|
||||
},
|
||||
sort: true,
|
||||
search: true,
|
||||
}).render(tableContainer);
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
new Invitations();
|
||||
});
|
||||
104
resources/js/payment-recaps/index.js
Normal file
104
resources/js/payment-recaps/index.js
Normal file
@@ -0,0 +1,104 @@
|
||||
import { Grid } from "gridjs/dist/gridjs.umd.js";
|
||||
import "gridjs/dist/gridjs.umd.js";
|
||||
import gridjs from "gridjs/dist/gridjs.umd.js";
|
||||
import GlobalConfig, { addThousandSeparators } from "../global-config.js";
|
||||
import moment from "moment";
|
||||
import InitDatePicker from "../utils/InitDatePicker.js";
|
||||
|
||||
class PaymentRecaps {
|
||||
constructor() {
|
||||
this.toastMessage = document.getElementById("toast-message");
|
||||
this.toastElement = document.getElementById("toastNotification");
|
||||
this.toast = new bootstrap.Toast(this.toastElement);
|
||||
this.table = null;
|
||||
this.initTablePaymentRecaps();
|
||||
this.initFilterDatepicker();
|
||||
}
|
||||
initFilterDatepicker() {
|
||||
new InitDatePicker(
|
||||
"#datepicker-payment-recap",
|
||||
this.handleChangeFilterDate.bind(this)
|
||||
).init();
|
||||
}
|
||||
handleChangeFilterDate(strDate) {
|
||||
console.log("filter date : ", strDate);
|
||||
}
|
||||
formatCategory(category) {
|
||||
const categoryMap = {
|
||||
potention_sum: "Potensi",
|
||||
non_verified_sum: "Belum Terverifikasi",
|
||||
verified_sum: "Terverifikasi",
|
||||
business_sum: "Usaha",
|
||||
non_business_sum: "Non Usaha",
|
||||
spatial_sum: "Tata Ruang",
|
||||
waiting_click_dpmptsp_sum: "Menunggu Klik DPMPTSP",
|
||||
issuance_realization_pbg_sum: "Realisasi Terbit PBG",
|
||||
process_in_technical_office_sum: "Proses Di Dinas Teknis",
|
||||
};
|
||||
|
||||
return categoryMap[category] || category; // Return mapped value or original category
|
||||
}
|
||||
initTablePaymentRecaps() {
|
||||
let tableContainer = document.getElementById("table-payment-recaps");
|
||||
|
||||
this.table = new Grid({
|
||||
columns: [
|
||||
{ name: "Kategori", data: (row) => row[0] },
|
||||
{ name: "Nominal", data: (row) => row[1] },
|
||||
{
|
||||
name: "Created",
|
||||
data: (row) => row[2],
|
||||
attributes: { style: "width: 200px; white-space: nowrap;" },
|
||||
},
|
||||
],
|
||||
pagination: {
|
||||
limit: 10,
|
||||
server: {
|
||||
url: (prev, page) =>
|
||||
`${prev}${prev.includes("?") ? "&" : "?"}page=${
|
||||
page + 1
|
||||
}`,
|
||||
},
|
||||
},
|
||||
sort: true,
|
||||
server: {
|
||||
url: `${GlobalConfig.apiHost}/api/payment-recaps`,
|
||||
headers: {
|
||||
Authorization: `Bearer ${document
|
||||
.querySelector('meta[name="api-token"]')
|
||||
.getAttribute("content")}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
then: (response) => {
|
||||
console.log("API Response:", response); // Debugging
|
||||
|
||||
if (!response.data || !Array.isArray(response.data)) {
|
||||
console.error(
|
||||
"Error: Data is not an array",
|
||||
response.data
|
||||
);
|
||||
return [];
|
||||
}
|
||||
|
||||
return response.data.map((item) => [
|
||||
this.formatCategory(item.category ?? "Unknown"), // Ensure category is not null
|
||||
addThousandSeparators(
|
||||
Number(item.nominal).toString() || 0
|
||||
), // Ensure nominal is a valid number
|
||||
moment(item.created_at).isValid()
|
||||
? moment(item.created_at).format(
|
||||
"YYYY-MM-DD H:mm:ss"
|
||||
)
|
||||
: "-", // Handle invalid dates
|
||||
]);
|
||||
},
|
||||
total: (response) => response.pagination?.total || 0,
|
||||
},
|
||||
width: "auto",
|
||||
fixedHeader: true,
|
||||
}).render(tableContainer);
|
||||
}
|
||||
}
|
||||
document.addEventListener("DOMContentLoaded", function (e) {
|
||||
new PaymentRecaps();
|
||||
});
|
||||
@@ -2,10 +2,15 @@ import { Grid } from "gridjs/dist/gridjs.umd.js";
|
||||
import "gridjs/dist/gridjs.umd.js";
|
||||
import gridjs from "gridjs/dist/gridjs.umd.js";
|
||||
import GlobalConfig from "../global-config";
|
||||
import { Dropzone } from "dropzone";
|
||||
Dropzone.autoDiscover = false;
|
||||
|
||||
class PbgTasks {
|
||||
init() {
|
||||
this.initTableRequestAssignment();
|
||||
this.handleSendNotification();
|
||||
this.handleUpload();
|
||||
this.handleUploadBeritaAcara();
|
||||
}
|
||||
|
||||
initTableRequestAssignment() {
|
||||
@@ -28,25 +33,33 @@ class PbgTasks {
|
||||
{ name: "Due Date", width: "10%" },
|
||||
{
|
||||
name: "Action",
|
||||
formatter: function (cell) {
|
||||
let tableContainer = document.getElementById("table-pbg-tasks");
|
||||
let canUpdate = tableContainer.getAttribute("data-updater") === "1";
|
||||
|
||||
formatter: (cell) => {
|
||||
let tableContainer =
|
||||
document.getElementById("table-pbg-tasks");
|
||||
let canUpdate =
|
||||
tableContainer.getAttribute("data-updater") === "1";
|
||||
|
||||
if (!canUpdate) {
|
||||
return gridjs.html(`
|
||||
<span class="text-muted">No Privilege</span>
|
||||
`);
|
||||
return gridjs.html(
|
||||
`<span class="text-muted">No Privilege</span>`
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
return gridjs.html(`
|
||||
<div class="d-flex justify-content-center align-items-center gap-2">
|
||||
<a href="/pbg-task/${cell}" class="btn btn-yellow btn-sm d-inline-flex align-items-center justify-content-center">
|
||||
Detail
|
||||
</a>
|
||||
<button class="btn btn-sm btn-info upload-btn" data-id="${cell}">
|
||||
Upload Bukti Bayar
|
||||
</button>
|
||||
<button class="btn btn-sm btn-info upload-btn-berita-acara" data-id="${cell}">
|
||||
Buat Berita Acara
|
||||
</button>
|
||||
</div>
|
||||
`);
|
||||
},
|
||||
}
|
||||
},
|
||||
],
|
||||
search: {
|
||||
server: {
|
||||
@@ -91,6 +104,96 @@ class PbgTasks {
|
||||
},
|
||||
}).render(document.getElementById("table-pbg-tasks"));
|
||||
}
|
||||
|
||||
handleSendNotification() {
|
||||
this.toastMessage = document.getElementById("toast-message");
|
||||
this.toastElement = document.getElementById("toastNotification");
|
||||
this.toast = new bootstrap.Toast(this.toastElement);
|
||||
|
||||
document
|
||||
.getElementById("sendNotificationBtn")
|
||||
.addEventListener("click", () => {
|
||||
let notificationStatus =
|
||||
document.getElementById("notificationStatus").value;
|
||||
|
||||
// Show success toast
|
||||
this.toastMessage.innerText = "Notifikasi berhasil dikirim!";
|
||||
this.toast.show();
|
||||
|
||||
// Close modal after sending
|
||||
let modal = bootstrap.Modal.getInstance(
|
||||
document.getElementById("sendNotificationModal")
|
||||
);
|
||||
modal.hide();
|
||||
});
|
||||
}
|
||||
|
||||
handleUpload() {
|
||||
// Handle button click to show modal
|
||||
document.addEventListener("click", function (event) {
|
||||
if (event.target.classList.contains("upload-btn")) {
|
||||
// Show modal
|
||||
let uploadModal = new bootstrap.Modal(
|
||||
document.getElementById("uploadModal")
|
||||
);
|
||||
uploadModal.show();
|
||||
}
|
||||
});
|
||||
let dropzone = new Dropzone("#singleFileDropzone", {
|
||||
url: "/upload-bukti-bayar", // Adjust to your backend endpoint
|
||||
maxFiles: 1, // Allow only 1 file
|
||||
maxFilesize: 5, // Limit size to 5MB
|
||||
acceptedFiles: ".jpg,.png,.pdf", // Allowed file types
|
||||
autoProcessQueue: false, // Prevent automatic upload
|
||||
addRemoveLinks: true, // Show remove button
|
||||
dictDefaultMessage: "Drop your file here or click to upload.",
|
||||
init: function () {
|
||||
let dz = this;
|
||||
|
||||
// Remove previous file when a new file is added
|
||||
dz.on("addedfile", function () {
|
||||
if (dz.files.length > 1) {
|
||||
dz.removeFile(dz.files[0]);
|
||||
}
|
||||
});
|
||||
|
||||
// Handle upload button click
|
||||
document
|
||||
.getElementById("uploadBtn")
|
||||
.addEventListener("click", function () {
|
||||
if (dz.getQueuedFiles().length > 0) {
|
||||
dz.processQueue(); // Manually process upload
|
||||
} else {
|
||||
alert("Please select a file to upload.");
|
||||
}
|
||||
});
|
||||
|
||||
// Success callback
|
||||
dz.on("success", function (file, response) {
|
||||
alert("File uploaded successfully!");
|
||||
dz.removeAllFiles(); // Clear after upload
|
||||
});
|
||||
|
||||
// Error callback
|
||||
dz.on("error", function (file, errorMessage) {
|
||||
alert("Upload failed: " + errorMessage);
|
||||
});
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
handleUploadBeritaAcara() {
|
||||
// Handle button click to show modal
|
||||
document.addEventListener("click", function (event) {
|
||||
if (event.target.classList.contains("upload-btn-berita-acara")) {
|
||||
// Show modal
|
||||
let uploadModal = new bootstrap.Modal(
|
||||
document.getElementById("uploadBeritaAcara")
|
||||
);
|
||||
uploadModal.show();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function (e) {
|
||||
|
||||
69
resources/js/report-payment-recaps/index.js
Normal file
69
resources/js/report-payment-recaps/index.js
Normal file
@@ -0,0 +1,69 @@
|
||||
import { Grid } from "gridjs/dist/gridjs.umd.js";
|
||||
import "gridjs/dist/gridjs.umd.js";
|
||||
import gridjs from "gridjs/dist/gridjs.umd.js";
|
||||
import GlobalConfig, { addThousandSeparators } from "../global-config.js";
|
||||
|
||||
class ReportPaymentRecaps {
|
||||
constructor() {
|
||||
this.table = null;
|
||||
this.initTableReportPaymentRecaps();
|
||||
}
|
||||
initTableReportPaymentRecaps() {
|
||||
let tableContainer = document.getElementById(
|
||||
"table-report-payment-recaps"
|
||||
);
|
||||
|
||||
this.table = new Grid({
|
||||
columns: [
|
||||
{ name: "Kecamatan" },
|
||||
{
|
||||
name: "Total",
|
||||
formatter: (cell) => addThousandSeparators(cell),
|
||||
},
|
||||
],
|
||||
pagination: {
|
||||
limit: 10,
|
||||
server: {
|
||||
url: (prev, page) =>
|
||||
`${prev}${prev.includes("?") ? "&" : "?"}page=${
|
||||
page + 1
|
||||
}`,
|
||||
},
|
||||
},
|
||||
sort: true,
|
||||
server: {
|
||||
url: `${GlobalConfig.apiHost}/api/report-payment-recaps`,
|
||||
headers: {
|
||||
Authorization: `Bearer ${document
|
||||
.querySelector('meta[name="api-token"]')
|
||||
.getAttribute("content")}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
then: (response) => {
|
||||
console.log("API Response:", response); // Debugging
|
||||
|
||||
// Pastikan response memiliki data
|
||||
if (
|
||||
!response ||
|
||||
!response.data ||
|
||||
!Array.isArray(response.data.data)
|
||||
) {
|
||||
console.error("Error: Data is not an array", response);
|
||||
return [];
|
||||
}
|
||||
|
||||
return response.data.data.map((item) => [
|
||||
item.kecamatan || "Unknown",
|
||||
item.total,
|
||||
]);
|
||||
},
|
||||
total: (response) => response.data.total || 0, // Ambil total dari API pagination
|
||||
},
|
||||
width: "auto",
|
||||
fixedHeader: true,
|
||||
}).render(tableContainer);
|
||||
}
|
||||
}
|
||||
document.addEventListener("DOMContentLoaded", function (e) {
|
||||
new ReportPaymentRecaps();
|
||||
});
|
||||
67
resources/js/report-pbg-ptsp/index.js
Normal file
67
resources/js/report-pbg-ptsp/index.js
Normal file
@@ -0,0 +1,67 @@
|
||||
import { Grid } from "gridjs/dist/gridjs.umd.js";
|
||||
import "gridjs/dist/gridjs.umd.js";
|
||||
import gridjs from "gridjs/dist/gridjs.umd.js";
|
||||
import GlobalConfig, { addThousandSeparators } from "../global-config.js";
|
||||
|
||||
class ReportPbgPTSP {
|
||||
constructor() {
|
||||
this.table = null;
|
||||
this.initTableReportPbgPTSP();
|
||||
}
|
||||
initTableReportPbgPTSP() {
|
||||
let tableContainer = document.getElementById("table-report-pbg-ptsp");
|
||||
|
||||
this.table = new Grid({
|
||||
columns: [
|
||||
{ name: "Status" },
|
||||
{
|
||||
name: "Total",
|
||||
formatter: (cell) => cell,
|
||||
},
|
||||
],
|
||||
pagination: {
|
||||
limit: 10,
|
||||
server: {
|
||||
url: (prev, page) =>
|
||||
`${prev}${prev.includes("?") ? "&" : "?"}page=${
|
||||
page + 1
|
||||
}`,
|
||||
},
|
||||
},
|
||||
sort: true,
|
||||
server: {
|
||||
url: `${GlobalConfig.apiHost}/api/report-pbg-ptsp`,
|
||||
headers: {
|
||||
Authorization: `Bearer ${document
|
||||
.querySelector('meta[name="api-token"]')
|
||||
.getAttribute("content")}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
then: (response) => {
|
||||
console.log("API Response:", response); // Debugging
|
||||
|
||||
// Pastikan response memiliki data
|
||||
if (
|
||||
!response ||
|
||||
!response.data ||
|
||||
!Array.isArray(response.data.data)
|
||||
) {
|
||||
console.error("Error: Data is not an array", response);
|
||||
return [];
|
||||
}
|
||||
|
||||
return response.data.data.map((item) => [
|
||||
item.status_name || "Unknown",
|
||||
item.total,
|
||||
]);
|
||||
},
|
||||
total: (response) => response.data.total || 0, // Ambil total dari API pagination
|
||||
},
|
||||
width: "auto",
|
||||
fixedHeader: true,
|
||||
}).render(tableContainer);
|
||||
}
|
||||
}
|
||||
document.addEventListener("DOMContentLoaded", function (e) {
|
||||
new ReportPbgPTSP();
|
||||
});
|
||||
112
resources/js/tpa-tpt/index.js
Normal file
112
resources/js/tpa-tpt/index.js
Normal file
@@ -0,0 +1,112 @@
|
||||
import { Grid } from "gridjs/dist/gridjs.umd.js";
|
||||
import "gridjs/dist/gridjs.umd.js";
|
||||
|
||||
class TpaTpt {
|
||||
constructor() {
|
||||
this.toastMessage = document.getElementById("toast-message");
|
||||
this.toastElement = document.getElementById("toastNotification");
|
||||
this.toast = new bootstrap.Toast(this.toastElement);
|
||||
this.table = null;
|
||||
|
||||
// Initialize functions
|
||||
this.initTableTpaTpt();
|
||||
this.initEvents();
|
||||
}
|
||||
initEvents() {}
|
||||
initTableTpaTpt() {
|
||||
let tableContainer = document.getElementById("table-tpa-tpt");
|
||||
|
||||
tableContainer.innerHTML = "";
|
||||
let canUpdate = tableContainer.getAttribute("data-updater") === "1";
|
||||
let canDelete = tableContainer.getAttribute("data-destroyer") === "1";
|
||||
|
||||
// Kecamatan (districts) in Kabupaten Bandung
|
||||
const kecamatanList = [
|
||||
"Bojongsoang",
|
||||
"Cangkuang",
|
||||
"Cicalengka",
|
||||
"Cikancung",
|
||||
"Cilengkrang",
|
||||
"Cileunyi",
|
||||
"Cimaung",
|
||||
"Cimenyan",
|
||||
"Ciparay",
|
||||
"Cisaat",
|
||||
"Dayeuhkolot",
|
||||
"Ibun",
|
||||
"Katapang",
|
||||
"Kertasari",
|
||||
"Kutawaringin",
|
||||
"Majalaya",
|
||||
"Margaasih",
|
||||
"Margahayu",
|
||||
"Nagreg",
|
||||
"Pacet",
|
||||
"Pameungpeuk",
|
||||
"Pangalengan",
|
||||
"Paseh",
|
||||
"Rancaekek",
|
||||
"Solokanjeruk",
|
||||
"Soreang",
|
||||
"Banjaran",
|
||||
"Baleendah",
|
||||
];
|
||||
|
||||
// Generate random PT (companies)
|
||||
function generateCompanyName() {
|
||||
const prefixes = ["PT", "CV", "UD"];
|
||||
const names = [
|
||||
"Mitra Sejahtera",
|
||||
"Berkah Jaya",
|
||||
"Makmur Abadi",
|
||||
"Sukses Mandiri",
|
||||
"Indah Lestari",
|
||||
"Tirta Alam",
|
||||
];
|
||||
const suffixes = [
|
||||
"Indonesia",
|
||||
"Sentosa",
|
||||
"Persada",
|
||||
"Global",
|
||||
"Tbk",
|
||||
"Jaya",
|
||||
];
|
||||
|
||||
return `${prefixes[Math.floor(Math.random() * prefixes.length)]} ${
|
||||
names[Math.floor(Math.random() * names.length)]
|
||||
} ${suffixes[Math.floor(Math.random() * suffixes.length)]}`;
|
||||
}
|
||||
|
||||
// Function to generate random dummy data
|
||||
function generateDummyData(count) {
|
||||
let data = [];
|
||||
|
||||
for (let i = 1; i <= count; i++) {
|
||||
let name = `TPA ${String.fromCharCode(64 + (i % 26))}${i}`; // Example: TPA A1, TPA B2, etc.
|
||||
let location =
|
||||
kecamatanList[
|
||||
Math.floor(Math.random() * kecamatanList.length)
|
||||
];
|
||||
let lat = (-6.9 + Math.random() * 0.3).toFixed(6); // Approximate latitude for Bandung area
|
||||
let lng = (107.5 + Math.random() * 0.5).toFixed(6); // Approximate longitude for Bandung area
|
||||
let owner = generateCompanyName();
|
||||
|
||||
data.push([name, location, lat, lng, owner]);
|
||||
}
|
||||
return data;
|
||||
}
|
||||
|
||||
this.table = new Grid({
|
||||
columns: ["Nama", "Kecamatan", "Lat", "Lng", "Pemilik (PT)"],
|
||||
data: generateDummyData(100), // Generate 100 rows of dummy data
|
||||
pagination: {
|
||||
limit: 10,
|
||||
},
|
||||
search: true,
|
||||
sort: true,
|
||||
}).render(tableContainer);
|
||||
}
|
||||
}
|
||||
document.addEventListener("DOMContentLoaded", function (e) {
|
||||
new TpaTpt();
|
||||
});
|
||||
Reference in New Issue
Block a user