{"version":3,"sources":["webpack:///./src/components/WidgetWrapper.vue","webpack:///src/components/WidgetWrapper.vue","webpack:///./src/components/WidgetWrapper.vue?822f","webpack:///./src/components/WidgetWrapper.vue?e3b8","webpack:///./src/components/WidgetWrapper.vue?9ccd","webpack:///./src/components/dx/DataBindingLog.vue?5caa","webpack:///./src/pages/master/audit-log/List.vue","webpack:///./src/components/dx/TableLog.vue","webpack:///./src/components/dx/DataBindingLog.vue","webpack:///src/components/dx/DataBindingLog.vue","webpack:///./src/components/dx/DataBindingLog.vue?8f84","webpack:///./src/components/dx/DataBindingLog.vue?054d","webpack:///src/components/dx/TableLog.vue","webpack:///./src/components/dx/TableLog.vue?ab27","webpack:///./src/components/dx/TableLog.vue?881b","webpack:///./src/pages/master/audit-log/form-helper.js","webpack:///src/pages/master/audit-log/List.vue","webpack:///./src/pages/master/audit-log/List.vue?cda0","webpack:///./src/pages/master/audit-log/List.vue?75bf","webpack:///./src/pages/master/audit-log/List.vue?b7d7"],"names":["render","_vm","this","_c","_self","staticClass","style","fullHeight","model","value","activeNames","callback","$$v","expression","attrs","scopedSlots","_u","key","fn","_t","title","_e","_v","_s","proxy","staticRenderFns","props","type","icon","default","data","mounted","methods","component","directives","name","rawName","fullscreenLoading","ref","headers","items","options","view","filter","search","on","initData","length","staticStyle","class","$event","start","end","total_data","getPages","page","_l","page_number","index","getLastIndexArr","total_page","allowToRefetch","$refs","dataBindingRefKey","clearAll","$emit","customizationPage","showHeader","showPagination","pageSize","dataGridRefKey","onContentReady","onValueChanged","onToolbarPreparing","head","width","text","cellTemplate","allowSorting","visible","includes","calculateSortValue","allowMultipleSelect","dialogVisible","allowAdding","allowEditing","allowDeleting","allowExporting","components","DxDataGrid","DxColumn","DxPaging","DxPager","DxEditing","DxForm","DxSelection","DxFilterRow","DxExport","DxSimpleItem","DxLabel","DxRequiredRule","DxPatternRule","DxTextBox","DxColumnFixing","alphaPattern","numericPattern","emailPattern","column","x","e","dataField","defaultValueChangeHandler","toolbarItems","item","moment","computed","dataGrid","query","DataBinding","DxButton","SimpleTable","WidgetWrapper","beforeMount","RecordsOnDuty","metadata","page_array","orderby","order","params","take","skip","sort","selector","desc","console","watch","get_page","window","top","left","behavior","handler","deep"],"mappings":"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,EAAG,YAAY,CAACW,MAAM,CAAC,QAAUb,EAAIkF,cAAc,MAAQ,OAAOtC,GAAG,CAAC,iBAAiB,SAASK,GAAQjD,EAAIkF,cAAcjC,OAAY,IAEpmDzB,EAAkB,G,yDCoFtB,MAAM6C,EAAiB,eACR,OACf5C,OACAa,SACAZ,YAEAa,OACAb,YAEAc,SACAd,YACAE,mBACA,OACAuD,eACAC,gBACAC,iBACAC,kBACAT,gBACAI,0BAIAhB,mBACAvC,aAEAwC,YACAxC,aACAE,YAEAuC,gBACAzC,aACAE,YAEAwC,UACA1C,YACAE,YAEAc,QACAhB,aAEAiB,QACAjB,aAGA6D,YACAC,2BACAC,uBACAC,uBACAC,qBACAC,yBACAC,mBACAC,6BACAC,6BACAC,uBACAC,+BACAC,qBACAC,mCACAC,iCACAC,yBACAC,oCAEAzE,UACA,CACA0E,yBACAC,mCACAC,uKACAvB,iBACAb,mBAGAtC,SACAuC,kBACA,kBACA,mCACA,wBACA,GACAoC,uBACAA,+BACA,CACA,2CACAC,GACAA,oDAEA,OACA,2DAEA,cACA,wCACA,yCAIApC,kBACA,+BACAqC,mCACA,uCACA,OAAAC,eAAArG,UACA,cACAoG,2CACA,0DACA,gDACA,YACA,wCACAnD,KACAf,oBACAA,eAAA1B,gBAAAR,UACAsG,UAEA,2BACAA,UAQA,GALA,4BACAjF,wBACAA,gBACAiF,MAEA,gCACA,gDACA,6BACAA,OAKA,0BACAF,sCACA,8BACAlE,yBACA,qBACAA,gCAOA8B,sBACA,6BACAuC,cACA,+BAEAC,iBAIAhC,wBACAjB,WACA,6BACA,4BACA,yBAEAkD,kBACA,eAGAC,UACAC,WACA,iCCpPuW,I,wBCQnWnF,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,6BCsBA,GACfP,OACAa,SACAZ,WACAE,gBAEAW,OACAb,WACAE,gBAEAY,SACAd,YACAE,aACA,KAGAqC,mBACAvC,YACAE,gBAEAwF,OACA1F,YACAE,gBAEAsC,YACAxC,aACAE,YAEAuC,gBACAzC,aACAE,YAEAwC,UACA1C,YACAE,YAEAc,QACAhB,aAEAiB,QACAjB,aAGA6D,YACA8B,cACAC,cAEAzF,OACA,OAAAiC,sCAEAhC,YACAC,YC5FiW,ICO7V,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCiCA,I,YCmDA,GACfwD,YACAgC,cACAC,sBAEAC,cACA,iBAEA3F,UACA,kBAEAD,OACA,OACAV,yBACAiB,qBACAE,SACA,CAAAZ,cAAAiD,gBAAAnE,qBAAAkE,WACA,CACAhD,cACAiD,eACAnE,iBAOA,CAAAkB,cAAAiD,gBAAAnE,kBACA,CACAkB,YACAiD,iBACAnE,oBACAkE,aAEA,CACAhD,cACAiD,cACAnE,mBACAkE,cAGAnC,SACAmF,gBACAlF,SACAoB,mBAGA+D,cACArE,OACAsE,cACAjE,aACAP,aACAX,QACAS,QACAC,MACA0E,aACAC,WACApF,cAGAX,SACAc,WACA,SACA,sCACA,sCACAF,QAAA3B,0BAAAR,WAGA,aACAqH,sBACAC,aACAxE,eACAb,eACAE,WAGAe,mBACA,mBAGA,kBACA,IACA,0BAEA,WAEA,mCACAhB,mCACA,+CAGA,kEACAqF,QACAC,eACAC,6BACAC,qBACA,CACAC,6BACAC,mCAGA1F,0CAaA,4BAWA,4BACA,uCACA,qBACA,oCACA,yBAIA,0BACA,SACA,0BACA2F,kBAIAC,OACA7F,OACA,WACA,4BAEA8F,EADA,KACAA,oCAEAA,sCAEA,cACA,aAEA,kBACA,cAOA,4BAEAnF,cACA,GACA,wCACA,8BACA,qBAGA,mBAGAO,cACA,mBACA,oBACA,2BAGAL,OACAkF,eACAC,uCACAC,OACAC,oBAQA,4BAEAjG,QACAkG,WACA,0CAEAC,UAGA3B,UACA7D,WACA,4BACA,cACA,EACA,6BACA,YACA,oBACA,EACA,kBACA,6BAEA,YCzT4W,ICQxW,G,UAAY,eACd,EACAtD,EACAyB,GACA,EACA,KACA,KACA,OAIa,e,2CCnBf","file":"js/chunk-01e2b77e.5a25b6ec.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-collapse',{staticClass:\"w-full h-auto rounded border border-primary-300 px-2 pb-2 bg-primary-300 shadow\",style:(!_vm.fullHeight ? 'height: min-content !important;' : ''),model:{value:(_vm.activeNames),callback:function ($$v) {_vm.activeNames=$$v},expression:\"activeNames\"}},[_c('el-collapse-item',{staticClass:\"border-b-0 pb-0\",attrs:{\"name\":\"def\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._t(\"title\"),(_vm.title)?_c('h4',{staticClass:\"text-gray-600 px-2 leading-none\"},[(false)?_c('i',{class:_vm.icon}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.title)+\" \")]):_vm._e()]},proxy:true}],null,true)},[_c('div',{staticClass:\"w-full h-full flex flex-col p-2 rounded border-gray-100\"},[_vm._t(\"default\")],2)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-collapse\n    class=\"w-full h-auto rounded border border-primary-300 px-2 pb-2 bg-primary-300 shadow\"\n    :style=\"!fullHeight ? 'height: min-content !important;' : ''\"\n    v-model=\"activeNames\"\n  >\n    <el-collapse-item class=\"border-b-0 pb-0\" name=\"def\">\n      <template #title>\n        <slot name=\"title\"></slot>\n        <h4 class=\"text-gray-600 px-2 leading-none\" v-if=\"title\">\n          <i :class=\"icon\" v-if=\"false\"></i>\n          {{ title }}\n        </h4>\n      </template>\n      <div class=\"w-full h-full flex flex-col p-2 rounded border-gray-100\">\n        <slot />\n      </div>\n    </el-collapse-item>\n  </el-collapse>\n</template>\n\n<script>\nexport default {\n  props: {\n    title: {\n      type: String\n    },\n    icon: {\n      type: String\n    },\n    fullHeight: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      activeNames: 'def'\n    }\n  },\n  mounted() {},\n  methods: {}\n}\n</script>\n\n<style>\n.el-collapse-item__content {\n  padding-bottom: 0;\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!./WidgetWrapper.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!./WidgetWrapper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WidgetWrapper.vue?vue&type=template&id=6085627b&\"\nimport script from \"./WidgetWrapper.vue?vue&type=script&lang=js&\"\nexport * from \"./WidgetWrapper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WidgetWrapper.vue?vue&type=style&index=0&id=6085627b&prod&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  null,\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/dist/cjs.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!./WidgetWrapper.vue?vue&type=style&index=0&id=6085627b&prod&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataBindingLog.vue?vue&type=style&index=0&id=b2611982&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('WidgetWrapper',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.fullscreenLoading),expression:\"fullscreenLoading\"}],attrs:{\"title\":_vm.title,\"full-height\":true}},[_c('hr',{ref:\"UserLogHeader\",staticClass:\"mb-2 -mt-2\"}),_c('SimpleTable',{attrs:{\"headers\":_vm.headers,\"items\":_vm.items,\"options\":_vm.options,\"page-size\":_vm.view,\"filter\":_vm.filter,\"search\":_vm.filter.search},on:{\"initData\":_vm.initData}}),(_vm.items.length)?_c('div',{staticClass:\"dx-datagrid-pager dx-pager\",staticStyle:{\"font-size\":\"10pt\"}},[_c('div',{staticClass:\"dx-page-sizes\"},[_c('div',{staticClass:\"dx-page-size\",class:{ 'dx-selection': _vm.view == 10 },attrs:{\"role\":\"button\",\"aria-label\":\"Display 10 items on page\",\"tabindex\":\"0\"},on:{\"click\":function($event){_vm.view = 10}}},[_vm._v(\" 10 \")]),_c('div',{staticClass:\"dx-page-size\",class:{ 'dx-selection': _vm.view == 20 },attrs:{\"role\":\"button\",\"aria-label\":\"Display 20 items on page\",\"tabindex\":\"0\"},on:{\"click\":function($event){_vm.view = 20}}},[_vm._v(\" 20 \")]),_c('div',{staticClass:\"dx-page-size\",class:{ 'dx-selection': _vm.view == 50 },attrs:{\"role\":\"button\",\"aria-label\":\"Display 50 items on page\",\"tabindex\":\"0\"},on:{\"click\":function($event){_vm.view = 50}}},[_vm._v(\" 50 \")])]),_c('div',{staticClass:\"dx-pages\"}),_c('div',{staticClass:\"dx-pages\"},[_c('div',{staticClass:\"dx-info\"},[_vm._v(\" Page \"+_vm._s(_vm.start)+\" of \"+_vm._s(_vm.end)+\" (\"+_vm._s(_vm.total_data)+\" items) \")]),(_vm.getPages[0] != 1)?_c('div',{staticClass:\"dx-page\",on:{\"click\":function($event){_vm.items ? (_vm.page = 1) : null}}},[_vm._v(\" 1 \")]):_vm._e(),(_vm.getPages[1] != 2 && _vm.total_data > _vm.view)?_c('div',{staticClass:\"dx-separator\"},[_vm._v(\" . . . \")]):_vm._e(),_vm._l((_vm.getPages),function(page_number,index){return _c('div',{key:index,staticClass:\"dx-page\",class:{ 'dx-selection': page_number == _vm.page },on:{\"click\":function($event){_vm.items ? (_vm.page = page_number) : null}}},[_vm._v(\" \"+_vm._s(page_number)+\" \")])}),(_vm.getPages[_vm.getLastIndexArr(_vm.getPages)] < _vm.total_page - 1)?_c('div',{staticClass:\"dx-separator\"},[_vm._v(\" . . . \")]):_vm._e(),(_vm.getPages[_vm.getLastIndexArr(_vm.getPages)] != _vm.total_page)?_c('div',{staticClass:\"dx-page\",on:{\"click\":function($event){_vm.items ? (_vm.page = _vm.total_page) : null}}},[_vm._v(\" \"+_vm._s(_vm.total_page)+\" \")]):_vm._e()],2)]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-end\",\"margin-bottom\":\"10px\"}},[_c('div',{staticClass:\"pl-2\"},[_vm._t(\"customButton\")],2),_c('div',{staticClass:\"pb-8\"},[(_vm.options.allowToRefetch)?_c('DxButton',{staticStyle:{\"margin-left\":\"5px\",\"margin-bottom\":\"-32px\",\"z-index\":\"1\"},attrs:{\"text\":\"Reset\",\"icon\":\"refresh\",\"type\":\"normal\"},on:{\"click\":() => {\n            this.$refs[this.dataBindingRefKey].clearAll()\n            _vm.$emit('initData')\n          }}}):_vm._e()],1)]),_c('DataBinding',{ref:_vm.dataBindingRefKey,attrs:{\"headers\":_vm.headers,\"items\":_vm.items,\"options\":_vm.options,\"customizationPage\":_vm.customizationPage,\"showHeader\":_vm.showHeader,\"showPagination\":_vm.showPagination,\"pageSize\":_vm.pageSize,\"filter\":_vm.filter,\"search\":_vm.search}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('DxDataGrid',{ref:_vm.dataGridRefKey,attrs:{\"data-source\":_vm.items,\"show-borders\":true,\"row-alternation-enabled\":true,\"allow-column-resizing\":true,\"show-column-headers\":_vm.showHeader,\"key-expr\":\"id\"},on:{\"content-ready\":_vm.onContentReady,\"editor-preparing\":_vm.onValueChanged,\"toolbar-preparing\":_vm.onToolbarPreparing},scopedSlots:_vm._u([{key:\"whiteSpace\",fn:function({ data }){return [_c('div',{staticClass:\"whitespace-normal\"},[_vm._v(_vm._s(data.value))])]}}])},[(_vm.showPagination)?_c('DxPaging',{attrs:{\"page-size\":_vm.pageSize}}):_vm._e(),_c('DxPager',{attrs:{\"show-page-size-selector\":true,\"allowed-page-sizes\":[10, 20, 50],\"show-info\":true}}),_c('DxColumnFixing',{attrs:{\"enabled\":true}}),_vm._l((_vm.headers),function(head,index){return _c('DxColumn',{key:index,attrs:{\"width\":head.width,\"data-type\":head.type,\"caption\":head.text,\"data-field\":head.value,\"cell-template\":head.cellTemplate,\"allow-sorting\":head.text !== 'Action' && _vm.options.allowSorting,\"allow-filtering\":head.text !== 'Action',\"visible\":head.visible,\"format\":head.type.includes('date') ? 'shortDateShortTime' : '',\"filter-operations\":['contains'],\"editor-options\":{},\"calculate-sort-value\":_vm.calculateSortValue}})}),(_vm.options.allowMultipleSelect)?_c('DxSelection',{attrs:{\"select-all-mode\":'allPages',\"show-check-boxes-mode\":'onClick',\"mode\":\"multiple\"}}):_vm._e(),_c('DxFilterRow',{attrs:{\"visible\":true,\"apply-filter\":\"onClick\"}})],2),_c('el-dialog',{attrs:{\"visible\":_vm.dialogVisible,\"width\":\"30%\"},on:{\"update:visible\":function($event){_vm.dialogVisible=$event}}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <DxDataGrid\n      :data-source=\"items\"\n      :show-borders=\"true\"\n      :row-alternation-enabled=\"true\"\n      :allow-column-resizing=\"true\"\n      :show-column-headers=\"showHeader\"\n      :ref=\"dataGridRefKey\"\n      key-expr=\"id\"\n      @content-ready=\"onContentReady\"\n      @editor-preparing=\"onValueChanged\"\n      @toolbar-preparing=\"onToolbarPreparing\"\n    >\n      <!-- Paging and Pager -->\n      <DxPaging :page-size=\"pageSize\" v-if=\"showPagination\" />\n      <DxPager\n        :show-page-size-selector=\"true\"\n        :allowed-page-sizes=\"[10, 20, 50]\"\n        :show-info=\"true\"\n      />\n\n      <DxColumnFixing :enabled=\"true\" />\n\n      <!-- Set Columns -->\n      <DxColumn\n        v-for=\"(head, index) in headers\"\n        :key=\"index\"\n        :width=\"head.width\"\n        :data-type=\"head.type\"\n        :caption=\"head.text\"\n        :data-field=\"head.value\"\n        :cell-template=\"head.cellTemplate\"\n        :allow-sorting=\"head.text !== 'Action' && options.allowSorting\"\n        :allow-filtering=\"head.text !== 'Action'\"\n        :visible=\"head.visible\"\n        :format=\"head.type.includes('date') ? 'shortDateShortTime' : ''\"\n        :filter-operations=\"['contains']\"\n        :editor-options=\"{}\"\n        :calculate-sort-value=\"calculateSortValue\"\n      />\n\n      <!-- Activate Selection -->\n      <DxSelection\n        :select-all-mode=\"'allPages'\"\n        :show-check-boxes-mode=\"'onClick'\"\n        v-if=\"options.allowMultipleSelect\"\n        mode=\"multiple\"\n      />\n\n      <!-- Activate Filter -->\n      <DxFilterRow :visible=\"true\" apply-filter=\"onClick\" />\n\n      <!-- Templates -->\n      <template #whiteSpace=\"{ data }\">\n        <div class=\"whitespace-normal\">{{ data.value }}</div>\n      </template>\n    </DxDataGrid>\n\n    <!-- Dialog delete -->\n    <el-dialog :visible.sync=\"dialogVisible\" width=\"30%\"></el-dialog>\n  </div>\n</template>\n<script>\n/* eslint-disable */\r\nimport {\r\n  DxForm,\r\n  DxDataGrid,\r\n  DxColumn,\r\n  DxPaging,\r\n  DxPager,\r\n  DxEditing,\r\n  DxSelection,\r\n  DxFilterRow,\r\n  DxExport,\r\n  DxColumnFixing\r\n} from 'devextreme-vue/data-grid'\r\nimport {\r\n  DxSimpleItem,\r\n  DxLabel,\r\n  DxRequiredRule,\r\n  DxPatternRule\r\n} from 'devextreme-vue/form'\r\nimport { DxTextBox } from 'devextreme-vue/text-box'\r\nimport moment from 'moment'\r\n\r\nconst dataGridRefKey = 'my-data-grid'\r\nexport default {\r\n  props: {\r\n    headers: {\r\n      type: Array\r\n    },\r\n    items: {\r\n      type: Array\r\n    },\r\n    options: {\r\n      type: Object,\r\n      default: function () {\r\n        return {\r\n          allowAdding: false,\r\n          allowEditing: false,\r\n          allowDeleting: false,\r\n          allowExporting: false,\r\n          allowSorting: true,\r\n          allowMultipleSelect: true\r\n        }\r\n      }\r\n    },\r\n    customizationPage: {\r\n      type: String\r\n    },\r\n    showHeader: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    showPagination: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    pageSize: {\r\n      type: Number,\r\n      default: 10\r\n    },\r\n    filter: {\r\n      type: Object\r\n    },\r\n    search: {\r\n      type: Array\r\n    }\r\n  },\r\n  components: {\r\n    DxDataGrid,\r\n    DxColumn,\r\n    DxPaging,\r\n    DxPager,\r\n    DxEditing,\r\n    DxForm,\r\n    DxSelection,\r\n    DxFilterRow,\r\n    DxExport,\r\n    DxSimpleItem,\r\n    DxLabel,\r\n    DxRequiredRule,\r\n    DxPatternRule,\r\n    DxTextBox,\r\n    DxColumnFixing\r\n  },\r\n  data: () => {\r\n    return {\r\n      alphaPattern: /^[^0-9]+$/, // eslint-disable-line\r\n      numericPattern: /^(0|[1-9][0-9]*)$/, // eslint-disable-line\r\n      emailPattern: /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/, // eslint-disable-line\r\n      dialogVisible: false,\r\n      dataGridRefKey\r\n    }\r\n  },\r\n  methods: {\r\n    onContentReady(e) {\r\n      let data = e.component\r\n      for (let i = 0; i < data.columnCount(); i++) {\r\n        let column = data.columnOption(i)\r\n        if (\r\n          column.bufferedFilterValue &&\r\n          column.bufferedFilterValue.length > 0\r\n        ) {\r\n          let index = this.$parent.filter.search.findIndex(\r\n            (x) =>\r\n              x.key == column.dataField && x.value != column.bufferedFilterValue\r\n          )\r\n          if (index >= 0)\r\n            this.$parent.filter.search[index].value = column.bufferedFilterValue\r\n        }\r\n        if (column.sortOrder) {\r\n          this.$parent.filter.orderby = column.dataField\r\n          this.$parent.filter.order = column.sortOrder\r\n        }\r\n      }\r\n    },\r\n    onValueChanged(e) {\r\n      if (e.parentType === 'filterRow') {\r\n        e.editorOptions.showClearButton = true\r\n        const defaultValueChangeHandler = e.editorOptions.onValueChanged\r\n        let data = { dataField: null, value: '' }\r\n        let filter = this.filter\r\n        e.editorOptions.onValueChanged = function (args) {\r\n          if (typeof args.value == 'object' && e.dataType.includes('date')) {\r\n            let index = filter.search.findIndex((x) => x.key == e.dataField)\r\n            if (args.value) {\r\n              let date = moment(args.value).format('YYYY-MM-DD')\r\n              index >= 0\r\n                ? (filter.search[index].value = date)\r\n                : filter.search.push({ key: e.dataField, value: date })\r\n              defaultValueChangeHandler(args)\r\n            } else {\r\n              if (index >= 0) filter.search.splice(index, 1)\r\n              defaultValueChangeHandler(args)\r\n            }\r\n          } else {\r\n            if (args.value && args.value.length > 0) {\r\n              data.dataField = e.dataField\r\n              data.value = args.value\r\n              defaultValueChangeHandler(args)\r\n            }\r\n            if (args.value == '' && args.value.length == 0) {\r\n              let index = filter.search.findIndex((x) => x.key == e.dataField)\r\n              if (index >= 0) filter.search[index].value = ''\r\n              defaultValueChangeHandler(args)\r\n            }\r\n          }\r\n        }\r\n\r\n        const defaultKeyDownHandler = e.editorOptions.onKeyDown\r\n        e.editorOptions.onKeyDown = function (args) {\r\n          if (args.event && args.event.keyCode == 13) {\r\n            filter.search.forEach((item, index) => {\r\n              if (item.key == data.dataField) {\r\n                filter.search[index].value = data.value\r\n              }\r\n            })\r\n          }\r\n        }\r\n      }\r\n    },\r\n    onToolbarPreparing(e) {\r\n      let toolbarItems = e.toolbarOptions.items\r\n      toolbarItems.forEach((item) => {\r\n        if (item.name === 'applyFilterButton') {\r\n          // Change the item options here\r\n          item.visible = false\r\n        }\r\n      })\r\n    },\r\n    calculateSortValue(e) {},\r\n    clearAll() {\r\n      this.dataGrid.clearSorting()\r\n      this.dataGrid.clearFilter()\r\n      this.dataGrid.refresh()\r\n    },\r\n    moment: function () {\r\n      return moment()\r\n    }\r\n  },\r\n  computed: {\r\n    dataGrid() {\r\n      return this.$refs[dataGridRefKey].instance\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n#data-grid-demo {\r\n  min-height: 700px;\r\n}\r\n\r\n.simple-link {\r\n  color: #478ed1;\r\n  text-decoration: underline;\r\n  cursor: pointer;\r\n  margin: 0px 3px;\r\n}\r\n.simple-link.labeled-icon {\r\n  text-decoration: none;\r\n}\r\n.simple-link.icon {\r\n  font-size: 28px;\r\n  text-decoration: none;\r\n}\r\n.simple-link.disabled {\r\n  color: #ccc;\r\n  cursor: unset;\r\n}\r\n\r\n// Custom Dropdown\r\n\r\n.dropbtn {\r\n  background-color: white;\r\n  color: #333333;\r\n  border: 1px solid #dddddd;\r\n  border-radius: 3px;\r\n  padding: 5px 10px;\r\n  font-size: 12px;\r\n  cursor: pointer;\r\n}\r\n\r\n.dropbtn:hover,\r\n.dropbtn:focus {\r\n  background-color: #f1f1f1;\r\n}\r\n\r\n.dropdown {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.dropdown-content {\r\n  display: none;\r\n  position: absolute;\r\n  margin-top: 3px;\r\n  border: 1px solid #dddddd;\r\n  border-radius: 3px;\r\n  min-width: 100px;\r\n  overflow: auto;\r\n  z-index: 1;\r\n}\r\n\r\n.dropdown-content a {\r\n  color: black;\r\n  padding: 5px 10px;\r\n  text-decoration: none;\r\n  display: block;\r\n}\r\n\r\n.dropdown a:hover {\r\n  background-color: #ddd;\r\n}\r\n\r\n.show {\r\n  display: block;\r\n}\r\n</style>\r\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!./DataBindingLog.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!./DataBindingLog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataBindingLog.vue?vue&type=template&id=b2611982&scoped=true&\"\nimport script from \"./DataBindingLog.vue?vue&type=script&lang=js&\"\nexport * from \"./DataBindingLog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataBindingLog.vue?vue&type=style&index=0&id=b2611982&prod&lang=scss&scoped=true&\"\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  \"b2611982\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <div style=\"display: flex; justify-content: flex-end; margin-bottom: 10px\">\n      <div class=\"pl-2\">\n        <slot name=\"customButton\"></slot>\n      </div>\n\n      <div class=\"pb-8\">\n        <DxButton\n          v-if=\"options.allowToRefetch\"\n          style=\"margin-left: 5px; margin-bottom: -32px; z-index: 1\"\n          text=\"Reset\"\n          icon=\"refresh\"\n          type=\"normal\"\n          @click=\"\n            () => {\n              this.$refs[this.dataBindingRefKey].clearAll()\n              $emit('initData')\n            }\n          \"\n        />\n      </div>\n    </div>\n    <DataBinding\n      :headers=\"headers\"\n      :items=\"items\"\n      :options=\"options\"\n      :customizationPage=\"customizationPage\"\n      :showHeader=\"showHeader\"\n      :showPagination=\"showPagination\"\n      :pageSize=\"pageSize\"\n      :filter=\"filter\"\n      :search=\"search\"\n      :ref=\"dataBindingRefKey\"\n    />\n  </div>\n</template>\n\n<script>\nimport DataBinding from './DataBindingLog'\nimport DxButton from 'devextreme-vue/button'\nexport default {\n  props: {\n    headers: {\n      type: Array,\n      default: () => []\n    },\n    items: {\n      type: Array,\n      default: () => []\n    },\n    options: {\n      type: Object,\n      default: () => {\n        return {}\n      }\n    },\n    customizationPage: {\n      type: String,\n      default: () => ''\n    },\n    query: {\n      type: Object,\n      default: () => {}\n    },\n    showHeader: {\n      type: Boolean,\n      default: true\n    },\n    showPagination: {\n      type: Boolean,\n      default: true\n    },\n    pageSize: {\n      type: Number,\n      default: 10\n    },\n    filter: {\n      type: Object\n    },\n    search: {\n      type: Array\n    }\n  },\n  components: {\n    DataBinding,\n    DxButton\n  },\n  data() {\n    return { dataBindingRefKey: 'my-data-binding' }\n  },\n  mounted() {},\n  methods: {}\n}\n</script>\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!./TableLog.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!./TableLog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TableLog.vue?vue&type=template&id=b9f995b6&\"\nimport script from \"./TableLog.vue?vue&type=script&lang=js&\"\nexport * from \"./TableLog.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  null,\n  null\n  \n)\n\nexport default component.exports","// import appInfo from '@/app-info'\n// import axios from 'axios'\n// import router from '@/router';\n\nconst emptyData = {\n  TagName: '',\n  CustomerName: '',\n  TagType: '',\n  Note: ''\n}\n\n// var validateName = async (name) => {\n// \ttry {\n// \t\tvar id = router.history.current.params.id;\n// \t\tvar idParam = \"\";\n\n// \t\tif (id) {\n// \t\t\tidParam = `&userId=${id}`\n// \t\t}\n// \t\tconst res = await axios.get(\n// \t\t\tappInfo.api.user.isAvailableUsername + '?username=' + name + idParam\n// \t\t)\n// \t\treturn res.data;\n// \t} catch (e) {\n// \t\tconsole.log(e)\n// \t}\n// };\n\n// var validateUsername = async (rule, value, callback) => {\n// \tif (value == '') {\n// \t\tcallback(new Error('Username is required'))\n// \t} else if (! await validateName(value)) {\n// \t\tcallback(new Error('Username Already used'));\n// \t} else {\n// \t\tcallback();\n// \t}\n// };\n\nconst validationRules = {\n  TagName: [\n    {\n      required: true,\n      message: 'Tag Name is required',\n      trigger: 'blur'\n    }\n  ],\n  CustomerName: [],\n  TagType: [],\n  Note: []\n}\n\nexport default {\n  getEmptyData() {\n    return emptyData\n  },\n  getValidationRule() {\n    return validationRules\n  }\n}\n","<template>\n  <WidgetWrapper\n    :title=\"title\"\n    :full-height=\"true\"\n    v-loading=\"fullscreenLoading\"\n  >\n    <hr class=\"mb-2 -mt-2\" ref=\"UserLogHeader\" />\n    <SimpleTable\n      :headers=\"headers\"\n      :items=\"items\"\n      :options=\"options\"\n      :page-size=\"view\"\n      :filter=\"filter\"\n      :search=\"filter.search\"\n      @initData=\"initData\"\n    />\n\n    <div\n      class=\"dx-datagrid-pager dx-pager\"\n      style=\"font-size: 10pt\"\n      v-if=\"items.length\"\n    >\n      <div class=\"dx-page-sizes\">\n        <div\n          @click=\"view = 10\"\n          :class=\"{ 'dx-selection': view == 10 }\"\n          class=\"dx-page-size\"\n          role=\"button\"\n          aria-label=\"Display 10 items on page\"\n          tabindex=\"0\"\n        >\n          10\n        </div>\n        <div\n          @click=\"view = 20\"\n          :class=\"{ 'dx-selection': view == 20 }\"\n          class=\"dx-page-size\"\n          role=\"button\"\n          aria-label=\"Display 20 items on page\"\n          tabindex=\"0\"\n        >\n          20\n        </div>\n        <div\n          @click=\"view = 50\"\n          :class=\"{ 'dx-selection': view == 50 }\"\n          class=\"dx-page-size\"\n          role=\"button\"\n          aria-label=\"Display 50 items on page\"\n          tabindex=\"0\"\n        >\n          50\n        </div>\n      </div>\n      <div class=\"dx-pages\"></div>\n      <div class=\"dx-pages\">\n        <div class=\"dx-info\">\n          <!-- Page {{ start }} of {{ end }} ({{ total_data }} items) -->\n          Page {{ start }} of {{ end }} ({{ total_data }} items)\n        </div>\n        <div\n          class=\"dx-page\"\n          v-if=\"getPages[0] != 1\"\n          @click=\"items ? (page = 1) : null\"\n        >\n          1\n        </div>\n        <div class=\"dx-separator\" v-if=\"getPages[1] != 2 && total_data > view\">\n          . . .\n        </div>\n        <div\n          class=\"dx-page\"\n          v-for=\"(page_number, index) in getPages\"\n          :class=\"{ 'dx-selection': page_number == page }\"\n          :key=\"index\"\n          @click=\"items ? (page = page_number) : null\"\n        >\n          {{ page_number }}\n        </div>\n        <div\n          class=\"dx-separator\"\n          v-if=\"getPages[getLastIndexArr(getPages)] < total_page - 1\"\n        >\n          . . .\n        </div>\n        <div\n          class=\"dx-page\"\n          v-if=\"getPages[getLastIndexArr(getPages)] != total_page\"\n          @click=\"items ? (page = total_page) : null\"\n        >\n          {{ total_page }}\n        </div>\n      </div>\n    </div>\n  </WidgetWrapper>\n</template>\n\n<script>\nimport SimpleTable from '@/components/dx/TableLog'\nimport formHelper from './form-helper'\nimport WidgetWrapper from '@/components/WidgetWrapper'\n\nexport default {\n  components: {\n    SimpleTable,\n    WidgetWrapper\n  },\n  beforeMount() {\n    this.initData()\n  },\n  mounted() {\n    this.fetchData()\n  },\n  data() {\n    return {\n      title: 'Audit Log - List',\n      fullscreenLoading: false,\n      headers: [\n        { type: 'string', text: 'Username', value: 'machine_name', width: 200 },\n        {\n          type: 'string',\n          text: 'Message',\n          value: 'message'\n        },\n        // {\n        //   type: 'string',\n        //   text: 'Data',\n        //   value: 'data'\n        // },\n        { type: 'string', text: 'Callsite', value: 'callsite' },\n        {\n          type: 'date',\n          text: 'Timestamp',\n          value: 'logged_time',\n          width: '170'\n        },\n        {\n          type: 'string',\n          text: 'Status',\n          value: 'error_type',\n          width: '150'\n        }\n      ],\n      items: [],\n      RecordsOnDuty: 0,\n      options: {\n        allowToRefetch: true\n      },\n\n      metadata: null,\n      page: 1,\n      page_array: [],\n      total_page: 0,\n      total_data: 0,\n      view: 10,\n      start: 1,\n      end: 1,\n      orderby: null,\n      order: null,\n      filter: null\n    }\n  },\n  methods: {\n    initData() {\n      let search = []\n      for (let i = 0; i < this.headers.length; i++) {\n        if (this.headers[i].value != 'logged_time') {\n          search.push({ key: this.headers[i].value, value: '' })\n        }\n      }\n      this.filter = {\n        orderby: 'logged_time',\n        order: 'desc',\n        page: this.page,\n        view: this.view,\n        search\n      }\n    },\n    getLastIndexArr(arr) {\n      return arr.length - 1\n    },\n\n    async fetchData() {\n      try {\n        this.fullscreenLoading = true\n        // const res = await this.$axios.get(this.$appInfo.api.userlog.getDevEx)\n        const filter = []\n\n        this.filter.search.forEach((s, i) => {\n          filter.push([s.key, 'contains', s.value])\n          if (i < this.filter.search.length - 1) filter.push('and')\n        })\n\n        const res = await this.$axios.get(this.$appInfo.api.userlog.getDevEx, {\n          params: {\n            take: this.view,\n            skip: (this.page - 1) * this.view,\n            sort: JSON.stringify([\n              {\n                selector: this.filter.orderby,\n                desc: this.filter.order === 'desc'\n              }\n            ]),\n            filter: filter.length > 0 ? JSON.stringify(filter) : ''\n          }\n        })\n\n        // let s = res.data.data.map((item) => {\n        //   return {\n        //     Id: item.id,\n        //     ...item\n        //   }\n        // })\n\n        // this.items = s\n\n        this.items = res.data.Data.Data\n\n        // this.metadata = res.data.filter\n        // this.total_data = res.data.total_data\n        // this.start = 1 + (this.page * this.view - this.view)\n        // if (this.page * this.view > this.total_data) {\n        //   this.end = this.total_data\n        // } else {\n        //   this.end = this.page * this.view\n        // }\n\n        this.metadata = res.data.filter\n        this.total_data = res.data.Data.totalCount\n        this.start = this.page\n        if (this.page * this.view > this.total_data) {\n          this.end = this.total_page\n        } else {\n          this.end = this.total_page\n        }\n        this.fullscreenLoading = false\n      } catch (e) {\n        this.fullscreenLoading = false\n        console.log(e)\n      }\n    }\n  },\n  watch: {\n    view() {\n      let get_page = null\n      let page = this.total_data % this.view\n      if (page == 0) {\n        get_page = parseInt(this.total_data / this.view)\n      } else {\n        get_page = parseInt(this.total_data / this.view + 1)\n      }\n      if (this.page > get_page) {\n        this.page = get_page\n      }\n      this.total_page = get_page\n      this.items = []\n\n      // if (this.search) {\n      //   this.searchData(this.search, this.view, this.page);\n      // } else {\n      // this.fetchData()\n      // }\n      this.filter.view = this.view\n    },\n    total_data(val) {\n      if (val) {\n        this.total_page = Math.floor(val / this.view)\n        if (this.total_page < val / this.view) {\n          this.total_page += 1\n        }\n      } else {\n        this.total_page = 0\n      }\n    },\n    total_page(val) {\n      this.page_array = []\n      for (let i = 0; i < val; i++) {\n        this.page_array.push(i + 1)\n      }\n    },\n    page() {\n      window.scroll({\n        top: this.$refs.UserLogHeader.offsetTop,\n        left: 0,\n        behavior: 'smooth'\n      })\n      // setTimeout(() => (this.items = null), 500)\n      // if (this.search) {\n      //   this.searchData(this.search, this.view, this.page);\n      // } else {\n      // this.fetchData()\n      // }\n      this.filter.page = this.page\n    },\n    filter: {\n      handler(val) {\n        if (!this.fullscreenLoading) this.fetchData()\n      },\n      deep: true\n    }\n  },\n  computed: {\n    getPages() {\n      let res = this.page_array.slice(\n        this.page - 3 < 0\n          ? 0\n          : this.page + 1 <= this.total_page\n          ? this.page - 3\n          : this.total_page - 4 < 0\n          ? 0\n          : this.total_page - 4,\n        this.page - 3 < 0 ? 4 : this.page + 1\n      )\n      return res\n    }\n  }\n}\n</script>\n\n<style>\n.dx-datagrid-header-panel .dx-toolbar {\n  display: none !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!./List.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!./List.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./List.vue?vue&type=template&id=3246f81a&\"\nimport script from \"./List.vue?vue&type=script&lang=js&\"\nexport * from \"./List.vue?vue&type=script&lang=js&\"\nimport style0 from \"./List.vue?vue&type=style&index=0&id=3246f81a&prod&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  null,\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/dist/cjs.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!./List.vue?vue&type=style&index=0&id=3246f81a&prod&lang=css&\""],"sourceRoot":""}