{"version":3,"file":"js/5787-44b9a39176a9ea7b37ce.js","mappings":"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","sources":["webpack://timotion/./timotion/static/js/vue/DataIndex.vue","webpack://timotion/./timotion/static/js/vue/DataIndex.vue?f4d6","webpack://timotion/./timotion/static/js/vue/components/ lazy ^\\.\\/.*\\.vue$ namespace object"],"sourcesContent":["<script setup>\nimport {\n  defineAsyncComponent,\n  inject,\n  onMounted,\n  reactive,\n  ref,\n  useTemplateRef,\n  watch,\n} from 'vue'\nimport debounce from 'lodash.debounce'\nimport request from '../services/request'\n\nconst dataset = inject('dataset')\nconst { selectable } = defineProps({\n  selectable: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst config = ref(null)\nconst columns = ref([])\nconst data = ref(null)\nconst grid = useTemplateRef('grid')\nconst loading = ref(false)\nconst query = ref('')\n\nconst model = reactive({\n  sortField: '',\n  sortOrder: 1,\n  view: 'table',\n})\n\nconst page = ref(1)\nconst component = dataset.component\n  ? defineAsyncComponent(() => import(`./components/${dataset.component}.vue`))\n  : null\n\nconst componentModel = defineModel()\n\nconst viewIcons = {\n  table: 'ic:round-list-alt',\n  grid: 'ion:grid-outline',\n}\n\nconst getData = async (append) => {\n  const response = await request.get(dataset.api, {\n    ...model,\n    query: query.value,\n    page: page.value,\n    order: (model.sortOrder < 0 ? '-' : '') + model.sortField,\n    page_size: model.view === 'table' ? config.value.page_size : 12,\n  })\n\n  if (component) {\n    if (append) {\n      data.value.results = data.value.results.concat(response.results)\n      data.value.next = response.next\n    } else {\n      data.value = response\n    }\n  } else if (model.view === 'grid') {\n    data.value = response\n\n    if (append)\n      grid.value.insertAdjacentHTML('beforeend', response.results.html)\n    else {\n      grid.value.innerHTML = response.results.html\n    }\n  } else {\n    data.value = response\n\n    if (!columns.length && response.results.length) {\n      columns.value = Object.keys(response.results[0])\n    }\n  }\n}\n\nconst updatePage = (event, append) => {\n  page.value = event ? event.page + 1 : page.value + 1\n  getData(append)\n}\n\nconst getConfig = async () => {\n  config.value = await request.get(dataset.api + 'config/')\n  if (config.value.view) model.view = config.value.view\n}\n\nconst debouncedSearch = debounce(() => {\n  page.value = 1\n  getData()\n}, 500)\n\nonMounted(async () => {\n  try {\n    await getConfig()\n    await getData()\n\n    watch(\n      () => model,\n      async () => {\n        page.value = 1\n        data.value = null\n        await getData()\n      },\n      { deep: true }\n    )\n  } finally {\n  }\n})\n</script>\n\n<template>\n  <template v-if=\"config?.filters\">\n    <div class=\"columns is-multiline is-vcentered mb-16\">\n      <div class=\"column is-narrow is-size-18 has-text-weight-bold\">\n        <span class=\"pl-8\">Filtrează după</span>\n      </div>\n      <div class=\"column is-narrow\">\n        <div class=\"control has-icons-left\">\n          <input\n            class=\"input\"\n            type=\"text\"\n            v-model=\"query\"\n            @input=\"debouncedSearch\"\n            :placeholder=\"config.query.label\"\n          />\n          <span class=\"icon is-left\">\n            <iconify-icon icon=\"bx:bx-search\"></iconify-icon>\n          </span>\n        </div>\n      </div>\n\n      <div class=\"column is-narrow\" v-for=\"filter in config.filters\">\n        <MultiSelect\n          v-model=\"model[filter.field]\"\n          v-bind=\"{\n            filter: filter.items.length > 10,\n            options: filter.items,\n            optionLabel: 'title',\n            optionValue: 'id',\n            placeholder: filter.label,\n            showClear: true,\n            showToggleAll: false,\n          }\"\n        >\n          <template #value=\"{ placeholder, value }\">\n            <span v-text=\"placeholder\" />\n            <span\n              class=\"tag is-size-18 has-text-weight-semibold is-primary is-small mx-8\"\n              v-text=\"value?.length\"\n              v-if=\"value?.length\"\n            />\n          </template>\n        </MultiSelect>\n      </div>\n\n      <div\n        class=\"column is-narrow ml-auto\"\n        v-if=\"!component && config.view_types?.length > 1\"\n      >\n        <div class=\"buttons\">\n          <button\n            v-for=\"type in config.view_types\"\n            :key=\"'view-type-' + type\"\n            type=\"button\"\n            class=\"button is-switch-view is-1by1\"\n            :class=\"{ 'is-active': model.view === type }\"\n            @click=\"model.view = type\"\n          >\n            <span class=\"icon is-icon-24\">\n              <iconify-icon :icon=\"viewIcons[type]\"></iconify-icon>\n            </span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </template>\n\n  <template v-if=\"component || model.view == 'grid'\">\n    <template v-if=\"component\">\n      <div class=\"columns is-32 has-fullheight-box is-multiline\">\n        <component\n          v-for=\"item in data?.results\"\n          :key=\"item.id\"\n          :is=\"component\"\n          v-bind=\"{ item, selectable }\"\n          v-model=\"componentModel\"\n        />\n      </div>\n    </template>\n    <div\n      ref=\"grid\"\n      class=\"columns has-fullheight-box is-multiline\"\n      v-else\n    ></div>\n\n    <div class=\"has-text-centered mt-32\">\n      <button\n        type=\"button\"\n        class=\"button is-secondary\"\n        v-if=\"data?.next\"\n        @click=\"updatePage(null, true)\"\n      >\n        <span class=\"icon is-icon-24\">\n          <iconify-icon icon=\"bx:bx-plus\"></iconify-icon>\n        </span>\n        <span>Încarcă mai multe</span>\n      </button>\n    </div>\n  </template>\n\n  <template v-else-if=\"model.view == 'table'\">\n    <DataTable\n      :value=\"data?.results\"\n      v-bind=\"{\n        paginator: true,\n        lazy: true,\n        rows: config?.page_size,\n        totalRecords: data?.count,\n      }\"\n      @page=\"updatePage($event, false)\"\n      v-model:sort-field=\"model.sortField\"\n      v-model:sort-order=\"model.sortOrder\"\n    >\n      <Column\n        v-for=\"column of config?.headers\"\n        v-bind=\"{\n          sortable: column.sortable,\n          field: column.field,\n          key: column.field,\n          header: column.label,\n          loading,\n        }\"\n        :style=\"{ width: column.width }\"\n      >\n        <template #body=\"{ data, field }\">\n          <div v-if=\"data[field]\" v-html=\"data[field]\"></div>\n        </template>\n      </Column>\n\n      <template #empty>\n        <p class=\"is-size-18 has-text-centered\">Nu sunt rezultate</p>\n      </template>\n    </DataTable>\n  </template>\n\n  <template v-else-if=\"model.view == 'tree'\">\n    <TreeTable\n      :value=\"data?.results\"\n      v-bind=\"{\n        paginator: true,\n        lazy: true,\n        rows: config?.page_size,\n        totalRecords: data?.count,\n      }\"\n      @page=\"updatePage($event, false)\"\n      v-model:sort-field=\"model.sortField\"\n      v-model:sort-order=\"model.sortOrder\"\n    >\n      <Column\n        v-for=\"column of config?.headers\"\n        v-bind=\"{\n          sortable: column.sortable,\n          field: column.field,\n          key: column.field,\n          header: column.label,\n          loading,\n        }\"\n        :style=\"{ width: column.width }\"\n      >\n        <template #body=\"{ data, field }\">\n          <div v-if=\"data[field]\" v-html=\"data[field]\"></div>\n        </template>\n      </Column>\n\n      <template #empty>\n        <p class=\"is-size-18 has-text-centered\">Nu sunt rezultate</p>\n      </template>\n    </TreeTable>\n  </template>\n</template>\n\n<style scoped>\n/* Your styles here */\n</style>\n","import script from \"./DataIndex.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DataIndex.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DataIndex.vue?vue&type=style&index=0&id=c58d0458&scoped=true&lang=css\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-c58d0458\"]])\n\nexport default __exports__","var map = {\n\t\"./AccountHistoryTableRace.vue\": [\n\t\t8914,\n\t\t6533\n\t],\n\t\"./AccountRacesFooter.vue\": [\n\t\t2181,\n\t\t4619,\n\t\t7044,\n\t\t8171,\n\t\t5976,\n\t\t2181\n\t],\n\t\"./AccountRacesOverview.vue\": [\n\t\t3802,\n\t\t3802\n\t],\n\t\"./BoxActivity.vue\": [\n\t\t4587,\n\t\t4587\n\t],\n\t\"./BoxCartDonations.vue\": [\n\t\t9821,\n\t\t9821\n\t],\n\t\"./BoxCartIndividual.vue\": [\n\t\t3514,\n\t\t3514\n\t],\n\t\"./BoxCartStatusIcon.vue\": [\n\t\t2268,\n\t\t2268\n\t],\n\t\"./BoxCartTeam.vue\": [\n\t\t830,\n\t\t830\n\t],\n\t\"./BoxChampion.vue\": [\n\t\t9501,\n\t\t9501\n\t],\n\t\"./BoxIconEmpty.vue\": [\n\t\t3316,\n\t\t3316\n\t],\n\t\"./BoxIconLink.vue\": [\n\t\t1328,\n\t\t1328\n\t],\n\t\"./BoxProject.vue\": [\n\t\t9357,\n\t\t9357\n\t],\n\t\"./BoxRace.vue\": [\n\t\t8880,\n\t\t8880\n\t],\n\t\"./BoxTarget.vue\": [\n\t\t5049,\n\t\t5049\n\t],\n\t\"./ButtonRadioIcon.vue\": [\n\t\t2945,\n\t\t2326,\n\t\t2945\n\t],\n\t\"./CartViewTotal.vue\": [\n\t\t3463,\n\t\t3463\n\t],\n\t\"./GraphGauge.vue\": [\n\t\t9796,\n\t\t9796\n\t],\n\t\"./ListItemHex.vue\": [\n\t\t9467,\n\t\t9467\n\t],\n\t\"./Notification.vue\": [\n\t\t663,\n\t\t663\n\t],\n\t\"./RadioRouterLinks.vue\": [\n\t\t4636,\n\t\t2326,\n\t\t4636\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(() => {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn Promise.all(ids.slice(1).map(__webpack_require__.e)).then(() => {\n\t\treturn __webpack_require__(id);\n\t});\n}\nwebpackAsyncContext.keys = () => (Object.keys(map));\nwebpackAsyncContext.id = 7486;\nmodule.exports = webpackAsyncContext;"],"names":["dataset","inject","config","ref","columns","data","grid","useTemplateRef","loading","query","model","reactive","sortField","sortOrder","view","page","component","defineAsyncComponent","concat","componentModel","_useModel","__props","viewIcons","table","getData","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","append","response","wrap","_context","prev","next","request","get","api","_objectSpread","value","order","page_size","sent","results","insertAdjacentHTML","html","innerHTML","length","Object","keys","stop","_x","apply","arguments","updatePage","event","getConfig","_ref2","_callee2","_context2","debouncedSearch","debounce","onMounted","_callee4","_context4","watch","_callee3","_context3","deep","finish","map","webpackAsyncContext","req","__webpack_require__","o","Promise","resolve","then","e","Error","code","ids","id","all","slice","module","exports"],"sourceRoot":""}