{"version":3,"sources":["webpack:///./src/directives/numberOnly.js","webpack:///./src/pages/toolbox-meeting/tm-report.vue?2e24","webpack:///./src/pages/toolbox-meeting/tm-report.vue?a75e","webpack:///src/pages/toolbox-meeting/tm-report.vue","webpack:///./src/pages/toolbox-meeting/tm-report.vue?d641","webpack:///./src/pages/toolbox-meeting/tm-report.vue","webpack:///./src/components/Facilities/Status.vue?9823","webpack:///src/components/Facilities/Status.vue","webpack:///./src/components/Facilities/Status.vue?2579","webpack:///./src/components/Facilities/Status.vue"],"names":["numberOnly","e","charCode","preventDefault","name","bind","el","addEventListener","unbind","removeEventListener","render","_vm","this","_h","$createElement","_c","_self","directives","rawName","value","isUserCanAccess","$route","expression","staticClass","scopedSlots","_u","key","fn","_v","staticStyle","attrs","model","filter","callback","$$v","$set","_l","status","text","proxy","class","active","currentActiveLocation","on","$event","changeLocation","code","location","id","_s","itemsLocal","getData","ref","data","item","index","view","createdBy","keyFullname","user","createdAt","_f","title","issuedDate","toolboxItems","length","outofschedulePlan","dialogImage","style","height","currentUrl","staticRenderFns","components","TableHeader","TableFooter","Dialog","DatePicker","Status","computed","allFilter","siteId","companyCode","mapGetters","items","locations","watch","immediate","handler","date","$store","commit","deep","newItems","map","allstatus","methods","$vs","loading","dispatch","finally","close","getLocations","_item$profile$fullNam","_item$profile","profile","fullName","$router","push","params","edit","component","getBackground","domProps","getLabel","props","type","String","default","charAt","toUpperCase","slice","toLowerCase"],"mappings":"gJAAA,MAAMA,EAAaC,KACZA,EAAEC,SAAW,IAAMD,EAAEC,SAAW,KAAsB,KAAfD,EAAEC,UAAiBD,EAAEE,kBAGpD,QACbC,KAAM,cACNC,KAAKC,GACHA,EAAGC,iBAAiB,WAAYP,IAElCQ,OAAOF,GACLA,EAAGG,oBAAoB,WAAYT,M,oCCVvC,W,2CCAA,IAAIU,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,WAAW,CAAC,CAACb,KAAK,OAAOc,QAAQ,SAASC,MAAOR,EAAIS,gBAAgBT,EAAIU,OAAQ,QAASC,WAAW,qCAAqC,CAACP,EAAG,UAAU,CAACQ,YAAY,OAAOC,YAAYb,EAAIc,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACZ,EAAG,MAAM,CAACQ,YAAY,OAAO,CAACR,EAAG,MAAM,CAACQ,YAAY,sBAAsB,CAACZ,EAAIiB,GAAG,YAAYb,EAAG,MAAM,CAACQ,YAAY,kBAAkB,CAACR,EAAG,MAAM,CAACc,YAAY,CAAC,KAAO,MAAM,CAACd,EAAG,MAAM,CAACQ,YAAY,sBAAsB,CAACZ,EAAIiB,GAAG,gBAAgBb,EAAG,aAAa,CAACe,MAAM,CAAC,KAAO,OAAO,YAAc,aAAa,MAAQ,GAAG,OAAS,cAAcC,MAAM,CAACZ,MAAOR,EAAIqB,OAAW,KAAEC,SAAS,SAAUC,GAAMvB,EAAIwB,KAAKxB,EAAIqB,OAAQ,OAAQE,IAAMZ,WAAW,kBAAkB,GAAGP,EAAG,MAAM,CAACc,YAAY,CAAC,KAAO,OAAOd,EAAG,MAAM,CAACc,YAAY,CAAC,KAAO,MAAM,CAACd,EAAG,WAAW,CAACQ,YAAY,SAASO,MAAM,CAAC,MAAQ,UAAUC,MAAM,CAACZ,MAAOR,EAAIqB,OAAa,OAAEC,SAAS,SAAUC,GAAMvB,EAAIwB,KAAKxB,EAAIqB,OAAQ,SAAUE,IAAMZ,WAAW,kBAAkBX,EAAIyB,GAAIzB,EAAa,WAAE,SAAS0B,GAAQ,OAAOtB,EAAG,eAAe,CAACW,IAAIW,EAAOlB,MAAMW,MAAM,CAAC,MAAQO,EAAOlB,MAAM,KAAOkB,EAAOC,WAAU,IAAI,SAASC,OAAM,OAAUxB,EAAG,UAAU,CAACQ,YAAY,OAAOC,YAAYb,EAAIc,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACZ,EAAG,KAAK,CAACQ,YAAY,mCAAmC,CAACR,EAAG,KAAK,CAACyB,MAAM,CAAEC,OAAsC,OAA9B9B,EAAI+B,uBAAiCC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjC,EAAIkC,eAAe,CAAEC,KAAM,UAAW,CAACnC,EAAIiB,GAAG,WAAWjB,EAAIyB,GAAIzB,EAAa,WAAE,SAASoC,GAAU,OAAOhC,EAAG,KAAK,CAACW,IAAIqB,EAASC,GAAGR,MAAM,CAAEC,OAAQM,EAASD,OAASnC,EAAI+B,uBAAwBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjC,EAAIkC,eAAeE,MAAa,CAACpC,EAAIiB,GAAG,IAAIjB,EAAIsC,GAAGF,EAAS3C,MAAM,WAAU,KAAKmC,OAAM,OAAUxB,EAAG,UAAU,CAACQ,YAAY,OAAOC,YAAYb,EAAIc,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,WAAW,MAAO,CAACZ,EAAG,MAAM,CAACQ,YAAY,cAAc,CAACR,EAAG,UAAU,CAACQ,YAAY,OAAOO,MAAM,CAAC,OAAS,GAAG,IAAM,GAAG,KAAOnB,EAAIuC,WAAW,GAAK,aAAa1B,YAAYb,EAAIc,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAACZ,EAAG,cAAc,CAAC4B,GAAG,CAAC,MAAQhC,EAAIwC,aAAaZ,OAAM,GAAM,CAACb,IAAI,QAAQC,GAAG,WAAW,MAAO,CAACZ,EAAG,QAAQ,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIiB,GAAG,YAAYb,EAAG,QAAQ,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIiB,GAAG,iBAAiBb,EAAG,QAAQ,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIiB,GAAG,iBAAiBb,EAAG,QAAQ,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIiB,GAAG,kBAAkBb,EAAG,QAAQ,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIiB,GAAG,eAAeb,EAAG,QAAQ,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIiB,GAAG,kBAAkBb,EAAG,QAAQ,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIiB,GAAG,0BAA0Bb,EAAG,QAAQ,CAACe,MAAM,CAAC,MAAQ,QAAQ,CAACnB,EAAIiB,GAAG,cAAcW,OAAM,GAAM,CAACb,IAAI,UAAUC,GAAG,SAASyB,GACjoF,IAAIC,EAAOD,EAAIC,KACf,OAAO1C,EAAIyB,GAAG,GAAO,SAASkB,EAAKC,GAAO,OAAOxC,EAAG,QAAQ,CAACW,IAAI6B,GAAO,CAACxC,EAAG,QAAQ,CAACe,MAAM,CAAC,KAAOwB,IAAO,CAACvC,EAAG,WAAW,CAACe,MAAM,CAAC,KAAO,OAAO,KAAO,cAAca,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjC,EAAI6C,KAAKF,QAAW,GAAGvC,EAAG,QAAQ,CAACe,MAAM,CAAC,KAAOwB,EAAKG,YAAY,CAAC9C,EAAIiB,GAAGjB,EAAIsC,GAAGtC,EAAI+C,YAAYJ,EAAKK,UAAU5C,EAAG,QAAQ,CAACe,MAAM,CAAC,KAAOwB,EAAKM,YAAY,CAACjD,EAAIiB,GAAGjB,EAAIsC,GAAGtC,EAAIkD,GAAG,SAAPlD,CAAiB2C,EAAKM,UAAU,kBAAkB7C,EAAG,QAAQ,CAACe,MAAM,CAAC,KAAOwB,EAAKQ,QAAQ,CAACnD,EAAIiB,GAAGjB,EAAIsC,GAAGK,EAAKQ,UAAU/C,EAAG,QAAQ,CAACe,MAAM,CAAC,KAAOwB,EAAKS,aAAa,CAACpD,EAAIiB,GAAGjB,EAAIsC,GAAGtC,EAAIkD,GAAG,SAAPlD,CAAiB2C,EAAKS,WAAW,kBAAkBhD,EAAG,QAAQ,CAACe,MAAM,CAAC,KAAOwB,EAAKU,eAAe,CAACrD,EAAIiB,GAAGjB,EAAIsC,GAAGK,EAAKU,aAAaC,OAAS,oBAAoBlD,EAAG,QAAQ,CAACe,MAAM,CAAC,KAAOwB,EAAKY,oBAAoB,CAACvD,EAAIiB,GAAGjB,EAAIsC,GAAGK,EAAKY,kBAAoBZ,EAAKY,kBAAkBD,OAAS,wBAA0B,YAAYlD,EAAG,QAAQ,CAACe,MAAM,CAAC,KAAOwB,EAAKjB,SAAS,CAACtB,EAAG,SAAS,CAACe,MAAM,CAAC,MAAQwB,EAAKjB,WAAW,IAAI,YAAWtB,EAAG,cAAc,CAAC4B,GAAG,CAAC,MAAQhC,EAAIwC,YAAY,KAAKZ,OAAM,OAAUxB,EAAG,SAAS,CAACe,MAAM,CAAC,MAAQ,OAAO,QAAS,GAAOC,MAAM,CAACZ,MAAOR,EAAe,YAAEsB,SAAS,SAAUC,GAAMvB,EAAIwD,YAAYjC,GAAKZ,WAAW,gBAAgB,CAACP,EAAG,MAAM,CAACqD,MAAM,CAC/qCC,OAAQ,OACR,mBAAqB,QAAU1D,EAAI2D,WAAa,KAChD,kBAAmB,UACnB,sBAAuB,gBACvB,oBAAqB,eAClBvD,EAAG,YAAY,CAACQ,YAAY,sCAAsCO,MAAM,CAAC,MAAQ,UAAU,KAAO,SAASa,GAAG,CAAC,MAAQ,SAASC,GAAQjC,EAAIwD,aAAc,OAAW,IAAI,IAChLI,EAAkB,G,oFCgGP,G,UAAA,CACfnE,KAAA,iBACAoE,WAAA,CACAC,mBACAC,mBACAC,cACAC,kBACAC,eAEA5D,WAAA,CACAjB,mBAEA8E,SAAA,CACAC,YACA,UACA,KAAA/C,OACAgD,OAAA,KAAAA,OACAC,YAAA,KAAAA,iBAGAC,eAAA,CACAC,MAAA,uBACAC,UAAA,iBACAJ,OAAA,gBACAC,YAAA,wBAGAI,MAAA,CACA3C,sBAAA,CACA4C,WAAA,EACAC,UACA,KAAAvD,OAAAwD,KAAA,KACA,KAAAC,OAAAC,OAAA,wBACA,KAAAvC,YAGA4B,UAAA,CACAY,MAAA,EACAJ,UACA,KAAAE,OAAAC,OAAA,wBACA,KAAAvC,YAGAgC,MAAA,CACAI,QAAAK,GACA,KAAA1C,WAAA0C,EAAAC,IAAAvC,IACA,IAAAA,OAIA0B,OAAA,eACAC,YAAA,CACAK,WAAA,EACAC,QAAA,iBAGAlC,UAAA,CACAyC,UAAA,CACA,CAAA3E,MAAA,KAAAmB,KAAA,OACA,CAAAnB,MAAA,UAAAmB,KAAA,WACA,CAAAnB,MAAA,WAAAmB,KAAA,aAEAI,sBAAA,KACAyB,aAAA,EACAG,WAAA,KACAtC,OAAA,CACAwD,KAAA,KACAnD,OAAA,MAEAa,WAAA,KAEA6C,QAAA,CACA5C,UACA,KAAA6C,IAAAC,UACA,KAAAR,OAAAS,SAAA,4BAAAnD,SAAA,KAAAL,yBAAA,KAAAqC,YAAAoB,QAAA,KACA,KAAAH,IAAAC,QAAAG,WAGAC,eACA,aAAArB,EAAA,YAAAC,GAAA,KACA,KAAAQ,OAAAS,SAAA,kBAAAlB,SAAAC,iBAEApC,eAAAE,GACA,KAAAL,sBAAAK,EAAAD,MAEAY,YAAAJ,GAAA,IAAAgD,EAAAC,EACA,eAAAD,EAAA,OAAAhD,QAAA,IAAAA,GAAA,QAAAiD,EAAAjD,EAAAkD,eAAA,IAAAD,OAAA,EAAAA,EAAAE,gBAAA,IAAAH,IAAA,IAEA9C,MAAA,GAAAR,IACA,KAAA0D,QAAAC,KAAA,CAAAvG,KAAA,qBAAAwG,OAAA,CAAA5D,SAEA6D,MAAA,GAAA7D,IACA,KAAA0D,QAAAC,KAAA,CAAAvG,KAAA,qBAAAwG,OAAA,CAAA5D,YCrMkW,I,wBCQ9V8D,EAAY,eACd,EACApG,EACA6D,GACA,EACA,KACA,KACA,MAIa,aAAAuC,E,2CCnBf,IAAIpG,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACQ,YAAY,UAAU,CAACR,EAAG,MAAM,CAACQ,YAAY,oEAAoEiB,MAAM7B,EAAIoG,cAAcpG,EAAIQ,OAAOU,YAAY,CAAC,aAAa,UAAUmF,SAAS,CAAC,YAAcrG,EAAIsC,GAAGtC,EAAIsG,SAAStG,EAAIQ,cAC9UoD,EAAkB,GCWP,GACfnE,KAAA,SACA8G,MAAA,CACA/F,MAAA,CACAgG,KAAAC,OACAC,QAAA,KAGAtB,QAAA,CACAgB,cAAA5F,GACA,OAAAA,GACA,cACA,mBACA,gBACA,qBACA,cACA,qBACA,eACA,gCACA,cACA,kBACA,kBACA,sBACA,mBACA,mBACA,gBACA,qBACA,UACA,oBACA,WACA,sBACA,WACA,sBACA,YACA,mBACA,YACA,qBACA,eACA,sBACA,mBACA,qBACA,aACA,mBACA,oBACA,sBACA,eACA,qBAEA,QACA,qBAGA8F,SAAA9F,GACA,cAAAA,QAAA,IAAAA,OAAA,EAAAA,EAAAmG,OAAA,GAAAC,gBAAA,OAAApG,QAAA,IAAAA,OAAA,EAAAA,EAAAqG,MAAA,GAAAC,kBCjE+V,I,YCO3VX,EAAY,eACd,EACApG,EACA6D,GACA,EACA,KACA,WACA,MAIa,OAAAuC,E","file":"js/toolbox-meeting-index.eabe8863.js","sourcesContent":["const numberOnly = e => {\n  if ((e.charCode < 48 || e.charCode > 57) && e.charCode !== 46) e.preventDefault();\n};\n\nexport default {\n  name: 'number-only',\n  bind(el) {\n    el.addEventListener('keypress', numberOnly);\n  },\n  unbind(el) {\n    el.removeEventListener('keypress', numberOnly);\n  }\n};\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./tm-report.vue?vue&type=style&index=0&lang=sass&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isUserCanAccess(_vm.$route, 'view')),expression:\"isUserCanAccess($route, 'view')\"}]},[_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-4\"},[_c('div',{staticClass:\"font-semibold mb-4\"},[_vm._v(\"Filter\")]),_c('div',{staticClass:\"flex items-end\"},[_c('div',{staticStyle:{\"flex\":\"1\"}},[_c('div',{staticClass:\"font-semibold mb-2\"},[_vm._v(\"Range Date\")]),_c('DatePicker',{attrs:{\"type\":\"date\",\"placeholder\":\"DD-MM-YYYY\",\"range\":\"\",\"format\":\"DD-MM-YYYY\"},model:{value:(_vm.filter.date),callback:function ($$v) {_vm.$set(_vm.filter, \"date\", $$v)},expression:\"filter.date\"}})],1),_c('div',{staticStyle:{\"flex\":\"1\"}}),_c('div',{staticStyle:{\"flex\":\"1\"}},[_c('VsSelect',{staticClass:\"w-full\",attrs:{\"label\":\"Status\"},model:{value:(_vm.filter.status),callback:function ($$v) {_vm.$set(_vm.filter, \"status\", $$v)},expression:\"filter.status\"}},_vm._l((_vm.allstatus),function(status){return _c('VsSelectItem',{key:status.value,attrs:{\"value\":status.value,\"text\":status.text}})}),1)],1)])])]},proxy:true}])}),_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('ul',{staticClass:\"tab-report flex-col md:flex-row\"},[_c('li',{class:{ active: _vm.currentActiveLocation === null },on:{\"click\":function($event){return _vm.changeLocation({ code: null })}}},[_vm._v(\" ALL \")]),_vm._l((_vm.locations),function(location){return _c('li',{key:location.id,class:{ active: location.code === _vm.currentActiveLocation },on:{\"click\":function($event){return _vm.changeLocation(location)}}},[_vm._v(\" \"+_vm._s(location.name)+\" \")])})],2)]},proxy:true}])}),_c('AppCard',{staticClass:\"mt-8\",scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"p-0 md:p-4\"},[_c('VsTable',{staticClass:\"mt-8\",attrs:{\"stripe\":\"\",\"sst\":\"\",\"data\":_vm.itemsLocal,\"id\":\"table-fix\"},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('TableHeader',{on:{\"fetch\":_vm.getData}})]},proxy:true},{key:\"thead\",fn:function(){return [_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Action\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Reported By\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Reported At\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Toolbox Name\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Date Time\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Toolbox Item\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Out of Schedule plan\")]),_c('vs-th',{attrs:{\"width\":\"150\"}},[_vm._v(\"Status\")])]},proxy:true},{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(item,index){return _c('vs-tr',{key:index},[_c('vs-td',{attrs:{\"data\":item}},[_c('VsButton',{attrs:{\"type\":\"flat\",\"icon\":\"visibility\"},on:{\"click\":function($event){return _vm.view(item)}}})],1),_c('vs-td',{attrs:{\"data\":item.createdBy}},[_vm._v(_vm._s(_vm.keyFullname(item.user)))]),_c('vs-td',{attrs:{\"data\":item.createdAt}},[_vm._v(_vm._s(_vm._f(\"moment\")(item.createdAt,'DD-MM-YYYY')))]),_c('vs-td',{attrs:{\"data\":item.title}},[_vm._v(_vm._s(item.title))]),_c('vs-td',{attrs:{\"data\":item.issuedDate}},[_vm._v(_vm._s(_vm._f(\"moment\")(item.issuedDate,'DD-MM-YYYY')))]),_c('vs-td',{attrs:{\"data\":item.toolboxItems}},[_vm._v(_vm._s(item.toolboxItems.length + ' Toolbox Item'))]),_c('vs-td',{attrs:{\"data\":item.outofschedulePlan}},[_vm._v(_vm._s(item.outofschedulePlan ? item.outofschedulePlan.length + ' Out of Schedule Plan' : 'Empty'))]),_c('vs-td',{attrs:{\"data\":item.status}},[_c('Status',{attrs:{\"value\":item.status}})],1)],1)})}}])}),_c('TableFooter',{on:{\"fetch\":_vm.getData}})],1)]},proxy:true}])}),_c('Dialog',{attrs:{\"width\":\"100%\",\"center\":false},model:{value:(_vm.dialogImage),callback:function ($$v) {_vm.dialogImage=$$v},expression:\"dialogImage\"}},[_c('div',{style:({\n        height: '100%',\n        'background-image': (\"url('\" + _vm.currentUrl + \"')\"),\n        'background-size': 'contain',\n        'background-position': 'center center',\n        'background-repeat': 'no-repeat'\n      })}),_c('vs-button',{staticClass:\"absolute rounded-full m-4 img-close\",attrs:{\"color\":\"primary\",\"icon\":\"close\"},on:{\"click\":function($event){_vm.dialogImage = false}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-show=\"isUserCanAccess($route, 'view')\">\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-4\">\n          <div class=\"font-semibold mb-4\">Filter</div>\n          <div class=\"flex items-end\">\n            <div style=\"flex:1\">\n              <div class=\"font-semibold mb-2\">Range Date</div>\n              <DatePicker type=\"date\" v-model=\"filter.date\" placeholder=\"DD-MM-YYYY\" range format=\"DD-MM-YYYY\" />\n            </div>\n\n            <div style=\"flex:1\"></div>\n            <div style=\"flex:1\">\n              <VsSelect class=\"w-full\" label=\"Status\" v-model=\"filter.status\">\n                <VsSelectItem v-for=\"status in allstatus\" :key=\"status.value\" :value=\"status.value\" :text=\"status.text\" />\n              </VsSelect>\n            </div>\n          </div>\n        </div>\n      </template>\n    </AppCard>\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <ul class=\"tab-report flex-col md:flex-row\">\n          <li @click=\"changeLocation({ code: null })\" :class=\"{ active: currentActiveLocation === null }\">\n            ALL\n          </li>\n          <li\n            v-for=\"location in locations\"\n            :key=\"location.id\"\n            @click=\"changeLocation(location)\"\n            :class=\"{ active: location.code === currentActiveLocation }\"\n          >\n            {{ location.name }}\n          </li>\n        </ul>\n      </template>\n    </AppCard>\n    <AppCard class=\"mt-8\">\n      <template #content>\n        <div class=\"p-0 md:p-4\">\n          <VsTable stripe sst :data=\"itemsLocal\" class=\"mt-8\" id=\"table-fix\">\n            <template #header>\n              <!-- HEADER TABLE -->\n              <TableHeader @fetch=\"getData\" />\n            </template>\n            <template #thead>\n              <vs-th width=\"150\">Action</vs-th>\n              <vs-th width=\"150\">Reported By</vs-th>\n              <vs-th width=\"150\">Reported At</vs-th>\n              <vs-th width=\"150\">Toolbox Name</vs-th>\n              <vs-th width=\"150\">Date Time</vs-th>\n              <vs-th width=\"150\">Toolbox Item</vs-th>\n              <vs-th width=\"150\">Out of Schedule plan</vs-th>\n              <vs-th width=\"150\">Status</vs-th>\n            </template>\n            <template slot-scope=\"{ data }\">\n              <vs-tr :key=\"index\" v-for=\"(item, index) in data\">\n                <vs-td :data=\"item\">\n                  <VsButton @click=\"view(item)\" type=\"flat\" icon=\"visibility\" />\n                </vs-td>\n                <vs-td :data=\"item.createdBy\">{{ keyFullname(item.user) }}</vs-td>\n                <vs-td :data=\"item.createdAt\">{{ item.createdAt | moment('DD-MM-YYYY') }}</vs-td>\n                <vs-td :data=\"item.title\">{{ item.title }}</vs-td>\n                <vs-td :data=\"item.issuedDate\">{{ item.issuedDate | moment('DD-MM-YYYY') }}</vs-td>\n                <vs-td :data=\"item.toolboxItems\">{{ item.toolboxItems.length + ' Toolbox Item' }}</vs-td>\n                <vs-td :data=\"item.outofschedulePlan\">{{\n                  item.outofschedulePlan ? item.outofschedulePlan.length + ' Out of Schedule Plan' : 'Empty'\n                }}</vs-td>\n                <vs-td :data=\"item.status\"><Status :value=\"item.status\"/></vs-td>\n              </vs-tr>\n            </template>\n          </VsTable>\n\n          <!-- PAGINATION COMPONENT TABLE -->\n          <TableFooter @fetch=\"getData\" />\n        </div>\n      </template>\n    </AppCard>\n    <Dialog v-model=\"dialogImage\" width=\"100%\" :center=\"false\">\n      <div\n        :style=\"{\n          height: '100%',\n          'background-image': `url('${currentUrl}')`,\n          'background-size': 'contain',\n          'background-position': 'center center',\n          'background-repeat': 'no-repeat'\n        }\"\n      ></div>\n      <vs-button class=\"absolute rounded-full m-4 img-close\" color=\"primary\" icon=\"close\" @click=\"dialogImage = false\" />\n    </Dialog>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport TableHeader from '@/components/Table/TableHeader';\nimport TableFooter from '@/components/Table/TableFooter';\nimport Status from '@/components/Facilities/Status';\nimport Dialog from '@/components/Base/Dialog';\nimport DatePicker from 'vue2-datepicker';\nimport numberOnly from '@/directives/numberOnly';\nimport 'vue2-datepicker/index.css';\n\nexport default {\n  name: 'ToolboxMeeting',\n  components: {\n    TableHeader,\n    TableFooter,\n    Dialog,\n    DatePicker,\n    Status\n  },\n  directives: {\n    numberOnly\n  },\n  computed: {\n    allFilter() {\n      return {\n        ...this.filter,\n        siteId: this.siteId,\n        companyCode: this.companyCode\n      };\n    },\n    ...mapGetters({\n      items: 'ToolboxMeeting/items',\n      locations: 'Location/items',\n      siteId: 'Filter/siteId',\n      companyCode: 'Filter/companyCode'\n    })\n  },\n  watch: {\n    currentActiveLocation: {\n      immediate: true,\n      handler() {\n        this.filter.date = null;\n        this.$store.commit('Table/RESET_PAGEABLE');\n        this.getData();\n      }\n    },\n    allFilter: {\n      deep: true,\n      handler() {\n        this.$store.commit('Table/RESET_PAGEABLE');\n        this.getData();\n      }\n    },\n    items: {\n      handler(newItems) {\n        this.itemsLocal = newItems.map(item => {\n          return { ...item };\n        });\n      }\n    },\n    siteId: 'getLocations',\n    companyCode: {\n      immediate: true,\n      handler: 'getLocations'\n    }\n  },\n  data: () => ({\n    allstatus: [\n      { value: null, text: 'All' },\n      { value: 'PENDING', text: 'Pending' },\n      { value: 'APPROVED', text: 'Approved' }\n    ],\n    currentActiveLocation: null,\n    dialogImage: false,\n    currentUrl: null,\n    filter: {\n      date: null,\n      status: null\n    },\n    itemsLocal: []\n  }),\n  methods: {\n    getData() {\n      this.$vs.loading();\n      this.$store.dispatch('ToolboxMeeting/fetchData', { location: this.currentActiveLocation, ...this.allFilter }).finally(() => {\n        this.$vs.loading.close();\n      });\n    },\n    getLocations() {\n      const { siteId, companyCode } = this;\n      this.$store.dispatch('Location/fetch', { siteId, companyCode });\n    },\n    changeLocation(location) {\n      this.currentActiveLocation = location.code;\n    },\n    keyFullname(item) {\n      return item?.profile?.fullName ?? '';\n    },\n    view({ id }) {\n      this.$router.push({ name: 'ToolboxMeetingView', params: { id } });\n    },\n    edit({ id }) {\n      this.$router.push({ name: 'ToolboxMeetingEdit', params: { id } });\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\">\n#table-fix\n  table\n    table-layout: fixed !important\n\n.table-fix-image\n  overflow: hidden;\n  width: 30px;\n  height: 30px;\n  border-radius: 1000px;\n  display: flex\n  align-items: center\n  justify-content: center\n  background: #333\n\n.tab-report\n  display: flex\n  li\n    padding: 7px 10px\n    cursor: pointer\n\n    &:hover\n      @apply bg-gray-200\n\n    &.active\n      border-radius: 3px;\n      @apply bg-gray-200\n      @apply text-primary\n\n.img-detail\n  display: flex;\n  width: 100;\n  height: 100%;\n  background: red;\n\n.img-close\n  position: absolute\n  right: 0\n  top: 0\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!./tm-report.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!./tm-report.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./tm-report.vue?vue&type=template&id=ccd63a30&\"\nimport script from \"./tm-report.vue?vue&type=script&lang=js&\"\nexport * from \"./tm-report.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tm-report.vue?vue&type=style&index=0&lang=sass&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"center\"},[_c('div',{staticClass:\"px-2 py-1 rounded-full text-xs italic text-white font-medium mx-2\",class:_vm.getBackground(_vm.value),staticStyle:{\"text-align\":\"center\"},domProps:{\"textContent\":_vm._s(_vm.getLabel(_vm.value))}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"center\">\n    <div\n      class=\"px-2 py-1 rounded-full text-xs italic text-white font-medium mx-2\"\n      style=\"text-align:center\"\n      :class=\"getBackground(value)\"\n      v-text=\"getLabel(value)\"\n    ></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'Status',\n  props: {\n    value: {\n      type: String,\n      default: ''\n    }\n  },\n  methods: {\n    getBackground(value) {\n      switch (value) {\n        case 'PENDING':\n          return 'bg-primary';\n        case 'SUBMITTED':\n          return 'bg-secondary';\n        case 'CHECKED':\n          return 'bg-green-500';\n        case 'APPROVED':\n          return 'rounded-full bg-success';\n        case 'REVISED':\n          return 'bg-danger';\n        case 'ON PROGRESS':\n          return 'bg-yellow-500';\n        case 'NOT FINISHED':\n          return 'bg-primary';\n        case 'COMPLETED':\n          return 'bg-green-500';\n        case 'OFF':\n          return 'bg-gray-500';\n        case 'CUTI':\n          return 'bg-yellow-800';\n        case 'IZIN':\n          return 'bg-yellow-500';\n        case 'ABSEN':\n          return 'bg-red-500';\n        case 'HADIR':\n          return 'bg-green-500';\n        case 'BORROWED':\n          return 'bg-orange-500';\n        case 'GOOD QUALITY':\n          return 'bg-green-500';\n        case 'BROKEN':\n          return 'bg-red-500';\n        case 'NEED APPROVAL':\n          return 'bg-orange-500';\n        case 'RETURNED':\n          return 'bg-green-500';\n\n        default:\n          return 'bg-primary';\n      }\n    },\n    getLabel(value) {\n      return value?.charAt(0).toUpperCase() + value?.slice(1).toLowerCase();\n    }\n  }\n};\n</script>\n\n<style scoped></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!./Status.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!./Status.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Status.vue?vue&type=template&id=0fe9e74d&scoped=true&\"\nimport script from \"./Status.vue?vue&type=script&lang=js&\"\nexport * from \"./Status.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  \"0fe9e74d\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}