79 lines
2.3 KiB
JavaScript
79 lines
2.3 KiB
JavaScript
import { Grid } from "gridjs/dist/gridjs.umd.js";
|
|
import gridjs from "gridjs/dist/gridjs.umd.js";
|
|
import "gridjs/dist/gridjs.umd.js";
|
|
import GlobalConfig from "../../global-config.js";
|
|
import GeneralTable from "../../table-generator.js";
|
|
|
|
|
|
const dataTourismsColumns = [
|
|
"Proyek ID",
|
|
"Jenis Proyek",
|
|
"NIB",
|
|
"Nama Perusahaan",
|
|
"Terbit OSS",
|
|
"Status Penanaman Modal",
|
|
"Bentuk Bisnis",
|
|
"Uraian Resiko Proyek",
|
|
"Nama Proyek",
|
|
"Alamat Usaha",
|
|
"Kecamatan",
|
|
"Desa",
|
|
"Luas Tanah",
|
|
"Jumlah Investasi",
|
|
"TKI",
|
|
"Tipe Usaha",
|
|
{
|
|
name: "Actions",
|
|
widht: "120px",
|
|
formatter: function(cell, row) {
|
|
const id = row.cells[16].data;
|
|
const model = "data/tourisms";
|
|
return gridjs.html(`
|
|
<div class="d-flex justify-items-end gap-10">
|
|
<button class="btn btn-warning me-2 btn-edit"
|
|
data-id="${id}"
|
|
data-model="${model}">
|
|
<i class='bx bx-edit' ></i></button>
|
|
<button class="btn btn-red btn-delete"
|
|
data-id="${id}">
|
|
<i class='bx bxs-trash' ></i></button>
|
|
</div>
|
|
`);
|
|
}
|
|
}
|
|
];
|
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
const table = new GeneralTable(
|
|
"tourisms-data-table",
|
|
`${GlobalConfig.apiHost}/api/tourisms`,
|
|
`${GlobalConfig.apiHost}`,
|
|
dataTourismsColumns
|
|
);
|
|
|
|
table.processData = function (data) {
|
|
return data.data.map((item) => {
|
|
return [
|
|
item.project_id,
|
|
item.jenis_project,
|
|
item.nib,
|
|
item.business_name,
|
|
item.terbit_oss,
|
|
item.status_penanaman_modal,
|
|
item.business_form,
|
|
item.uraian_resiko_project,
|
|
item.project_name,
|
|
item.business_address,
|
|
item.district_name,
|
|
item.village_name,
|
|
item.land_area,
|
|
item.investment_amount,
|
|
item.number_of_employee,
|
|
item.business_type,
|
|
item.id,
|
|
];
|
|
});
|
|
};
|
|
|
|
table.init();
|
|
}) |