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";

class SyncronizeTask {
  init(){
    this.initTableGeneralSettings();
  }
  initTableGeneralSettings(){
    new Grid({
      columns: [
          "ID", "Key", "Value", "Description", "Created",
      ],
      pagination: {
          limit: 10,
          server: {
               url: (prev, page, limit) => `${prev}?page=${page}`
          }
      },
      sort: true,
      search: {
          server: {
               url: (prev, page, keyword) => `${prev}?page=${page}&search=${keyword}`
          }
      },
      server: {
          url: `${GlobalConfig.apiHost}/api/global-settings`,
          then: data => data.data.map((item) => [item.id, item.key, item.value, item.description, item.created_at])
      }
    }).render(document.getElementById("general-setting-table"));
  }
}
document.addEventListener('DOMContentLoaded', function (e) {
  new SyncronizeTask().init();
});