{"version":3,"sources":["webpack:///./src/components/common/table/AppDataTable.vue","webpack:///./src/components/common/table/_tabelFilterColumn.vue","webpack:///src/components/common/table/_tabelFilterColumn.vue","webpack:///./src/components/common/table/_tabelFilterColumn.vue?3cc6","webpack:///./src/components/common/table/_tabelFilterColumn.vue?54cd","webpack:///src/components/common/table/AppDataTable.vue","webpack:///./src/components/common/table/AppDataTable.vue?f98f","webpack:///./src/components/common/table/AppDataTable.vue?fce7","webpack:///./src/components/common/table/_tabelFilterColumn.vue?1ffc"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","_s","totalItems","$t","$getConst","pages","table","results","_f","items_per_page","isLoading","text","value","model","perPage","callback","$$v","expression","refreshButton","on","getData","class","icons","refresh","_e","tableClass","theadClass","fields","items","hover","striped","outlined","borderless","small","fixed","responsive","onSortChanged","scopedSlots","_u","_l","field","key","fn","data","label","headCheckbox","onCheckAllIds","allCheckedItems","toLowerCase","hasFilterableColumn","filters","$event","addFilter","proxy","index","withItem","setCheckedIds","item","id","checkbox","$set","indexOf","Array","isArray","split","actions","action","_t","roles","permissions","length","hasRole","hasAnyOfPermissions","variant","onAction","icon","scope","no_data_to_show","currentPage","staticRenderFns","filterable","select","inputSelect","slot","alerts","no_results_found","inputValue","inputEvents","start","end","_g","filter","range","$emit","close","input","name","components","DatePicker","props","type","default","date","filterData","created","methods","watch","handler","component","AppSpinner","TableFilterColumn","emits","allChecked","endPoint","sortBy","sortDesc","selectable","constants","nbPage","showFilter","checkedIds","response","el","getApiCall","order","params","checkActions","allActions","added","displayActions","removeItem","editItem","addItem","hasFilterable","mounted","sortable"],"mappings":"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Y,kBAAAC,qBACAC,wBACAZ,OACAxE,YACAsC,aACA+C,YACAZ,aACAC,YAEAxD,cACAuD,aACAC,YAEAY,UACAb,aAEAvE,OACAuE,aACAC,YAEAvE,SACAsE,aACAC,YAEAtE,UACAqE,aACAC,YAEArE,YACAoE,aACAC,YAEApE,OACAmE,aACAC,YAEAnE,OACAkE,aACAC,YAEAlE,YACAkE,YAEA5E,YACA2E,YACAC,uBAGA3E,YACA0E,YACAC,uBAGAa,QACAd,YACAC,cAEAc,UACAf,aACAC,YAEAe,YACAhB,aACAC,YAEAnF,eACAkF,aACAC,YAEA9C,UACA6C,aACAC,aAGA1D,gBACA,OACA0E,YACAzF,SACAlB,aACA4G,SACAxC,cACA5E,aACAY,UACAoC,WACAqE,cACAC,cACAzE,kCAGAyD,mBACA,eACA,uBAGAE,OACA5F,mBACA,gBAEAmG,oBACA,gBAEAnC,uBACA,wBACA,gCAEAkC,sBACA,uCAGAP,SACArF,mBAAA,kSACA,kBACA,4CACA,YACAqG,iCAAA,OACAC,iBAEA,oBACA,qCACA,6BACA,kBAEA,OACA,YACA,oBACA,mBAIAtF,0BACA,qBACA,yBACA,gBAEAuF,sBAAA,wRACA,4BACA,MACA,aACA,QACAC,UAEAC,6BAEA,eACA,OACAA,mBAGA,oCAEAC,wBAAA,WACA,KAgBA,OAfA,kCACA,SACA,wBAGA,sDACAC,UACAC,OAEA,gCACAD,WAPAA,aAYA,GAEAE,0BACA,8CACA,kBAAAxF,aAAAG,wBAAAqB,+BAGAS,uBACA,iBAEAwD,uBACA,2CACA,kBACA,uBACA,gBAGAC,qBACA,8DACA,gBACA,qDAEAC,oBACA,kCACA,sBACA,kBAEA,mBAGA,mBAEAhF,wBACA,qCACA,gBAEAH,+BACA,SAOA,OANA,iCACA,eACAoF,SAIA,GAEA7E,0BACA,wHACA,4IACA,6CAGAV,0BACA,GACA,2CACA,uCACA4E,mBAIA,uCACAA,iBAEA,oBAEA,6BACA,8CAIAY,mBACA,gEACA,qBACA,qBAAA7F,eAAAG,UAAA2F,YAAAvD,kBCvXoX,ICOhX,EAAY,eACd,EACAvF,EACAsF,GACA,EACA,KACA,WACA,MAIa,S,2CClBf,W","file":"js/chunk-34c30d7e.5f054f56.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('b-row',{staticClass:\"my-2\"},[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('strong',[_vm._v(_vm._s(_vm.totalItems))]),_vm._v(\" \"+_vm._s(_vm.$t(_vm.$getConst.pages.table.results)))]),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form',{staticClass:\"justify-content-sm-end\",attrs:{\"inline\":\"\"}},[_c('label',{staticClass:\"mr-sm-2\"},[_vm._v(_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.$getConst.pages.table.items_per_page)))+\":\")]),_c('b-form-select',{staticClass:\"mb-2 mr-sm-2 mb-sm-0 form-control\",attrs:{\"disabled\":_vm.isLoading,\"options\":[{ text: 'Choose...', value: null }, 5, 10, 20, 50],\"value\":null},model:{value:(_vm.perPage),callback:function ($$v) {_vm.perPage=$$v},expression:\"perPage\"}}),(_vm.refreshButton)?_c('b-button',{attrs:{\"size\":\"md\",\"variant\":\"outline-secondary\"},on:{\"click\":_vm.getData}},[_c('i',{class:_vm.$getConst.icons.refresh})]):_vm._e()],1)],1)],1),_c('b-table',{attrs:{\"id\":\"data-table\",\"table-class\":_vm.tableClass,\"thead-class\":_vm.theadClass,\"fields\":_vm.fields,\"items\":_vm.items,\"hover\":_vm.hover,\"striped\":_vm.striped,\"outlined\":_vm.outlined,\"borderless\":_vm.borderless,\"small\":_vm.small,\"fixed\":_vm.fixed,\"responsive\":_vm.responsive,\"no-local-sorting\":true,\"busy\":_vm.isLoading,\"per-page\":0,\"show-empty\":\"\"},on:{\"sort-changed\":_vm.onSortChanged},scopedSlots:_vm._u([_vm._l((_vm.fields),function(field){return {key:`head(${field.key})`,fn:function(data){return [(data.field.label==' ' && _vm.headCheckbox ==true )?_c('span',[[_c('b-form-checkbox',{on:{\"change\":_vm.onCheckAllIds},model:{value:(_vm.allCheckedItems),callback:function ($$v) {_vm.allCheckedItems=$$v},expression:\"allCheckedItems\"}})]],2):(data.field.label)?_c('span',[_vm._v(\"\\n        \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(data.field.label.toLowerCase())))+\"\\n      \")]):_c('span',[_vm._v(\"\\n        \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(data.field.key.toLowerCase())))+\"\\n      \")])]}}}),(_vm.hasFilterableColumn)?{key:\"top-row\",fn:function(){return [_vm._l((_vm.fields),function(field){return [_c('TableFilterColumn',{attrs:{\"field\":field,\"filters\":_vm.filters,\"is-loading\":_vm.isLoading},on:{\"onFilter\":function($event){return _vm.addFilter($event, field.key)}}})]})]},proxy:true}:null,_vm._l((_vm.fields),function(field,index){return {key:`cell(${field.key})`,fn:function(data){return [(field.key === 'checkbox')?[_c('b-form-checkbox',{on:{\"change\":function($event){_vm.withItem?_vm.setCheckedIds(data.item):_vm.setCheckedIds(data.item.id)}},model:{value:(data.item.checkbox),callback:function ($$v) {_vm.$set(data.item, \"checkbox\", $$v)},expression:\"data.item.checkbox\"}})]:_vm._e(),(field.key.indexOf('.') > -1)?[(Array.isArray(data.item[field.key.split('.')[0]]))?_c('ul',_vm._l((data.item[field.key.split('.')[0]]),function(item){return _c('li',[_vm._v(\"\\n            \"+_vm._s(item[field.key.split('.')[1]])+\"\\n          \")])}),0):_c('span',[_vm._v(_vm._s(data.item[field.key.split('.')[0]][field.key.split('.')[1]]))])]:(field.key === 'action')?[_vm._l((field.actions),function(action){return [_vm._t('button-'+action.action,function(){return [((!action.roles && !action.permissions) ||\n                (action.roles && action.roles.length && _vm.hasRole(action.roles)) ||\n                (action.permissions && action.permissions.length && _vm.hasAnyOfPermissions(action.permissions)))?_c('b-button',{staticClass:\"ml-2 border-0\",attrs:{\"variant\":action.variant,\"size\":\"sm\"},on:{\"click\":function($event){return _vm.onAction(action.action, data.item)}}},[_c('i',{class:action.icon})]):_vm._e()]},{\"action\":action,\"rowData\":data.item})]})]:[(field.key !== 'checkbox')?[_vm._t(field.key,function(){return [_vm._v(_vm._s(data.item[field.key]))]},{\"data\":data.item[field.key],\"row\":data.item})]:_vm._e()]]}}}),{key:\"empty\",fn:function(scope){return [_vm._v(\"\\n      \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.$getConst.pages.table.no_data_to_show)))+\"\\n    \")]}}],null,true)}),_c('b-pagination',{attrs:{\"disabled\":_vm.isLoading,\"total-rows\":_vm.totalItems,\"per-page\":_vm.perPage,\"current-page\":_vm.currentPage},on:{\"change\":function($event){return _vm.getData($event)}},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return (Array.isArray(_vm.field.filterable))?_c('td',[_c('multiselect',{attrs:{\"options\":_vm.field.filterable,\"track-by\":\"value\",\"label\":\"text\",\"disabled\":_vm.isLoading,\"show-labels\":false,\"searchable\":true,\"openDirection\":\"below\",\"maxHeight\":150},on:{\"input\":_vm.select},model:{value:(_vm.inputSelect),callback:function ($$v) {_vm.inputSelect=$$v},expression:\"inputSelect\"}},[_c('span',{attrs:{\"slot\":\"noResult\"},slot:\"noResult\"},[_vm._v(_vm._s(_vm.$t(_vm.$getConst.pages.alerts.no_results_found)))])])],1):(_vm.field.filterable === 'date')?_c('td',[_c('date-picker',{attrs:{\"mode\":\"range\",\"is-range\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ inputValue, inputEvents }){return [_c('div',{staticClass:\"flex justify-center items-center text-container\"},[(inputValue.start == inputValue.end)?_c('b-form-input',_vm._g({staticClass:\"border px-2 py-1 w-32 rounded focus:outline-none focus:border-indigo-300\",attrs:{\"id\":\"date\",\"size\":\"lg\",\"readonly\":\"readonly\",\"value\":inputValue.start,\"disabled\":_vm.isLoading},on:{\"input\":function($event){return _vm.filter(inputValue.start)}}},inputEvents.start)):_c('b-form-input',_vm._g({staticClass:\"border px-2 py-1 w-32 rounded focus:outline-none focus:border-indigo-300\",attrs:{\"id\":\"date\",\"size\":\"lg\",\"readonly\":\"readonly\",\"value\":inputValue.start +' - ' + inputValue.end},on:{\"input\":function($event){return _vm.filter(inputValue.start +' - ' + inputValue.end)}}},inputEvents.start)),(_vm.range && _vm.range.start != null)?_c('button',{staticClass:\"clearBtn\",on:{\"click\":function($event){_vm.range = null; _vm.$emit('onFilter', null);}}},[_c('i',{class:_vm.$getConst.icons.close})]):_vm._e()],1)]}}]),model:{value:(_vm.range),callback:function ($$v) {_vm.range=$$v},expression:\"range\"}})],1):(_vm.field.filterable)?_c('td',[_c('b-form-input',{attrs:{\"size\":\"sm\",\"disabled\":_vm.isLoading},model:{value:(_vm.input),callback:function ($$v) {_vm.input=$$v},expression:\"input\"}})],1):_c('td')\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <td v-if=\"Array.isArray(field.filterable)\">\n    <multiselect\n      v-model=\"inputSelect\"\n      :options=\"field.filterable\"\n      track-by=\"value\"\n      label=\"text\"\n      :disabled=\"isLoading\"\n      :show-labels=\"false\"\n      :searchable=\"true\"\n      @input=\"select\"\n      openDirection=\"below\"\n      :maxHeight=\"150\"\n    >\n      <span slot=\"noResult\">{{$t($getConst.pages.alerts.no_results_found)}}</span>\n    </multiselect>\n  </td>\n  <td v-else-if=\"field.filterable === 'date'\">\n    <date-picker mode='range' v-model='range' is-range>\n      <template v-slot=\"{ inputValue, inputEvents }\">\n        <div class=\"flex justify-center items-center text-container\">\n          <b-form-input\n            v-if=\"inputValue.start == inputValue.end\"\n            id=\"date\" size=\"lg\"\n            readonly=\"readonly\"\n            :value=\"inputValue.start\"\n            :disabled=\"isLoading\"\n            v-on=\"inputEvents.start\"\n            class=\"border px-2 py-1 w-32 rounded focus:outline-none focus:border-indigo-300\"\n            @input=\"filter(inputValue.start)\"\n          />\n          <b-form-input v-else\n                        id=\"date\" size=\"lg\"\n                        readonly=\"readonly\"\n                        :value=\"inputValue.start +' - ' + inputValue.end\"\n                        v-on=\"inputEvents.start\"\n                        class=\"border px-2 py-1 w-32 rounded focus:outline-none focus:border-indigo-300\"\n                        @input=\"filter(inputValue.start +' - ' + inputValue.end)\"\n          />\n          <button\n            v-if=\"range && range.start != null\"\n            class=\"clearBtn\"\n            @click=\"range = null; $emit('onFilter', null);\">\n            <i :class=\"$getConst.icons.close\"></i>\n          </button>\n          <!--<b-form-group label=\"to\">-->\n          <!--<b-form-input-->\n          <!--label=\"to\"-->\n          <!--:value=\"inputValue.end\"-->\n          <!--v-on=\"inputEvents.end\"-->\n          <!--class=\"border px-2 py-1 w-32 rounded focus:outline-none focus:border-indigo-300\"-->\n          <!--/>-->\n          <!--</b-form-group>-->\n        </div>\n      </template>\n    </date-picker>\n  </td>\n  <td v-else-if=\"field.filterable\">\n    <b-form-input\n      size=\"sm\"\n      :disabled=\"isLoading\"\n      v-model=\"input\"></b-form-input>\n  </td>\n  <td v-else></td>\n</template>\n\n<script>\n  import {DatePicker} from 'v-calendar'\n  import {debounce} from \"lodash\";\n\n  export default {\n    name: \"TableFilterColumn\",\n    components: {\n      DatePicker\n    },\n    props: {\n      field: null,\n      filters: null,\n      isLoading: {\n        type: Boolean,\n        default: false\n      }\n    },\n    data() {\n      return {\n        date:null,\n        input: null,\n        inputSelect: null,\n        filterData: null,\n        range: {\n          start: null,\n          end: null,\n        },\n      }\n    },\n    created() {\n      for (let item in this.filters) {\n        if (item === this.field.key) {\n          this.filterData = this.filters[item];\n          this.input = this.filters[item];\n          break;\n        }\n      }\n      if (Array.isArray(this.field.filterable) && this.field.filterable[0].value !== null) {\n        this.field.filterable.unshift({value: null, text: ''})\n      }\n      this.debounceInput = debounce(this.filter, 500);\n    },\n    methods: {\n      filter(date) {\n        if(date){\n          this.range = null;\n          this.$emit('onFilter', null);\n        }else{\n          this.$emit('onFilter', this.input);\n        }\n\n      },\n      select(value) {\n        if (value && value.value === null) {\n          value = null\n        }\n        this.$emit('onFilter', value)\n      }\n    },\n    watch: {\n      input() {\n        if (this.input !== this.filterData) {\n          this.debounceInput();\n        }\n      },\n      range: {\n        handler: function () {\n          if(this.range) {\n            let start = \"\" + this.range.start.getFullYear() + ((this.range.start.getMonth() + 1) > 9 ? '' : '0') + (this.range.start.getMonth() + 1) + (this.range.start.getDate() > 9 ? '' : '0') + this.range.start.getDate();\n            let end = \"\" + this.range.end.getFullYear() + ((this.range.end.getMonth() + 1) > 9 ? '' : '0') + (this.range.end.getMonth() + 1) + (this.range.end.getDate() > 9 ? '' : '0') + (this.range.end.getDate());\n            this.input = ['[' + start, end + ']'];\n          }\n        }\n      }\n    }\n  }\n</script>\n\n<style scoped>\n  .form-control:disabled, .form-control[readonly] {\n    background-color: rgba(0, 0, 0, 0.03);\n  }\n  .text-container {\n    display: inline-block;\n    position: relative;\n    overflow: hidden;\n  }\n  .clearBtn {\n    position: absolute;\n    top: 20%;\n    right: 2%;\n    background-color: transparent;\n    transition: right 0.2s;\n    border: 0px !important;\n  }\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_tabelFilterColumn.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_tabelFilterColumn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./_tabelFilterColumn.vue?vue&type=template&id=fba308e6&scoped=true&\"\nimport script from \"./_tabelFilterColumn.vue?vue&type=script&lang=js&\"\nexport * from \"./_tabelFilterColumn.vue?vue&type=script&lang=js&\"\nimport style0 from \"./_tabelFilterColumn.vue?vue&type=style&index=0&id=fba308e6&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fba308e6\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <b-row class=\"my-2\">\n      <b-col md=\"6\"><strong>{{totalItems}}</strong> {{ $t($getConst.pages.table.results)}}</b-col>\n      <b-col md=\"6\">\n        <b-form inline class=\"justify-content-sm-end\">\n          <label class=\"mr-sm-2\">{{ $t($getConst.pages.table.items_per_page) | capitalize}}:</label>\n          <b-form-select\n            class=\"mb-2 mr-sm-2 mb-sm-0 form-control\"\n            :disabled=\"isLoading\"\n            v-model=\"perPage\"\n            :options=\"[{ text: 'Choose...', value: null }, 5, 10, 20, 50]\"\n            :value=\"null\"\n          ></b-form-select>\n          <b-button v-if=\"refreshButton\" size=\"md\" variant=\"outline-secondary\" @click=\"getData\">\n            <i :class=\"$getConst.icons.refresh\"></i>\n          </b-button>\n        </b-form>\n      </b-col>\n    </b-row>\n    <b-table\n      id=\"data-table\"\n      :table-class=\"tableClass\"\n      :thead-class=\"theadClass\"\n      :fields=\"fields\"\n      :items=\"items\"\n      :hover=\"hover\"\n      :striped=\"striped\"\n      :outlined=\"outlined\"\n      :borderless=\"borderless\"\n      :small=\"small\"\n      :fixed=\"fixed\"\n      :responsive=\"responsive\"\n      :no-local-sorting=\"true\"\n      :busy=\"isLoading\"\n      :per-page=\"0\"\n      show-empty\n      @sort-changed=\"onSortChanged\">\n\n      <!--   Header Row   -->\n      <template v-for=\"field in fields\" v-slot:[`head(${field.key})`]=\"data\">\n        <span v-if=\"data.field.label==' ' && headCheckbox ==true \">\n          <template>\n            <b-form-checkbox\n              v-model=\"allCheckedItems\"  @change=\"onCheckAllIds\"\n            >\n          </b-form-checkbox>\n        </template>\n        </span>\n        <span v-else-if=\"data.field.label\" >\n          {{ $t(data.field.label.toLowerCase()) | capitalize }}\n        </span>\n        <span v-else>\n          {{ $t(data.field.key.toLowerCase()) | capitalize }}\n        </span>\n      </template>\n\n      <!--   Filter Row   -->\n      <template v-if=\"hasFilterableColumn\" v-slot:top-row>\n        <template v-for=\"field in fields\">\n          <TableFilterColumn\n            :field=\"field\"\n            :filters=\"filters\"\n            :is-loading=\"isLoading\"\n            @onFilter=\"addFilter($event, field.key)\"\n          />\n        </template>\n      </template>\n\n      <template v-for=\"(field,index) in fields\" v-slot:[`cell(${field.key})`]=\"data\">\n        <!-- Checkbox cell -->\n        <template v-if=\"field.key === 'checkbox'\">\n          <b-form-checkbox v-model=\"data.item.checkbox\"  @change=\"withItem?setCheckedIds(data.item):setCheckedIds(data.item.id)\"></b-form-checkbox>\n        </template>\n\n        <!--   Nested Attribute Cell   -->\n        <template v-if=\"field.key.indexOf('.') > -1\">\n          <ul v-if=\"Array.isArray(data.item[field.key.split('.')[0]])\">\n            <li v-for=\"item in data.item[field.key.split('.')[0]]\">\n              {{item[field.key.split('.')[1]]}}\n            </li>\n          </ul>\n          <span v-else>{{ data.item[field.key.split('.')[0]][field.key.split('.')[1]] }}</span>\n        </template>\n\n        <!--   Action Cell   -->\n        <template v-else-if=\"field.key === 'action'\">\n          <template v-for=\"action in field.actions\">\n            <slot v-bind:action=\"action\" v-bind:rowData=\"data.item\" :name=\"'button-'+action.action\">\n              <b-button\n                v-if=\"(!action.roles && !action.permissions) ||\n                  (action.roles && action.roles.length && hasRole(action.roles)) ||\n                  (action.permissions && action.permissions.length && hasAnyOfPermissions(action.permissions))\"\n                :variant=\"action.variant\"\n                class=\"ml-2 border-0\"\n                size=\"sm\"\n                @click=\"onAction(action.action, data.item)\">\n                <i :class=\"action.icon\"></i>\n              </b-button>\n            </slot>\n          </template>\n        </template>\n\n        <!--   Default Cell   -->\n        <template v-else>\n          <template v-if=\"field.key !== 'checkbox'\">\n            <slot :name=\"field.key\" v-bind:data=\"data.item[field.key]\" v-bind:row=\"data.item\">{{data.item[field.key]}}</slot>\n          </template>\n        </template>\n      </template>\n\n      <!--   message when table is empty   -->\n      <template #empty=\"scope\">\n        {{$t($getConst.pages.table.no_data_to_show) | capitalize}}\n      </template>\n\n    </b-table>\n\n    <b-pagination\n      v-on:change=\"getData($event)\"\n      :disabled=\"isLoading\"\n      :total-rows=\"totalItems\"\n      :per-page=\"perPage\"\n      v-model=\"currentPage\"\n      :current-page=\"currentPage\"/>\n  </div>\n</template>\n<script>\n    import httpClient from \"../../../api/_httpClient\";\n    import TableFilterColumn from \"./_tabelFilterColumn\";\n    import CONSTANT from \"../../../shared/locales/en.json\";\n    import AppSpinner from \"../utils/AppSpinner\";\n\n    export default {\n      name: \"AppDataTable\",\n      components: {AppSpinner, TableFilterColumn},\n      emits:['getCheckedIds'],\n      props: {\n        fields: null,\n        actions: null,\n        allChecked : {\n          type : Boolean,\n          default : false\n        },\n        headCheckbox : {\n          type : Boolean,\n          default : false\n        },\n        endPoint: {\n          type: String\n        },\n        hover: {\n          type: Boolean,\n          default: true\n        },\n        striped: {\n          type: Boolean,\n          default: false\n        },\n        outlined: {\n          type: Boolean,\n          default: false\n        },\n        borderless: {\n          type: Boolean,\n          default: false\n        },\n        small: {\n          type: Boolean,\n          default: false\n        },\n        fixed: {\n          type: Boolean,\n          default: false\n        },\n        responsive: {\n          default: true\n        },\n        tableClass: {\n          type: String,\n          default: 'text-center'\n        },\n\n        theadClass: {\n          type: String,\n          default: 'text-center'\n        },\n\n        sortBy: {\n          type: String,\n          default: null\n        },\n        sortDesc: {\n          type: Boolean,\n          default: false\n        },\n        selectable: {\n          type: Boolean,\n          default: false\n        },\n        refreshButton: {\n          type: Boolean,\n          default: false\n        },\n        withItem: {\n          type: Boolean,\n          default: false\n        },\n      },\n      data() {\n        return {\n          constants: CONSTANT,\n          items: [],\n          isLoading: false,\n          nbPage: 1,\n          currentPage: 1,\n          totalItems: 0,\n          perPage: 5,\n          filters: [],\n          showFilter: false,\n          checkedIds: [],\n          allCheckedItems: this.allChecked,\n        }\n      },\n      created() {\n        this.getData();\n        this.displayActions();\n      },\n\n      watch: {\n        perPage() {\n          this.getData();\n        },\n        endPoint() {\n          this.getData();\n        },\n        currentPage(){\n          this.allCheckedItems = false;\n          this.$emit('getCheckedIds', [])\n        },\n        allChecked() {\n          this.allCheckedItems = this.allChecked;\n        }\n      },\n      methods: {\n        getData(nbPage = this.nbPage, perPage = this.perPage, sortBy = this.sortBy, sortDesc = this.sortDesc) {\n          this.isLoading = true;\n          this.getApiCall(nbPage, perPage, sortBy, sortDesc, this.filters).then(\n            response => {\n              response.data.data.forEach(el =>\n                 el.checkbox=false\n              )\n              this.items = response.data.data\n              this.currentPage = response.data['current_page']\n              this.totalItems = response.data['total']\n              this.isLoading = false;\n            }\n          ).catch(\n            (error) => {\n              this.handleApiError(error);\n              this.isLoading = false;\n            }\n          )\n        },\n        onSortChanged(ctx) {\n          this.sortBy = ctx.sortBy;\n          this.sortDesc = ctx.sortDesc;\n          this.getData();\n        },\n        getApiCall(page = 1, perPage, sortBy = false, sortDesc = false, filters = []) {\n          let params = '?page=' + page + '&per_page=' + perPage\n          if (sortBy) {\n            let order = 'asc';\n            if (sortDesc === true) {\n              order = 'desc';\n            }\n            params += '&sort_by=' + sortBy + '&order=' + order\n          }\n          for (let item in filters) {\n            if (filters[item]) {\n              params += '&' + item + '=' + filters[item]\n            }\n          }\n          return httpClient.get(this.endPoint + params)\n        },\n        checkActions() {\n          let allActions = [];\n          this.actions.forEach(action => {\n            let added = false;\n            if (!action.permissions && !action.roles) {\n              allActions.push(action);\n            } else {\n              if (action.permissions && this.hasAnyOfPermissions(action.permissions)) {\n                allActions.push(action);\n                added = true;\n              }\n              if (!added && action.roles && this.hasRole(action.roles)) {\n                allActions.push(action);\n              }\n            }\n          })\n\n          return allActions;\n        },\n        displayActions() {\n          if (this.actions && this.checkActions().length !== 0) {\n            this.fields.push({ key: 'action', label: this.$t('action'), actions: this.checkActions() })\n          }\n        },\n        onAction(action, id) {\n          this.$emit(action, id);\n        },\n        removeItem(item) {\n          this.items.splice(this.items.indexOf(item), 1);\n          this.totalItems--;\n          if (this.items.length === 0) {\n            this.getData();\n          }\n        },\n        editItem(item) {\n          const itemToUpdate = this.items.findIndex(element => element.id === item.id);\n          this.items[itemToUpdate] = item\n          this.$root.$emit('bv::refresh::table', 'data-table')\n        },\n        addItem(item) {\n          if (this.perPage === this.items.length) {\n            this.items.unshift(item);\n            this.items.pop();\n          } else {\n            this.items.push(item);\n          }\n\n          this.totalItems++;\n        },\n        addFilter(input, field) {\n          this.filters[field] = input && input.value ? input.value : input;\n          this.getData();\n        },\n        hasFilterableColumn() {\n          let hasFilterable = false;\n          this.fields.forEach(field => {\n            if (field.filterable) {\n              hasFilterable = true;\n              return;\n            }\n          });\n          return hasFilterable;\n        },\n        setCheckedIds(id) {\n          !this.checkedIds.includes(id) ? this.checkedIds.push(id) : this.checkedIds = this.checkedIds.filter(item => item !== id);\n          this.checkedIds.length==0?this.allCheckedItems=false:  this.checkedIds.length==this.items.length ?  this.allCheckedItems=true :  this.allCheckedItems=false\n          this.$emit('getCheckedIds', this.checkedIds);\n\n        },\n        onCheckAllIds(event){\n           if(event){\n             this.checkedIds=[...this.items]\n             this.items.forEach(el =>\n                 el.checkbox=true\n               )\n           }else\n           {\n             this.items.forEach(el =>\n               el.checkbox=false\n             )\n             this.checkedIds=[]\n           }\n           this.$emit('onCheckedIds', event);\n           this.$emit('getCheckedIds', this.checkedIds);\n        }\n\n      },\n      mounted() {\n        let selectableFieldExist = this.fields.find(field => field.key === \"checkbox\");\n        if (this.selectable && !selectableFieldExist) {\n          this.fields.unshift({key: 'checkbox', label: ' ', sortable: false, filterable: false});\n        }\n      }\n    }\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppDataTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppDataTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppDataTable.vue?vue&type=template&id=0f6dc72c&scoped=true&\"\nimport script from \"./AppDataTable.vue?vue&type=script&lang=js&\"\nexport * from \"./AppDataTable.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0f6dc72c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./_tabelFilterColumn.vue?vue&type=style&index=0&id=fba308e6&prod&scoped=true&lang=css&\""],"sourceRoot":""}