Upload Pariwisata dan report pariwisata

resources/js/data/tourisms/data-tourisms.js

@@ -0,0 +1,79 @@
+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();
+})