{"version":3,"sources":["webpack:///./src/views/private/pending/index.vue?06a2","webpack:///./src/views/private/pending/index.vue","webpack:///src/views/private/pending/index.vue","webpack:///./src/views/private/pending/index.vue?aff1","webpack:///./src/views/private/pending/index.vue?5b53"],"names":["model","callback","expression","_c","staticClass","_vm","_s","attrs","$event","dialog","form","scopedSlots","key","proxy","_v","on","require","addHides","type","indexOf","value","addFreezes","_l","item","index","staticStyle","selected","search","fn","options","configHeaders","list","rowClick","handleToggleAll","header","rowFormat","format","directives","name","fetch","_e","staticRenderFns","data","snackbar","fullscreen","hide","freeze","row","checkbox_select","headers","detail","limit","pagination","lastIndex","process","load","message","success","error","components","watch","handler","page","deep","computed","user","mounted","methods","toString","split","reverse","join","arrReverseNumber","price","arr","sort","order_by","params","then","text","width","sortable","align","container","user_id","title","content","initial_code","child","f","parseInt","style","this","document","removeFreezes","getTableToResize","resizableGrid","cols","table","setListeners","div","curCol","nxtCol","pageX","curColWidth","e","nxtColWidth","component"],"mappings":"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","file":"js/chunk-79e5c22f.c3dabcd1.js","sourcesContent":["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/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=7959eaee&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-8\"},[_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',[_c('v-snackbar',{attrs:{\"top\":\"\",\"right\":\"\",\"color\":\"#B71C1C\"},scopedSlots:_vm._u([{key:\"action\",fn:function({ attrs }){return [_c('v-btn',_vm._b({staticClass:\"body-1 font-weight-bold text-capitalize\",attrs:{\"color\":\"white\",\"icon\":\"\"},on:{\"click\":function($event){_vm.dialog.snackbar = false}}},'v-btn',attrs,false),[_c('v-icon',[_vm._v(\"mdi-close-circle-outline\")])],1)]}}]),model:{value:(_vm.dialog.snackbar),callback:function ($$v) {_vm.$set(_vm.dialog, \"snackbar\", $$v)},expression:\"dialog.snackbar\"}},[_c('span',{staticClass:\"body-1 font-weight-light white--text\",domProps:{\"innerHTML\":_vm._s(_vm.message.success)}})]),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"600\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.form = false}},model:{value:(_vm.dialog.form),callback:function ($$v) {_vm.$set(_vm.dialog, \"form\", $$v)},expression:\"dialog.form\"}},[_c('v-card',{staticClass:\"border-radius pa-2\"},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"30\"}},[_c('v-img',{attrs:{\"alt\":\"vuetify\",\"src\":require('@/assets/logo/favicon.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"mt-1 ml-1\"},[_vm._v(\"\\n              Ingatkan Dokter\\n            \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n              \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n            \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.form = false}}},[_vm._v(\"\\n              mdi-close-circle-outline\\n            \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"pt-2 body-1 line-text-second\"},[_c('div',{staticClass:\"body-2 font-weight-light line-text-second mb-2\"},[_vm._v(\"\\n              Ingatkan \"),_c('b',[_vm._v(_vm._s(_vm.detail.doctor_fullname))]),_vm._v(\" untuk membalas atau merespon atas Konsultasi dari \"),_c('b',[_vm._v(_vm._s(_vm.detail.user_fullname))]),_vm._v(\", pada tanggal \"+_vm._s(_vm._f(\"date\")(_vm.detail.last_update))+\" jam \"+_vm._s(_vm._f(\"time\")(_vm.detail.last_update))+\".\\n            \")]),_c('div',{staticClass:\"body-2 font-weight-light line-text-second\"},[_vm._v(\"\\n              Apakah Anda yakin untuk mengingatkan Dokter \"),_c('b',[_vm._v(_vm._s(_vm.detail.doctor_fullname))]),_vm._v(\" ? Jika iya, silahkan klik tombol \"),_c('b',[_vm._v(\"Ya, Ingatkan\")]),_vm._v(\".\\n            \")])]),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\",\"disabled\":_vm.process.form,\"loading\":_vm.process.form},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save()},\"click\":function($event){return _vm.save()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n                Ya, Ingatkan\\n              \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",attrs:{\"outlined\":\"\",\"disabled\":_vm.process.form},on:{\"click\":function($event){_vm.dialog.form = false}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n                Batal\\n              \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"400\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.hide = false}},model:{value:(_vm.dialog.hide),callback:function ($$v) {_vm.$set(_vm.dialog, \"hide\", $$v)},expression:\"dialog.hide\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"30\"}},[_c('v-img',{attrs:{\"alt\":\"vuetify\",\"src\":require('@/assets/logo/favicon.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"text-capitalize mt-1 ml-2\"},[_vm._v(\"\\n              Hide Kolom\\n            \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n              \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n            \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.hide = false; _vm.dialog.fullscreen = false;}}},[_vm._v(\"\\n              mdi-close-circle-outline\\n            \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"py-0\"},[_c('v-form',[_c('v-row',[_c('v-col',[_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                      Silahkan pilih kolom yang akan di \"),_c('b',{staticClass:\"font-italic\"},[_vm._v(\"\\\"Hide\\\"\")])]),_c('v-list-item-group',{attrs:{\"multiple\":\"\"}},[_c('v-list',{attrs:{\"flat\":\"\"}},_vm._l((_vm.headers),function(item,index){return _c('v-list-item',{key:index,staticClass:\"px-0\",on:{\"click\":function($event){item.hide = !item.hide ? true : false}}},[_c('v-list-item-action',{staticClass:\"mr-4\"},[_c('v-checkbox',{attrs:{\"color\":\"#B71C1C\",\"input-value\":item.hide}})],1),_c('v-list-item-content',[_c('p',{staticClass:\"mb-0\",class:item.hide ? 'font-weight-bold color-first' : ''},[_vm._v(\"\\n                              \"+_vm._s(item.text)+\"\\n                            \")])])],1)}),1)],1)],1)])],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.hide = false; _vm.dialog.fullscreen = false; _vm.addHides();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n              Hide\\n            \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"400\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.freeze = false}},model:{value:(_vm.dialog.freeze),callback:function ($$v) {_vm.$set(_vm.dialog, \"freeze\", $$v)},expression:\"dialog.freeze\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_c('v-avatar',{attrs:{\"size\":\"30\"}},[_c('v-img',{attrs:{\"alt\":\"vuetify\",\"src\":require('@/assets/logo/favicon.png')},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#B71C1C\"}})],1)]},proxy:true}])})],1),_c('span',{staticClass:\"text-capitalize mt-1 ml-2\"},[_vm._v(\"\\n              Freeze Kolom\\n            \")]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n              \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n            \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.freeze = false; _vm.dialog.fullscreen = false; _vm.addFreezes();}}},[_vm._v(\"\\n              mdi-close-circle-outline\\n            \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"py-0\"},[_c('v-form',[_c('v-row',[_c('v-col',[_c('div',[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"\\n                      Silahkan pilih kolom yang akan di \"),_c('b',{staticClass:\"font-italic\"},[_vm._v(\"\\\"Freeze\\\"\")])]),_c('v-list-item-group',{attrs:{\"multiple\":\"\"}},[_c('v-list',{attrs:{\"flat\":\"\"}},_vm._l((_vm.configHeaders),function(item,index){return _c('v-list-item',{key:index,staticClass:\"px-0\",on:{\"click\":function($event){item.freeze = !item.freeze ? true : false}}},[_c('v-list-item-action',{staticClass:\"mr-4\"},[_c('v-checkbox',{attrs:{\"color\":\"#B71C1C\",\"input-value\":item.freeze}})],1),_c('v-list-item-content',[_c('p',{staticClass:\"mb-0\",class:item.freeze ? 'font-weight-bold color-first' : ''},[_vm._v(\"\\n                              \"+_vm._s(item.text)+\"\\n                            \")])])],1)}),1)],1)],1)])],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",attrs:{\"color\":\"#B71C1C\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.freeze = false; _vm.dialog.fullscreen = false; _vm.addFreezes();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n              Freeze\\n            \")],1)],1)],1)],1),_c('section',[_c('v-card',{staticStyle:{\"border\":\"1px solid #E0E0E0\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"8\"}},[(_vm.selected.row.length === 1)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center green--text\",staticStyle:{\"background\":\"#00800033\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.form = true; _vm.detail = _vm.selected.row[0];}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-email-fast-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                      Ingatkan Dokter\\n                    \")])],1)],1):_vm._e()]),_c('v-col',{staticClass:\"d-flex align-center justify-end\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{staticClass:\"mr-3\",attrs:{\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#B71C1C\",\"placeholder\":\"Cari . . .\",\"append-icon\":\"mdi-magnify\",\"clearable\":\"\",\"vvvv-uppercase\":\"\"},on:{\"click:clear\":function($event){_vm.search = ''; _vm.fetch();},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.fetch()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}}),_c('div',{staticClass:\"mr-3\"},[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"text-capitalize px-0\",attrs:{\"elevation\":\"0\",\"outlined\":\"\",\"dark\":\"\",\"min-width\":\"36\",\"color\":\"#B71C1C\"},on:{\"click\":function($event){_vm.dialog.freeze = true}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-table-split-cell\")])],1)]}}])},[_c('span',[_vm._v(\"\\n                      Freeze\\n                    \")])])],1),_c('div',[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"text-capitalize px-0\",attrs:{\"elevation\":\"0\",\"outlined\":\"\",\"dark\":\"\",\"min-width\":\"36\",\"color\":\"#7B7B7B\"},on:{\"click\":function($event){_vm.dialog.hide = true}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-eye-off-outline\")])],1)]}}])},[_c('span',[_vm._v(\"\\n                      Hide\\n                    \")])])],1)],1)],1)],1),_c('v-data-table',{ref:\"table-grid\",staticClass:\"table-grid\",attrs:{\"height\":`calc(100vh - ${_vm.pagination.total_data > 0 ? '300px' : '228px'})`,\"show-select\":_vm.checkbox_select,\"single-select\":true,\"loading\":_vm.process.load,\"loading-text\":\"Sedang memuat data . . .\",\"loader-height\":\"5\",\"no-results-text\":\"Belum ada data\",\"options\":_vm.options,\"headers\":_vm.configHeaders,\"items\":_vm.list.data,\"items-per-page\":100,\"item-key\":\"id\",\"hide-default-footer\":\"\"},on:{\"update:options\":function($event){_vm.options=$event},\"click:row\":_vm.rowClick,\"toggle-select-all\":function($event){return _vm.handleToggleAll($event)}},scopedSlots:_vm._u([_vm._l((_vm.configHeaders.filter((header) => header.hasOwnProperty('format'))),function(header){return {key:`item.${header.value}`,fn:function({ value }){return [_vm._v(\"\\n              \"+_vm._s(_vm.rowFormat(header.format, value))+\" \\n            \")]}}}),{key:`item.index`,fn:function({ index }){return [_vm._v(\"\\n              \"+_vm._s(_vm.lastIndex + index)+\"\\n            \")]}}],null,true),model:{value:(_vm.selected.row),callback:function ($$v) {_vm.$set(_vm.selected, \"row\", $$v)},expression:\"selected.row\"}},[_c('v-progress-linear',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.process.load),expression:\"process.load\"}],attrs:{\"slot\":\"progress\",\"color\":\"white\",\"indeterminate\":\"\"},slot:\"progress\"})],1),(_vm.pagination.total_data > 0)?_c('pagination',{attrs:{\"model\":_vm.pagination},on:{\"changePage\":function($event){return _vm.fetch($event)},\"reloadPage\":function($event){return _vm.fetch($event)}}}):_vm._e()],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mt-8\">\n    <v-layout wrap>\n      <v-flex>\n        <v-snackbar\n          v-model=\"dialog.snackbar\"\n          top\n          right\n          color=\"#B71C1C\">\n          <span class=\"body-1 font-weight-light white--text\"\n            v-html=\"message.success\">\n          </span>\n\n          <template v-slot:action=\"{ attrs }\">\n            <v-btn\n              class=\"body-1 font-weight-bold text-capitalize\"\n              color=\"white\"\n              icon\n              v-bind=\"attrs\"\n              @click=\"dialog.snackbar = false\">\n              <v-icon>mdi-close-circle-outline</v-icon>\n            </v-btn>\n          </template>\n        </v-snackbar>\n\n        <v-dialog v-model=\"dialog.form\"\n          @keydown.esc=\"dialog.form = false\"\n          :fullscreen=\"dialog.fullscreen\"\n          width=\"600\"\n          persistent\n          scrollable>\n          <v-card \n            class=\"border-radius pa-2\">\n            <v-card-title \n              class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n              <v-avatar \n                size=\"30\">\n                <v-img\n                  alt=\"vuetify\"\n                  :src=\"require('@/assets/logo/favicon.png')\">\n                  <template v-slot:placeholder>\n                    <v-row\n                      class=\"fill-height\"\n                      align=\"center\"\n                      justify=\"center\">\n                      <v-progress-circular \n                        indeterminate \n                        color=\"#B71C1C\">\n                      </v-progress-circular>\n                    </v-row>\n                  </template>\n                </v-img>\n              </v-avatar>\n\n              <span class=\"mt-1 ml-1\">\n                Ingatkan Dokter\n              </span>\n\n              <v-spacer/>\n\n              <v-icon \n                @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n                class=\"cursor-pointer mr-1\"\n                size=\"24\"\n                color=\"#B71C1C\">\n                {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n              </v-icon>\n\n              <v-icon \n                @click=\"dialog.form = false\"\n                class=\"cursor-pointer\"\n                size=\"24\"\n                color=\"red\">\n                mdi-close-circle-outline\n              </v-icon>\n            </v-card-title>\n\n            <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n            <v-card-text \n              class=\"pt-2 body-1 line-text-second\">\n              <div\n                class=\"body-2 font-weight-light line-text-second mb-2\">\n                Ingatkan <b>{{ detail.doctor_fullname }}</b> untuk membalas atau merespon atas Konsultasi dari <b>{{ detail.user_fullname }}</b>, pada tanggal {{ detail.last_update | date }} jam {{ detail.last_update | time }}.\n              </div>\n\n              <div\n                class=\"body-2 font-weight-light line-text-second\">\n                Apakah Anda yakin untuk mengingatkan Dokter <b>{{ detail.doctor_fullname }}</b> ? Jika iya, silahkan klik tombol <b>Ya, Ingatkan</b>.\n              </div>\n            </v-card-text>\n\n             <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n              <v-card-actions>\n                <v-spacer/>\n\n                <v-btn\n                  color=\"#B71C1C\"\n                  elevation=\"0\"\n                  class=\"body-2 font-weight-bold text-capitalize white--text\"\n                  :disabled=\"process.form\"\n                  :loading=\"process.form\"\n                  v-on:keyup.enter=\"save()\"\n                  @click=\"save()\">\n                  <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n                  Ya, Ingatkan\n                </v-btn>\n\n                <v-btn\n                  outlined\n                  class=\"body-2 font-weight-bold text-capitalize red--text\"\n                  :disabled=\"process.form\"\n                  @click=\"dialog.form = false\">\n                  <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n                  Batal\n                </v-btn>\n              </v-card-actions>\n          </v-card>\n        </v-dialog>\n        \n        <v-dialog v-model=\"dialog.hide\"\n          @keydown.esc=\"dialog.hide = false\"\n          :fullscreen=\"dialog.fullscreen\"\n          width=\"400\"\n          persistent\n          scrollable>\n          <v-card \n            :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n            class=\"pa-2\">\n            <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n              <v-avatar size=\"30\">\n                <v-img\n                  alt=\"vuetify\"\n                  :src=\"require('@/assets/logo/favicon.png')\">\n                  <template v-slot:placeholder>\n                    <v-row\n                      class=\"fill-height\"\n                      align=\"center\"\n                      justify=\"center\">\n                      <v-progress-circular \n                        indeterminate \n                        color=\"#B71C1C\">\n                      </v-progress-circular>\n                    </v-row>\n                  </template>\n                </v-img>\n              </v-avatar>\n\n              <span class=\"text-capitalize mt-1 ml-2\">\n                Hide Kolom\n              </span>\n\n              <v-spacer/>\n\n              <v-icon \n                @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n                class=\"cursor-pointer mr-1\"\n                size=\"24\"\n                color=\"#B71C1C\">\n                {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n              </v-icon>\n\n              <v-icon \n                @click=\"dialog.hide = false; dialog.fullscreen = false;\"\n                class=\"cursor-pointer\"\n                size=\"24\"\n                color=\"red\">\n                mdi-close-circle-outline\n              </v-icon>\n            </v-card-title>\n            \n            <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n            <v-card-text class=\"py-0\">\n              <v-form>\n                <v-row>\n                  <v-col>\n                    <div>\n                      <p class=\"mb-2\">\n                        Silahkan pilih kolom yang akan di <b class=\"font-italic\">\"Hide\"</b>\n                      </p>\n\n                      <v-list-item-group\n                        multiple>\n                        <v-list flat>\n                          <v-list-item \n                            v-for=\"(item, index) in headers\" \n                            :key=\"index\"\n                            class=\"px-0\"\n                            @click=\"item.hide = !item.hide ? true : false\">\n                            <v-list-item-action class=\"mr-4\">\n                              <v-checkbox\n                                color=\"#B71C1C\"\n                                :input-value=\"item.hide\">\n                              </v-checkbox>\n                            </v-list-item-action>\n\n                            <v-list-item-content>\n                              <p\n                                class=\"mb-0\"\n                                :class=\"item.hide ? 'font-weight-bold color-first' : ''\">\n                                {{ item.text }}\n                              </p>\n                            </v-list-item-content>\n                          </v-list-item>  \n                        </v-list>\n                      </v-list-item-group>\n                    </div>\n                  </v-col>\n                </v-row>\n              </v-form>\n            </v-card-text>\n\n            <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n            <v-card-actions>\n              <v-spacer/>\n\n              <v-btn\n                color=\"#B71C1C\"\n                elevation=\"0\"\n                class=\"body-2 font-weight-bold text-capitalize white--text\"\n                @click=\"dialog.hide = false; dialog.fullscreen = false; addHides();\">\n                <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n                Hide\n              </v-btn>\n            </v-card-actions>\n          </v-card>\n        </v-dialog>\n\n        <v-dialog v-model=\"dialog.freeze\"\n          @keydown.esc=\"dialog.freeze = false\"\n          :fullscreen=\"dialog.fullscreen\"\n          width=\"400\"\n          persistent\n          scrollable>\n          <v-card \n            :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n            class=\"pa-2\">\n            <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n              <v-avatar size=\"30\">\n                <v-img\n                  alt=\"vuetify\"\n                  :src=\"require('@/assets/logo/favicon.png')\">\n                  <template v-slot:placeholder>\n                    <v-row\n                      class=\"fill-height\"\n                      align=\"center\"\n                      justify=\"center\">\n                      <v-progress-circular \n                        indeterminate \n                        color=\"#B71C1C\">\n                      </v-progress-circular>\n                    </v-row>\n                  </template>\n                </v-img>\n              </v-avatar>\n\n              <span class=\"text-capitalize mt-1 ml-2\">\n                Freeze Kolom\n              </span>\n\n              <v-spacer/>\n\n              <v-icon \n                @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n                class=\"cursor-pointer mr-1\"\n                size=\"24\"\n                color=\"#B71C1C\">\n                {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n              </v-icon>\n\n              <v-icon \n                @click=\"dialog.freeze = false; dialog.fullscreen = false; addFreezes();\"\n                class=\"cursor-pointer\"\n                size=\"24\"\n                color=\"red\">\n                mdi-close-circle-outline\n              </v-icon>\n            </v-card-title>\n            \n            <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n            <v-card-text class=\"py-0\">\n              <v-form>\n                <v-row>\n                  <v-col>\n                    <div>\n                      <p class=\"mb-2\">\n                        Silahkan pilih kolom yang akan di <b class=\"font-italic\">\"Freeze\"</b>\n                      </p>\n\n                      <v-list-item-group\n                        multiple>\n                        <v-list flat>\n                          <v-list-item \n                            v-for=\"(item, index) in configHeaders\" \n                            :key=\"index\"\n                            class=\"px-0\"\n                            @click=\"item.freeze = !item.freeze ? true : false\">\n                            <v-list-item-action class=\"mr-4\">\n                              <v-checkbox\n                                color=\"#B71C1C\"\n                                :input-value=\"item.freeze\">\n                              </v-checkbox>\n                            </v-list-item-action>\n\n                            <v-list-item-content>\n                              <p\n                                class=\"mb-0\"\n                                :class=\"item.freeze ? 'font-weight-bold color-first' : ''\">\n                                {{ item.text }}\n                              </p>\n                            </v-list-item-content>\n                          </v-list-item>  \n                        </v-list>\n                      </v-list-item-group>\n                    </div>\n                  </v-col>\n                </v-row>\n              </v-form>\n            </v-card-text>\n\n            <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n            <v-card-actions>\n              <v-spacer/>\n\n              <v-btn\n                color=\"#B71C1C\"\n                elevation=\"0\"\n                class=\"body-2 font-weight-bold text-capitalize white--text\"\n                @click=\"dialog.freeze = false; dialog.fullscreen = false; addFreezes();\">\n                <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n                Freeze\n              </v-btn>\n            </v-card-actions>\n          </v-card>\n        </v-dialog>\n        \n        <section>\n          <v-card \n            flat \n            style=\"border: 1px solid #E0E0E0;\">\n            <v-card-text>\n              <v-row>\n                <v-col \n                  cols=\"12\" \n                  md=\"8\" \n                  class=\"d-flex align-center\">\n                  <!-- DETAIL -->\n                  <div v-if=\"selected.row.length === 1\"\n                    class=\"mr-3\" >\n                    <v-btn\n                      @click=\"dialog.form = true; detail = selected.row[0];\"\n                      elevation=\"0\"\n                      style=\"background: #00800033;\"\n                      class=\"body-2 text-capitalize font-weight-bold d-flex align-center green--text\">\n                      <v-icon size=\"18\">mdi-email-fast-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Ingatkan Dokter\n                      </span>\n                    </v-btn>\n\n                    <!-- <v-btn\n                      :to=\"`/user/${selected.row[0].doctor_id}`\"\n                      elevation=\"0\"\n                      style=\"background: #00800033;\"\n                      class=\"body-2 text-capitalize font-weight-bold d-flex align-center green--text\">\n                      <v-icon size=\"18\">mdi-email-fast-outline</v-icon>\n\n                      <span class=\"ml-1\">\n                        Ingatkan Dokter\n                      </span>\n                    </v-btn> -->\n                  </div>\n                </v-col>\n\n                <v-col \n                  cols=\"12\" \n                  md=\"4\" \n                  class=\"d-flex align-center justify-end\">\n                  <v-text-field \n                    class=\"mr-3\"\n                    dense\n                    single-line\n                    hide-details\n                    color=\"#B71C1C\"\n                    placeholder=\"Cari . . .\"\n                    append-icon=\"mdi-magnify\"\n                    clearable\n                    v-model=\"search\"\n                    vvvv-uppercase\n                    @click:clear=\"search = ''; fetch();\"\n                    v-on:keyup.enter=\"fetch()\">\n                  </v-text-field>\n\n                  <!-- FREEZE COLUMN -->\n                  <div class=\"mr-3\">\n                    <v-tooltip top>\n                      <template v-slot:activator=\"{ on, attrs }\">\n                        <v-btn\n                          elevation=\"0\"\n                          outlined\n                          dark\n                          min-width=\"36\"\n                          color=\"#B71C1C\"\n                          class=\"text-capitalize px-0\"\n                          v-bind=\"attrs\"\n                          v-on=\"on\"\n                          @click=\"dialog.freeze = true\">\n                          <v-icon size=\"18\">mdi-table-split-cell</v-icon>\n                        </v-btn>\n                      </template>\n\n                      <span>\n                        Freeze\n                      </span>\n                    </v-tooltip>\n                  </div>\n\n                  <!-- HIDE COLUMN -->\n                  <div>\n                    <v-tooltip top>\n                      <template v-slot:activator=\"{ on, attrs }\">\n                        <v-btn\n                          elevation=\"0\"\n                          outlined\n                          dark\n                          min-width=\"36\"\n                          color=\"#7B7B7B\"\n                          class=\"text-capitalize px-0\"\n                          v-bind=\"attrs\"\n                          v-on=\"on\"\n                          @click=\"dialog.hide = true\">\n                          <v-icon size=\"18\">mdi-eye-off-outline</v-icon>\n                        </v-btn>\n                      </template>\n\n                      <span>\n                        Hide\n                      </span>\n                    </v-tooltip>\n                  </div>\n                </v-col>\n              </v-row>\n            </v-card-text>\n\n            <v-data-table\n              v-model=\"selected.row\"\n              ref=\"table-grid\"\n              class=\"table-grid\"\n              :height=\"`calc(100vh - ${pagination.total_data > 0 ? '300px' : '228px'})`\"\n              :show-select=\"checkbox_select\"\n              :single-select=\"true\"\n              :loading=\"process.load\"\n              loading-text=\"Sedang memuat data . . .\"\n              loader-height=\"5\"\n              no-results-text=\"Belum ada data\"\n              :options.sync=\"options\"\n              :headers=\"configHeaders\"\n              :items=\"list.data\"\n              :items-per-page=\"100\"\n              item-key=\"id\"\n              @click:row=\"rowClick\"\n              @toggle-select-all=\"handleToggleAll($event)\"\n              hide-default-footer>\n              <template\n                v-for=\"header in configHeaders.filter((header) => header.hasOwnProperty('format'))\"\n                v-slot:[`item.${header.value}`]=\"{ value }\">\n                {{ rowFormat(header.format, value) }} \n              </template>\n\n              <template v-slot:[`item.index`]=\"{ index }\">\n                {{ lastIndex + index }}\n              </template>\n\n              <v-progress-linear \n                v-show=\"process.load\" \n                slot=\"progress\" \n                color=\"white\" \n                indeterminate>\n              </v-progress-linear>\n            </v-data-table>\n\n            <pagination v-if=\"pagination.total_data > 0\"\n              @changePage=\"fetch($event)\" \n              @reloadPage=\"fetch($event)\" \n              :model=\"pagination\"/>\n          </v-card>\n        </section>\n      </v-flex>\n    </v-layout>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  import moment from \"moment\"\n  import \"moment/locale/id\"\n  export default {\n    data () {\n      return {\n        dialog: {\n          snackbar: false,\n          fullscreen: false,\n          form: false,\n          hide: false,\n          freeze: false\n        },\n        search: '',\n        selected: {\n          row: [],\n          freeze: []\n        },\n        checkbox_select: true,\n        options: {},\n        headers: [],\n        detail: {},\n        list: {\n          data: []\n        },\n        limit: 20,\n        pagination: {},\n        lastIndex: 0,\n        process: {\n          load: false,\n          form: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      pagination: () => import(/* webpackPrefetch: true */ '@/components/pagination.vue')\n    },\n    watch: {\n      'options': {\n        handler () {\n          let pagination = { row: this.limit, page: 1 }\n          this.fetch(pagination)\n        },\n        deep: true\n      }\n    },\n    computed: {\n      user () {\n        return this.$store.state.user\n      },\n      configHeaders () {\n        return this.headers.filter(header => !header.hide)  \n      }\n    },\n    mounted () {\n      this.fetch()\n    },\n    methods: {\n      rowFormat (format, value) {\n        let data = value\n\n        if (format === 'number') {\n          if (isNaN(value)) return 'Not a Number'\n          let price = ''\n\n          const reverseNumber = value\n            .toString()\n            .split('')\n            .reverse()\n            .join('')\n          const arrReverseNumber = [...Array(reverseNumber.length).keys()]\n\n          arrReverseNumber.map(index => {\n            if (index % 3 === 0) price += reverseNumber.substr(index, 3) + '.'\n          })\n\n          return `${\n            price.split('', price.length - 1)\n            .reverse()\n            .join('')\n          }`\n        } else if (format === 'array') {\n          let arr = []\n\n          for (let i = 0; i < value.length; i++) {\n            arr.push(value[i].title)\n          }\n\n          data = arr.join(', ')\n        } else if (format === 'datetime') {\n          data = value.length > 0 ? moment(value).format(format === 'date' ? 'D MMM, YYYY' : format === 'time' ? 'HH:mm' : 'D MMM, YYYY HH:mm') : '-'\n        } else if (format === 'object') {\n          data = value.createdby.name\n        } else if (format === 'regex') {\n          let regex = /(<([^>]+)>)/ig\n\n          data = value.replace(regex, '')\n        } else if (format === 'on_off') {\n          data = value ? 'Online' : 'Offline'\n        } else if (format === 'g_m') {\n          data = value ? 'Mandiri' : 'Group'\n        } else if (format === 'v_a') {\n          data = value ? 'Sudah Verifikasi' : 'Belum Verifikasi'\n        } else {\n          data = value ? 'Aktif' : 'Tidak Aktif'\n        }\n        return data\n      },\n      rowClick (item, row) {\n        row.select(!row.isSelected ? true : false)\n      },\n      handleToggleAll (event) {\n        if (!event.value) this.selected.row = []\n      },\n      async fetch (pagination = { row: 20, page: 1 }) {\n        this.process.load = true\n\n        this.limit = pagination.row\n\n        let params = {\n          limit: pagination.row,\n          page: pagination.page,\n          sort: this.options.sortBy.length < 1 ? 'id' : this.options.sortBy[0],\n          order_by: this.options.sortDesc[0] ? 'ASC' : 'DESC',\n          search: this.search\n        }\n\n        this.selected.row = []\n\n        await get('chatfb/list_doctor_late_reply_chat', { params })\n        .then(response => {\n          let res = response.data\n\n          this.process.load = false\n            \n          if (res.code === 200) {\n            this.headers = [\n              {\n                text: '#No',\n                width: '75px',\n                value: 'index',\n                sortable: false,\n                freeze: true,\n                hide: false,\n                align: 'center'\n              },\n              {\n                text: 'Nama Lengkap',\n                width: '300px',\n                value: 'user_fullname',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Email',\n                width: '200px',\n                value: 'user_email',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Telepon',\n                width: '200px',\n                value: 'user_phone',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Dokter (Konsultan)',\n                width: '300px',\n                value: 'doctor_fullname',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Telepon (Dokter)',\n                width: '200px',\n                value: 'doctor_phone',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Email (Dokter)',\n                width: '200px',\n                value: 'doctor_email',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Chat User',\n                width: '400px',\n                value: 'last_message',\n                freeze: false,\n                hide: false\n              },\n              {\n                text: 'Tanggal Chat Terakhir',\n                width: '200px',\n                value: 'last_update',\n                freeze: false,\n                hide: false,\n                format: 'datetime'\n              }\n            ]\n            \n            this.list.data = res.data\n            this.pagination = res.pagination\n\n            this.lastIndex = (pagination.page - 1) * pagination.row \n            this.lastIndex += 1\n\n            this.addFreezes()\n\n            this.$vuetify.goTo(this.$refs['table-grid'], { container: this.$refs['table-grid'].$el.querySelector('div.v-data-table__wrapper') })\n\n            if (this.headers.length < 7 && this.list.length > 0) this.getTableToResize()\n          }\n        })\n      },\n      async save () {\n        this.message.error = ''\n\n        this.process.form = true\n\n        let forms = {\n          user_id: this.detail.doctor_id,\n          title: `Pemberitahuan untuk membalas atau merespon Konsultasi`,\n          content: `Diberitahukan kepada ${this.detail.doctor_fullname} untuk segera membalas atau merespon dari Konsultasi ${this.detail.user_fullname}.`,\n          initial_code: this.detail.initial_code\n        }\n\n        // SAVE TO REST API\n        await post('notification/notification_to', {\n          data: forms\n        })\n        .then(response => {\n          let res = response.data\n\n          this.process.form = false\n\n          if (res.code === 200) {\n            this.dialog.form = false\n\n            this.dialog.snackbar = true\n\n            this.message.success = res.message\n\n            this.fetch()\n          } else {\n            this.message.error = res.message\n          }\n        })\n      },\n      addFreezes () {\n        this.removeFreezes()\n\n        this.selected.freeze = []\n\n        for (let i = 0; i < this.configHeaders.length; i++) {\n          if (this.configHeaders[i].freeze) {\n            // ADD TO SELECTOR\n            this.selected.freeze.push({\n              child: i + (this.checkbox_select ? 2 : 1),\n              width: this.configHeaders[i].width.split('px')[0]\n            })\n\n            // LOOP STYLESHEET\n            for (let f = 0; f < this.selected.freeze.length; f++) {\n              let style = document.createElement('style'),\n                  width = 0\n              \n              if (this.checkbox_select) {\n                width = f < 1 ? '65' : \n                      f === 1 ? parseInt(this.selected.freeze[f - 1].width) + 65 : \n                      parseInt(this.selected.freeze[f - 2].width) + parseInt(this.selected.freeze[f - 1].width) + 65\n              } else {\n                width = f < 1 ? '0' : \n                      f === 1 ? parseInt(this.selected.freeze[f - 1].width) : \n                      parseInt(this.selected.freeze[f - 2].width) + parseInt(this.selected.freeze[f - 1].width)\n              }\n\n              // ADD STYLESHET TO FREEZE\n              style.innerHTML = `\n                .table-grid table > thead > tr > th:nth-child(${this.selected.freeze[f].child}) {\n                  left: ${width}px;\n                  z-index: 5;\n                  background: #B71C1C;\n                }\n\n                .table-grid table > tbody > tr > td:nth-child(${this.selected.freeze[f].child}) {\n                  left: ${width}px;\n                  z-index: 1;\n                }\n              `\n\n              // ADD TO APPENDCHILD\n              document.head.appendChild(style)\n            }\n          }\n        }\n      },\n      removeFreezes () {\n        // LOOP STYLESHEET\n        for (let f = 0; f < this.selected.freeze.length; f++) {\n          let style = document.createElement('style')\n          \n          // RESET STYLESHEET TO AUTO\n          style.innerHTML = `\n            .table-grid table > thead > tr > th:nth-child(${this.selected.freeze[f].child}) {\n              left: auto;\n              z-index: auto;\n              background: #B71C1C;\n            }\n\n            .table-grid table > tbody > tr > td:nth-child(${this.selected.freeze[f].child}) {\n              left: auto;\n              z-index: auto;\n            }\n          `\n\n          // ADD TO APPENDCHILD\n          document.head.appendChild(style)\n        }\n      },\n      addHides () {\n        if (this.headers.length < 6) this.getTableToResize()\n      },\n      getTableToResize () {\n        let tables = document.getElementsByTagName('table')\n\n        for (let i = 0; i < tables.length; i++) {\n          this.resizableGrid(tables[i])\n        }\n      },\n      resizableGrid (table) {\n        let row = table.getElementsByTagName('tr')[0],\n            cols = row ? row.children : undefined\n        \n        if (!cols) return\n        \n        table.style.overflow = 'hidden'\n        \n        let tableHeight = table.offsetHeight\n        \n        for (let i = 0; i < cols.length; i++) {\n          let div = createDiv(tableHeight)\n          cols[i].appendChild(div)\n          cols[i].style.position = 'relative'\n\n          setListeners(div)\n        }\n\n        function setListeners (div) {\n          let pageX, curCol, nxtCol, curColWidth, nxtColWidth\n\n          div.addEventListener('mousedown', e => {\n            curCol = e.target.parentElement\n            nxtCol = curCol.nextElementSibling\n            pageX = e.pageX\n            \n            let padding = paddingDiff(curCol)\n            \n            curColWidth = curCol.offsetWidth - padding\n\n            if (nxtCol) nxtColWidth = nxtCol.offsetWidth - padding\n          })\n\n          div.addEventListener ('mouseover', e => {\n            e.target.style.borderRight = '2px solid #e0e0e0'\n          })\n\n          div.addEventListener ('mouseout', e => {\n            e.target.style.borderRight = ''\n          })\n\n          document.addEventListener ('mousemove', e => {\n            if (curCol) {\n              let diffX = e.pageX - pageX\n          \n              if (nxtCol) nxtCol.style.width = (nxtColWidth - (diffX))+'px'\n\n              curCol.style.width = (curColWidth + diffX)+'px'\n            }\n          })\n\n          document.addEventListener ('mouseup', () => { \n            curCol = undefined\n            nxtCol = undefined\n            pageX = undefined\n            nxtColWidth = undefined\n            curColWidth = undefined\n          })\n        }\n\n        function createDiv (height) {\n          let div = document.createElement('div')\n\n          div.style.top = 0\n          div.style.right = 0\n          div.style.width = '1px'\n          div.style.position = 'absolute'\n          div.style.cursor = 'col-resize'\n          div.style.userSelect = 'none'\n          div.style.height = height + 'px'\n          div.style.background = '#e0e0e0'\n\n          return div\n        }\n\n        function paddingDiff (col) {\n          if (getStyleVal(col,'box-sizing') == 'border-box') {\n            return 0\n          }\n          \n          let padLeft = getStyleVal(col,'padding-left')\n          let padRight = getStyleVal(col,'padding-right')\n\n          return (parseInt(padLeft) + parseInt(padRight))\n        }\n\n        function getStyleVal (elm,css) {\n          return (window.getComputedStyle(elm, null).getPropertyValue(css))\n        }\n      }\n    }\n  }\n</script>\n\n<style>\n  .table-grid table thead > tr > th, .table-grid table tbody > tr > td {\n    position: sticky;\n    position: -webkit-sticky;\n    border-right: 1px solid #e0e0e0;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .table-grid table > thead > tr > th:nth-child(1) {\n    left: 0; \n    z-index: 5;\n    background: #B71C1C;\n  }\n\n  .table-grid table > tbody > tr > td:nth-child(1) {\n    left: 0; \n    z-index: 1;\n  }\n\n  .table-grid table > tbody > tr:nth-of-type(even) .text-start, table > tbody > tr:nth-of-type(even) .text-center, table > tbody > tr:nth-of-type(even) .text-end {\n    background: #fafafa;\n  }\n\n  .table-grid table > tbody > tr:nth-of-type(odd) .text-start, table > tbody > tr:nth-of-type(odd) .text-center, table > tbody > tr:nth-of-type(odd) .text-end {\n    background: white;\n  }\n</style>","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=7959eaee&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=7959eaee&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"],"sourceRoot":""}