{"version":3,"sources":["webpack:///./src/pages/imm-dashboard/WOBacklogSummary.vue?9f6b","webpack:///./src/pages/imm-dashboard/index.vue?9525","webpack:///./src/pages/imm-dashboard/UnitAvailability.vue?602b","webpack:///src/pages/imm-dashboard/UnitAvailability.vue","webpack:///./src/pages/imm-dashboard/UnitAvailability.vue?11c6","webpack:///./src/pages/imm-dashboard/UnitAvailability.vue","webpack:///./src/pages/imm-dashboard/WOBacklogSummary.vue?1235","webpack:///src/pages/imm-dashboard/WOBacklogSummary.vue","webpack:///./src/pages/imm-dashboard/WOBacklogSummary.vue?5339","webpack:///./src/pages/imm-dashboard/WOBacklogSummary.vue","webpack:///./src/pages/imm-dashboard/Breakdown.vue?b9a0","webpack:///src/pages/imm-dashboard/Breakdown.vue","webpack:///./src/pages/imm-dashboard/Breakdown.vue?97a0","webpack:///./src/pages/imm-dashboard/Breakdown.vue","webpack:///src/pages/imm-dashboard/index.vue","webpack:///./src/pages/imm-dashboard/index.vue?78cb","webpack:///./src/pages/imm-dashboard/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","locations","_l","location","l","key","class","filter","locationCode","code","on","$event","setLocation","_v","_s","name","_e","attrs","model","value","callback","$$v","$set","expression","breakdownWeek","staticRenderFns","unit","u","systemCode","statusBgColors","availabilityYearToDateStatus","toLowerCase","getDifferenceColor","availabilityMonthToDateDifference","getDifferenceIcon","availabilityMonthToDate","getPlusSign","availabilityYearToDateDifference","availabilityYearToDate","breakdownYearToDateStatus","breakdownMonthToDateDifference","breakdownMonthToDate","breakdownYearToDateDifference","breakdownYearToDate","defectStatus","totalDefect","statusTextColors","activeDefectMinus5Percentage","activeDefectPercentage","computed","GOOD","BAD","mapGetters","unitAvailability","methods","difference","component","formatDate","woBacklogSummary","lastUpdateDate","averageActualLastWeekDifference","round","averageBacklogPercentage","item","i","openItem","getName","actualTargetStatus","style","backlogPercentage","target","actualTargetDifference","popup","scopedSlots","_u","fn","actualLastWeekDifference","proxy","nativeOn","closeItem","popupWOPeriods","staticStyle","ref","data","index","length","period","totalWOCreate","totalWOOpen","totalWOClosed","totalWOBacklog","popupWOBacklogList","workOrderNo","site","status","section","scheduledFinish","aging","woBacklogList","reduce","total","curr","Math","_section$sectionDetai","sectionDetail","date","format","moment","locale","weeks","find","w","week","$emit","availableSystems","availableSystem","s","system","setSystem","items","directives","rawName","description","frequency","duration","accDate","props","type","Number","default","breakdown","b","children","prev","found","push","components","DatePicker","UnitAvailability","WOBacklogSummary","Breakdown","monthYear","Date","allFilter","companyCode","siteId","watch","deep","handler","immediate","val","fetchBreakdown","fetch","fetchUnitAvailability","fetchWoBacklogSummary","fetchAvailableSystems","debounce","$vs","loading","$store","dispatch","close","weekNumber","fetchLocations","isActive"],"mappings":"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","file":"js/imm-dashboard.08a538b3.js","sourcesContent":["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!./WOBacklogSummary.vue?vue&type=style&index=0&id=8c400e12&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"py-8\"},[_c('div',{staticClass:\"md:flex gap-4\"},[(_vm.locations.length)?_c('div',{staticClass:\"flex font-bold bg-white text-purple-700 rounded-md p-2 cursor-pointer mb-4 overflow-x-auto\"},_vm._l((_vm.locations),function(location,l){return _c('div',{key:l,staticClass:\"rounded text-sm px-4 py-3 whitespace-no-wrap\",class:{ 'bg-purple-700 text-white': _vm.filter.locationCode === location.code },on:{\"click\":function($event){return _vm.setLocation(location)}}},[_vm._v(\" \"+_vm._s(location.name)+\" \")])}),0):_vm._e(),_c('div',{staticClass:\"flex items-center bg-white rounded-md mb-4 px-4 py-2\"},[_c('span',{staticClass:\"flex items-center font-bold text-purple-700 mr-4\"},[_c('VsIcon',{attrs:{\"icon\":\"filter_alt\"}}),_vm._v(\" Filter\")],1),_c('DatePicker',{staticClass:\"inline-block\",attrs:{\"type\":\"month\",\"format\":\"MM-YYYY\",\"clearable\":false},model:{value:(_vm.filter.monthYear),callback:function ($$v) {_vm.$set(_vm.filter, \"monthYear\", $$v)},expression:\"filter.monthYear\"}})],1)]),_c('UnitAvailability',{staticClass:\"mt-4\"}),_c('div',{staticClass:\"grid grid-cols-1 lg:grid-cols-12 -mx-2\"},[_c('div',{staticClass:\"col-span-5 mx-2 mb-4\"},[_c('WOBacklogSummary')],1),_c('div',{staticClass:\"col-span-7 mx-2 mb-4\"},[_c('Breakdown',{model:{value:(_vm.breakdownWeek),callback:function ($$v) {_vm.breakdownWeek=$$v},expression:\"breakdownWeek\"}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-6 -mx-2\"},_vm._l((_vm.unitAvailability),function(unit,u){return _c('div',{key:u,staticClass:\"mb-4 mx-2\"},[_c('div',{staticClass:\"bg-white rounded-md text-sm p-4\"},[_c('div',{staticClass:\"font-bold\"},[_vm._v(_vm._s(unit.systemCode))]),_c('div',{staticClass:\"rounded bg-purple-100 mt-2 px-3 py-2\"},[_c('div',{staticClass:\"flex justify-between\"},[_c('div',{staticClass:\"font-bold text-pink-600\"},[_vm._v(\"Availability %\")]),_c('div',{staticClass:\"flex items-center rounded-full capitalize text-xs text-white italic px-4\",class:_vm.statusBgColors[unit.availabilityYearToDateStatus]},[_vm._v(\" \"+_vm._s(unit.availabilityYearToDateStatus.toLowerCase())+\" \")])]),_c('div',{staticClass:\"flex justify-around mt-2\"},[_c('div',{staticClass:\"flex flex-col items-center\"},[_c('div',{staticClass:\"text-xs text-gray-500\"},[_vm._v(\"Month to date\")]),_c('div',{staticClass:\"flex items-center\"},[_c('VsIcon',{class:_vm.getDifferenceColor(unit.availabilityMonthToDateDifference),attrs:{\"icon\":_vm.getDifferenceIcon(unit.availabilityMonthToDateDifference),\"size\":\"1em\"}}),_c('div',{staticClass:\"text-base font-bold text-purple-700 mx-2\"},[_vm._v(_vm._s(unit.availabilityMonthToDate))]),_c('div',{staticClass:\"text-xs\",class:_vm.getDifferenceColor(unit.availabilityMonthToDateDifference)},[_vm._v(\" \"+_vm._s(_vm.getPlusSign(unit.availabilityMonthToDateDifference))+\" \")])],1)]),_c('div',{staticClass:\"flex flex-col items-center\"},[_c('div',{staticClass:\"text-xs text-gray-500\"},[_vm._v(\"Year to date\")]),_c('div',{staticClass:\"flex items-center\"},[_c('VsIcon',{class:_vm.getDifferenceColor(unit.availabilityYearToDateDifference),attrs:{\"icon\":_vm.getDifferenceIcon(unit.availabilityYearToDateDifference),\"size\":\"1em\"}}),_c('div',{staticClass:\"text-base font-bold text-purple-700 mx-2\"},[_vm._v(_vm._s(unit.availabilityYearToDate))]),_c('div',{staticClass:\"text-xs\",class:_vm.getDifferenceColor(unit.availabilityYearToDateDifference)},[_vm._v(\" \"+_vm._s(_vm.getPlusSign(unit.availabilityYearToDateDifference))+\" \")])],1)])])]),_c('div',{staticClass:\"rounded bg-purple-100 mt-2 px-3 py-2\"},[_c('div',{staticClass:\"flex justify-between\"},[_c('div',{staticClass:\"font-bold text-pink-600\"},[_vm._v(\"BM %\")]),_c('div',{staticClass:\"flex items-center rounded-full capitalize text-xs text-white italic px-4\",class:_vm.statusBgColors[unit.breakdownYearToDateStatus]},[_vm._v(\" \"+_vm._s(unit.breakdownYearToDateStatus.toLowerCase())+\" \")])]),_c('div',{staticClass:\"flex justify-around mt-2\"},[_c('div',{staticClass:\"flex flex-col items-center\"},[_c('div',{staticClass:\"text-xs text-gray-500\"},[_vm._v(\"Month to date\")]),_c('div',{staticClass:\"flex items-center\"},[_c('VsIcon',{class:_vm.getDifferenceColor(unit.breakdownMonthToDateDifference * -1),attrs:{\"icon\":_vm.getDifferenceIcon(unit.breakdownMonthToDateDifference),\"size\":\"1em\"}}),_c('div',{staticClass:\"text-base font-bold text-purple-700 mx-2\"},[_vm._v(_vm._s(unit.breakdownMonthToDate))]),_c('div',{staticClass:\"text-xs\",class:_vm.getDifferenceColor(unit.breakdownMonthToDateDifference * -1)},[_vm._v(\" \"+_vm._s(_vm.getPlusSign(unit.breakdownMonthToDateDifference))+\" \")])],1)]),_c('div',{staticClass:\"flex flex-col items-center\"},[_c('div',{staticClass:\"text-xs text-gray-500\"},[_vm._v(\"Year to date\")]),_c('div',{staticClass:\"flex items-center\"},[_c('VsIcon',{class:_vm.getDifferenceColor(unit.breakdownYearToDateDifference * -1),attrs:{\"icon\":_vm.getDifferenceIcon(unit.breakdownYearToDateDifference),\"size\":\"1em\"}}),_c('div',{staticClass:\"text-base font-bold text-purple-700 mx-2\"},[_vm._v(_vm._s(unit.breakdownYearToDate))]),_c('div',{staticClass:\"text-xs\",class:_vm.getDifferenceColor(unit.breakdownYearToDateDifference * -1)},[_vm._v(\" \"+_vm._s(_vm.getPlusSign(unit.breakdownYearToDateDifference))+\" \")])],1)])])]),_c('div',{staticClass:\"rounded bg-purple-100 mt-2 px-3 py-2\"},[_c('div',{staticClass:\"flex justify-between\"},[_c('div',{staticClass:\"font-bold text-pink-600\"},[_vm._v(\"Defect\")]),_c('div',{staticClass:\"flex items-center rounded-full capitalize text-xs text-white italic px-4\",class:_vm.statusBgColors[unit.defectStatus]},[_vm._v(\" \"+_vm._s(unit.defectStatus.toLowerCase())+\" \")])]),_c('div',{staticClass:\"flex justify-around mt-2\"},[_c('div',{staticClass:\"flex flex-col items-center\"},[_c('div',{staticClass:\"text-xs text-gray-500\"},[_vm._v(\"Total Defect\")]),_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"text-base font-bold text-purple-700 mx-2\"},[_vm._v(_vm._s(unit.totalDefect))])])]),_c('div',{staticClass:\"flex flex-col items-center\"},[_c('div',{staticClass:\"text-xs text-gray-500\"},[_vm._v(\"Active Defect %\")]),_c('div',{staticClass:\"flex items-center\"},[_c('VsIcon',{class:_vm.statusTextColors[unit.defectStatus],attrs:{\"icon\":_vm.getDifferenceIcon(unit.activeDefectMinus5Percentage),\"size\":\"1em\"}}),_c('div',{staticClass:\"text-base font-bold text-purple-700 mx-2\"},[_vm._v(_vm._s(unit.activeDefectPercentage))]),_c('div',{staticClass:\"text-xs\",class:_vm.statusTextColors[unit.defectStatus]},[_vm._v(\" \"+_vm._s(_vm.getPlusSign(unit.activeDefectMinus5Percentage))+\" \")])],1)])])])])])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-6 -mx-2\">\n    <div class=\"mb-4 mx-2\" v-for=\"(unit, u) of unitAvailability\" :key=\"u\">\n      <div class=\"bg-white rounded-md text-sm p-4\">\n        <div class=\"font-bold\">{{ unit.systemCode }}</div>\n\n        <div class=\"rounded bg-purple-100 mt-2 px-3 py-2\">\n          <div class=\"flex justify-between\">\n            <div class=\"font-bold text-pink-600\">Availability %</div>\n            <div\n              class=\"flex items-center rounded-full capitalize text-xs text-white italic px-4\"\n              :class=\"statusBgColors[unit.availabilityYearToDateStatus]\"\n            >\n              {{ unit.availabilityYearToDateStatus.toLowerCase() }}\n            </div>\n          </div>\n          <div class=\"flex justify-around mt-2\">\n            <div class=\"flex flex-col items-center\">\n              <div class=\"text-xs text-gray-500\">Month to date</div>\n              <div class=\"flex items-center\">\n                <VsIcon\n                  :class=\"getDifferenceColor(unit.availabilityMonthToDateDifference)\"\n                  :icon=\"getDifferenceIcon(unit.availabilityMonthToDateDifference)\"\n                  size=\"1em\"\n                />\n                <div class=\"text-base font-bold text-purple-700 mx-2\">{{ unit.availabilityMonthToDate }}</div>\n                <div class=\"text-xs\" :class=\"getDifferenceColor(unit.availabilityMonthToDateDifference)\">\n                  {{ getPlusSign(unit.availabilityMonthToDateDifference) }}\n                </div>\n              </div>\n            </div>\n            <div class=\"flex flex-col items-center\">\n              <div class=\"text-xs text-gray-500\">Year to date</div>\n              <div class=\"flex items-center\">\n                <VsIcon\n                  :class=\"getDifferenceColor(unit.availabilityYearToDateDifference)\"\n                  :icon=\"getDifferenceIcon(unit.availabilityYearToDateDifference)\"\n                  size=\"1em\"\n                />\n                <div class=\"text-base font-bold text-purple-700 mx-2\">{{ unit.availabilityYearToDate }}</div>\n                <div class=\"text-xs\" :class=\"getDifferenceColor(unit.availabilityYearToDateDifference)\">\n                  {{ getPlusSign(unit.availabilityYearToDateDifference) }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"rounded bg-purple-100 mt-2 px-3 py-2\">\n          <div class=\"flex justify-between\">\n            <div class=\"font-bold text-pink-600\">BM %</div>\n            <div\n              class=\"flex items-center rounded-full capitalize text-xs text-white italic px-4\"\n              :class=\"statusBgColors[unit.breakdownYearToDateStatus]\"\n            >\n              {{ unit.breakdownYearToDateStatus.toLowerCase() }}\n            </div>\n          </div>\n          <div class=\"flex justify-around mt-2\">\n            <div class=\"flex flex-col items-center\">\n              <div class=\"text-xs text-gray-500\">Month to date</div>\n              <div class=\"flex items-center\">\n                <VsIcon\n                  :class=\"getDifferenceColor(unit.breakdownMonthToDateDifference * -1)\"\n                  :icon=\"getDifferenceIcon(unit.breakdownMonthToDateDifference)\"\n                  size=\"1em\"\n                />\n                <div class=\"text-base font-bold text-purple-700 mx-2\">{{ unit.breakdownMonthToDate }}</div>\n                <div class=\"text-xs\" :class=\"getDifferenceColor(unit.breakdownMonthToDateDifference * -1)\">\n                  {{ getPlusSign(unit.breakdownMonthToDateDifference) }}\n                </div>\n              </div>\n            </div>\n            <div class=\"flex flex-col items-center\">\n              <div class=\"text-xs text-gray-500\">Year to date</div>\n              <div class=\"flex items-center\">\n                <VsIcon\n                  :class=\"getDifferenceColor(unit.breakdownYearToDateDifference * -1)\"\n                  :icon=\"getDifferenceIcon(unit.breakdownYearToDateDifference)\"\n                  size=\"1em\"\n                />\n                <div class=\"text-base font-bold text-purple-700 mx-2\">{{ unit.breakdownYearToDate }}</div>\n                <div class=\"text-xs\" :class=\"getDifferenceColor(unit.breakdownYearToDateDifference * -1)\">\n                  {{ getPlusSign(unit.breakdownYearToDateDifference) }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"rounded bg-purple-100 mt-2 px-3 py-2\">\n          <div class=\"flex justify-between\">\n            <div class=\"font-bold text-pink-600\">Defect</div>\n            <div class=\"flex items-center rounded-full capitalize text-xs text-white italic px-4\" :class=\"statusBgColors[unit.defectStatus]\">\n              {{ unit.defectStatus.toLowerCase() }}\n            </div>\n          </div>\n          <div class=\"flex justify-around mt-2\">\n            <div class=\"flex flex-col items-center\">\n              <div class=\"text-xs text-gray-500\">Total Defect</div>\n              <div class=\"flex items-center\">\n                <div class=\"text-base font-bold text-purple-700 mx-2\">{{ unit.totalDefect }}</div>\n              </div>\n            </div>\n            <div class=\"flex flex-col items-center\">\n              <div class=\"text-xs text-gray-500\">Active Defect %</div>\n              <div class=\"flex items-center\">\n                <VsIcon :class=\"statusTextColors[unit.defectStatus]\" :icon=\"getDifferenceIcon(unit.activeDefectMinus5Percentage)\" size=\"1em\" />\n                <div class=\"text-base font-bold text-purple-700 mx-2\">{{ unit.activeDefectPercentage }}</div>\n                <div class=\"text-xs\" :class=\"statusTextColors[unit.defectStatus]\">\n                  {{ getPlusSign(unit.activeDefectMinus5Percentage) }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\n\nexport default {\n  computed: {\n    statusBgColors: () => ({\n      GOOD: 'bg-green-400',\n      BAD: 'bg-red-600'\n    }),\n    statusTextColors: () => ({\n      GOOD: 'text-green-400',\n      BAD: 'text-red-600'\n    }),\n    ...mapGetters({\n      unitAvailability: 'ImmDashboard/unitAvailability'\n    })\n  },\n\n  methods: {\n    getDifferenceIcon(difference) {\n      if (difference > 0) {\n        return 'trending_up';\n      } else if (difference < 0) {\n        return 'trending_down';\n      }\n      return 'trending_flat';\n    },\n    getPlusSign: value => (value > 0 ? `+${value}` : value),\n    getDifferenceColor: difference => (difference >= 0 ? 'text-green-400' : 'text-red-600')\n  }\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!./UnitAvailability.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!./UnitAvailability.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UnitAvailability.vue?vue&type=template&id=b133c262&\"\nimport script from \"./UnitAvailability.vue?vue&type=script&lang=js&\"\nexport * from \"./UnitAvailability.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.woBacklogSummary)?_c('div',{staticClass:\"bg-white rounded-md text-sm p-4\"},[_c('div',{staticClass:\"flex gap-2 items-center justify-between\"},[_c('div',[_c('div',{staticClass:\"font-bold text-base\"},[_vm._v(\"Backlog\")]),_c('div',{staticClass:\"text-pink-600 text-xs\"},[_vm._v(\"Last update: \"+_vm._s(_vm.formatDate(_vm.woBacklogSummary.lastUpdateDate, 'D MMM YYYY hh:mm A')))])]),_c('div',[_c('VsIcon',{class:_vm.getDifferenceColor(_vm.woBacklogSummary.averageActualLastWeekDifference),attrs:{\"icon\":_vm.getDifferenceIcon(_vm.woBacklogSummary.averageActualLastWeekDifference),\"size\":\"1em\"}}),_c('span',{staticClass:\"text-base font-bold text-purple-700 ml-2 mr-1\"},[_vm._v(_vm._s(_vm.round(_vm.woBacklogSummary.averageBacklogPercentage))+\"%\")]),_c('span',{staticClass:\"text-xs mx-1\",class:_vm.getDifferenceColor(_vm.woBacklogSummary.averageActualLastWeekDifference)},[_vm._v(\" (\"+_vm._s(_vm.getPlusSign(_vm.round(_vm.woBacklogSummary.averageActualLastWeekDifference)))+\"%) \")]),_c('span',{staticClass:\"text-xs text-gray-500\"},[_vm._v(\"Than last week\")])],1)]),_c('hr',{staticClass:\"border-1 border-gray-400 border-dashed my-4\"}),_c('div',{staticClass:\"grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-2 xl:grid-cols-3 -mx-2\"},_vm._l((_vm.woBacklogSummary.woBacklogSummaryList),function(item,i){return _c('div',{key:i,staticClass:\"mb-4 mx-2 cursor-pointer\",on:{\"click\":function($event){return _vm.openItem(item)}}},[_c('div',{staticClass:\"rounded bg-purple-100 px-2 py-3\"},[_c('div',{staticClass:\"font-bold text-xs break-all\"},[_vm._v(_vm._s(_vm.getName(item)))]),_c('div',{staticClass:\"h-2 my-3 bg-gray-300 rounded-full overflow-hidden\"},[_c('div',{staticClass:\"h-full rounded-full\",class:_vm.statusBgColors[item.actualTargetStatus],style:((\"width: \" + (_vm.round((item.backlogPercentage / item.target) * 100)) + \"%\"))})]),_c('div',{staticClass:\"flex items-center justify-between\"},[_c('div',{staticClass:\"font-bold text-base text-purple-700\"},[_vm._v(_vm._s(_vm.round(item.backlogPercentage))+\"%\")]),_c('div',{staticClass:\"text-xs ml-1\",class:_vm.statusTextColors[item.actualTargetStatus]},[_vm._v(\" \"+_vm._s(_vm.getPlusSign(_vm.round(item.actualTargetDifference)))+\" \")]),_c('div',{staticClass:\"flex items-center rounded-full capitalize text-xs text-white italic ml-auto px-4\",class:_vm.statusBgColors[item.actualTargetStatus]},[_vm._v(\" \"+_vm._s(item.actualTargetStatus.toLowerCase())+\" \")])])])])}),0),_c('Dialog',{staticClass:\"overflow-y-auto\",attrs:{\"width\":\"960px\",\"center\":false},model:{value:(_vm.popup.value),callback:function ($$v) {_vm.$set(_vm.popup, \"value\", $$v)},expression:\"popup.value\"}},[_c('AppCard',{staticClass:\"mb-4\",scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('div',{staticClass:\"flex gap-2 items-center justify-between flex-1\"},[_c('div',[_c('div',[_vm._v(_vm._s(_vm.getName(_vm.popup.item)))]),_c('div',{staticClass:\"text-pink-600 text-xs\"},[_vm._v(\"Last update: \"+_vm._s(_vm.formatDate(_vm.woBacklogSummary.lastUpdateDate, 'D MMM YYYY hh:mm A')))])]),_c('div',[_c('VsIcon',{class:_vm.getDifferenceColor(_vm.popup.item.actualLastWeekDifference),attrs:{\"icon\":_vm.getDifferenceIcon(_vm.popup.item.actualLastWeekDifference),\"size\":\"1em\"}}),_c('span',{staticClass:\"text-base font-bold text-purple-700 ml-2 mr-1\"},[_vm._v(_vm._s(_vm.round(_vm.popup.item.backlogPercentage))+\"%\")]),_c('span',{staticClass:\"text-xs mx-1\",class:_vm.getDifferenceColor(_vm.popup.item.actualLastWeekDifference)},[_vm._v(\" (\"+_vm._s(_vm.getPlusSign(_vm.round(_vm.popup.item.actualLastWeekDifference)))+\"%) \")]),_c('span',{staticClass:\"text-xs text-gray-500\"},[_vm._v(\"Than last week\")])],1)])]},proxy:true},{key:\"action\",fn:function(){return [_c('VsButton',{attrs:{\"type\":\"flat\",\"icon\":\"close\"},nativeOn:{\"click\":function($event){return _vm.closeItem($event)}}})]},proxy:true},{key:\"content\",fn:function(){return [_c('div',[_c('VsTable',{attrs:{\"stripe\":\"\",\"sst\":\"\",\"data\":_vm.popupWOPeriods},scopedSlots:_vm._u([{key:\"thead\",fn:function(){return [_c('th',{staticClass:\"text-xs\",staticStyle:{\"min-width\":\"130px\"}},[_vm._v(\"Period/Duration\")]),_c('th',{staticClass:\"text-xs text-right\",staticStyle:{\"min-width\":\"130px\"}},[_vm._v(\"Total WO Create\")]),_c('th',{staticClass:\"text-xs text-right\",staticStyle:{\"min-width\":\"130px\"}},[_vm._v(\"Total WO Open\")]),_c('th',{staticClass:\"text-xs text-right\",staticStyle:{\"min-width\":\"130px\"}},[_vm._v(\"Total Closed\")]),_c('th',{staticClass:\"text-xs text-right\",staticStyle:{\"min-width\":\"90px\"}},[_vm._v(\"Backlog\")]),_c('th',{staticClass:\"text-xs text-right\",staticStyle:{\"min-width\":\"90px\"}},[_vm._v(\"% Backlog\")])]},proxy:true},{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(item,index){return _c('vs-tr',{key:index,attrs:{\"data\":item,\"state\":index === data.length - 1 ? 'primary' : null}},[_c('vs-td',[_vm._v(_vm._s(item.period))]),_c('vs-td',{staticClass:\"text-right\"},[_vm._v(_vm._s(item.totalWOCreate))]),_c('vs-td',{staticClass:\"text-right\"},[_vm._v(_vm._s(item.totalWOOpen))]),_c('vs-td',{staticClass:\"text-right\"},[_vm._v(_vm._s(item.totalWOClosed))]),_c('vs-td',{staticClass:\"text-right\"},[_vm._v(_vm._s(item.totalWOBacklog))]),_c('vs-td',{staticClass:\"text-right\"},[_vm._v(_vm._s(item.backlogPercentage))])],1)})}}],null,false,1861466289)}),_c('VsTable',{staticClass:\"mt-8\",attrs:{\"stripe\":\"\",\"sst\":\"\",\"data\":_vm.popupWOBacklogList},scopedSlots:_vm._u([{key:\"thead\",fn:function(){return [_c('th',{staticClass:\"text-xs\",staticStyle:{\"min-width\":\"130px\"}},[_vm._v(\"Work Order No.\")]),_c('th',{staticClass:\"text-xs\",staticStyle:{\"min-width\":\"130px\"}},[_vm._v(\"Location\")]),_c('th',{staticClass:\"text-xs\",staticStyle:{\"min-width\":\"70px\"}},[_vm._v(\"Site\")]),_c('th',{staticClass:\"text-xs\",staticStyle:{\"min-width\":\"100px\"}},[_vm._v(\"Status\")]),_c('th',{staticClass:\"text-xs\",staticStyle:{\"min-width\":\"90px\"}},[_vm._v(\"Section\")]),_c('th',{staticClass:\"text-xs\",staticStyle:{\"min-width\":\"110px\"}},[_vm._v(\"Scheduled Finish\")]),_c('th',{staticClass:\"text-xs text-right\",staticStyle:{\"min-width\":\"70px\"}},[_vm._v(\"Aging(days)\")])]},proxy:true},{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(item,index){return _c('vs-tr',{key:index,attrs:{\"data\":item}},[_c('vs-td',[_vm._v(_vm._s(item.workOrderNo))]),_c('vs-td',[_vm._v(_vm._s(item.location))]),_c('vs-td',[_vm._v(_vm._s(item.site))]),_c('vs-td',[_vm._v(_vm._s(item.status))]),_c('vs-td',[_vm._v(_vm._s(item.section))]),_c('vs-td',[_vm._v(_vm._s(_vm.formatDate(item.scheduledFinish, 'DD-MMM-YYYY HH:mm')))]),_c('vs-td',{staticClass:\"text-right\"},[_vm._v(_vm._s(item.aging))])],1)})}}],null,false,295218263)}),_c('div',{staticClass:\"flex justify-center mt-8\"},[_c('VsButton',{staticClass:\"w-1/4 mr-4\",attrs:{\"type\":\"border\",\"size\":\"small\"},nativeOn:{\"click\":function($event){return _vm.closeItem($event)}}},[_vm._v(\"Close\")])],1)],1)]},proxy:true}],null,false,67784557)})],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"bg-white rounded-md text-sm p-4\" v-if=\"woBacklogSummary\">\n    <div class=\"flex gap-2 items-center justify-between\">\n      <div>\n        <div class=\"font-bold text-base\">Backlog</div>\n        <div class=\"text-pink-600 text-xs\">Last update: {{ formatDate(woBacklogSummary.lastUpdateDate, 'D MMM YYYY hh:mm A') }}</div>\n      </div>\n      <div>\n        <VsIcon\n          :class=\"getDifferenceColor(woBacklogSummary.averageActualLastWeekDifference)\"\n          :icon=\"getDifferenceIcon(woBacklogSummary.averageActualLastWeekDifference)\"\n          size=\"1em\"\n        />\n        <span class=\"text-base font-bold text-purple-700 ml-2 mr-1\">{{ round(woBacklogSummary.averageBacklogPercentage) }}%</span>\n        <span class=\"text-xs mx-1\" :class=\"getDifferenceColor(woBacklogSummary.averageActualLastWeekDifference)\">\n          ({{ getPlusSign(round(woBacklogSummary.averageActualLastWeekDifference)) }}%)\n        </span>\n        <span class=\"text-xs text-gray-500\">Than last week</span>\n      </div>\n    </div>\n\n    <hr class=\"border-1 border-gray-400 border-dashed my-4\" />\n\n    <div class=\"grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-2 xl:grid-cols-3 -mx-2\">\n      <div class=\"mb-4 mx-2 cursor-pointer\" v-for=\"(item, i) of woBacklogSummary.woBacklogSummaryList\" :key=\"i\" @click=\"openItem(item)\">\n        <div class=\"rounded bg-purple-100 px-2 py-3\">\n          <div class=\"font-bold text-xs break-all\">{{ getName(item) }}</div>\n          <div class=\"h-2 my-3 bg-gray-300 rounded-full overflow-hidden\">\n            <div\n              class=\"h-full rounded-full\"\n              :class=\"statusBgColors[item.actualTargetStatus]\"\n              :style=\"`width: ${round((item.backlogPercentage / item.target) * 100)}%`\"\n            />\n          </div>\n          <div class=\"flex items-center justify-between\">\n            <div class=\"font-bold text-base text-purple-700\">{{ round(item.backlogPercentage) }}%</div>\n            <div class=\"text-xs ml-1\" :class=\"statusTextColors[item.actualTargetStatus]\">\n              {{ getPlusSign(round(item.actualTargetDifference)) }}\n            </div>\n            <div\n              class=\"flex items-center rounded-full capitalize text-xs text-white italic ml-auto px-4\"\n              :class=\"statusBgColors[item.actualTargetStatus]\"\n            >\n              {{ item.actualTargetStatus.toLowerCase() }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <Dialog v-model=\"popup.value\" class=\"overflow-y-auto\" width=\"960px\" :center=\"false\">\n      <AppCard class=\"mb-4\">\n        <template #title>\n          <div class=\"flex gap-2 items-center justify-between flex-1\">\n            <div>\n              <div>{{ getName(popup.item) }}</div>\n              <div class=\"text-pink-600 text-xs\">Last update: {{ formatDate(woBacklogSummary.lastUpdateDate, 'D MMM YYYY hh:mm A') }}</div>\n            </div>\n            <div>\n              <VsIcon\n                :class=\"getDifferenceColor(popup.item.actualLastWeekDifference)\"\n                :icon=\"getDifferenceIcon(popup.item.actualLastWeekDifference)\"\n                size=\"1em\"\n              />\n              <span class=\"text-base font-bold text-purple-700 ml-2 mr-1\">{{ round(popup.item.backlogPercentage) }}%</span>\n              <span class=\"text-xs mx-1\" :class=\"getDifferenceColor(popup.item.actualLastWeekDifference)\">\n                ({{ getPlusSign(round(popup.item.actualLastWeekDifference)) }}%)\n              </span>\n              <span class=\"text-xs text-gray-500\">Than last week</span>\n            </div>\n          </div>\n        </template>\n\n        <template #action>\n          <VsButton @click.native=\"closeItem\" type=\"flat\" icon=\"close\" />\n        </template>\n\n        <template #content>\n          <div>\n            <VsTable stripe sst :data=\"popupWOPeriods\">\n              <template #thead>\n                <th class=\"text-xs\" style=\"min-width: 130px\">Period/Duration</th>\n                <th class=\"text-xs text-right\" style=\"min-width: 130px\">Total WO Create</th>\n                <th class=\"text-xs text-right\" style=\"min-width: 130px\">Total WO Open</th>\n                <th class=\"text-xs text-right\" style=\"min-width: 130px\">Total Closed</th>\n                <th class=\"text-xs text-right\" style=\"min-width: 90px\">Backlog</th>\n                <th class=\"text-xs text-right\" style=\"min-width: 90px\">% Backlog</th>\n              </template>\n              <template slot-scope=\"{ data }\">\n                <vs-tr :key=\"index\" :data=\"item\" v-for=\"(item, index) in data\" :state=\"index === data.length - 1 ? 'primary' : null\">\n                  <vs-td>{{ item.period }}</vs-td>\n                  <vs-td class=\"text-right\">{{ item.totalWOCreate }}</vs-td>\n                  <vs-td class=\"text-right\">{{ item.totalWOOpen }}</vs-td>\n                  <vs-td class=\"text-right\">{{ item.totalWOClosed }}</vs-td>\n                  <vs-td class=\"text-right\">{{ item.totalWOBacklog }}</vs-td>\n                  <vs-td class=\"text-right\">{{ item.backlogPercentage }}</vs-td>\n                </vs-tr>\n              </template>\n            </VsTable>\n\n            <VsTable stripe sst :data=\"popupWOBacklogList\" class=\"mt-8\">\n              <template #thead>\n                <th class=\"text-xs\" style=\"min-width: 130px\">Work Order No.</th>\n                <th class=\"text-xs\" style=\"min-width: 130px\">Location</th>\n                <th class=\"text-xs\" style=\"min-width: 70px\">Site</th>\n                <th class=\"text-xs\" style=\"min-width: 100px\">Status</th>\n                <th class=\"text-xs\" style=\"min-width: 90px\">Section</th>\n                <th class=\"text-xs\" style=\"min-width: 110px\">Scheduled Finish</th>\n                <th class=\"text-xs text-right\" style=\"min-width: 70px\">Aging(days)</th>\n              </template>\n              <template slot-scope=\"{ data }\">\n                <vs-tr :key=\"index\" :data=\"item\" v-for=\"(item, index) in data\">\n                  <vs-td>{{ item.workOrderNo }}</vs-td>\n                  <vs-td>{{ item.location }}</vs-td>\n                  <vs-td>{{ item.site }}</vs-td>\n                  <vs-td>{{ item.status }}</vs-td>\n                  <vs-td>{{ item.section }}</vs-td>\n                  <vs-td>{{ formatDate(item.scheduledFinish, 'DD-MMM-YYYY HH:mm') }}</vs-td>\n                  <vs-td class=\"text-right\">{{ item.aging }}</vs-td>\n                </vs-tr>\n              </template>\n            </VsTable>\n\n            <div class=\"flex justify-center mt-8\">\n              <VsButton class=\"w-1/4 mr-4\" type=\"border\" size=\"small\" @click.native=\"closeItem\">Close</VsButton>\n            </div>\n          </div>\n        </template>\n      </AppCard>\n    </Dialog>\n  </div>\n</template>\n\n<script>\nimport moment from 'moment';\nimport { mapGetters } from 'vuex';\n\nexport default {\n  data: () => ({\n    popup: {\n      value: false,\n      item: null\n    }\n  }),\n\n  computed: {\n    statusBgColors: () => ({\n      GOOD: 'bg-green-400',\n      BAD: 'bg-red-600'\n    }),\n    statusTextColors: () => ({\n      GOOD: 'text-green-400',\n      BAD: 'text-red-600'\n    }),\n    popupWOBacklogList() {\n      return this.popup.item.woBacklogList || [];\n    },\n    popupWOPeriods() {\n      if (!this.popup.item || !this.popup.item.woBacklogList) return [];\n      const { totalWOCreate, totalWOOpen, totalWOClosed, totalWOBacklog, backlogPercentage } = this.popup.item;\n      return [\n        {\n          period: '0-30 Days',\n          totalWOCreate: null,\n          totalWOOpen: null,\n          totalWOClosed: null,\n          totalWOBacklog: this.popup.item.woBacklogList.reduce((total, curr) => (curr.aging <= 30 ? ++total : total), 0),\n          backlogPercentage: null\n        },\n        {\n          period: '31-60 Days',\n          totalWOCreate: null,\n          totalWOOpen: null,\n          totalWOClosed: null,\n          totalWOBacklog: this.popup.item.woBacklogList.reduce((total, curr) => (curr.aging >= 31 && curr.aging <= 60 ? ++total : total), 0),\n          backlogPercentage: null\n        },\n        {\n          period: '61-90 Days',\n          totalWOCreate: null,\n          totalWOOpen: null,\n          totalWOClosed: null,\n          totalWOBacklog: this.popup.item.woBacklogList.reduce((total, curr) => (curr.aging >= 61 && curr.aging <= 90 ? ++total : total), 0),\n          backlogPercentage: null\n        },\n        {\n          period: '91-120 Days',\n          totalWOCreate: null,\n          totalWOOpen: null,\n          totalWOClosed: null,\n          totalWOBacklog: this.popup.item.woBacklogList.reduce((total, curr) => (curr.aging >= 91 && curr.aging <= 120 ? ++total : total), 0),\n          backlogPercentage: null\n        },\n        {\n          period: '>120 Days',\n          totalWOCreate: null,\n          totalWOOpen: null,\n          totalWOClosed: null,\n          totalWOBacklog: this.popup.item.woBacklogList.reduce((total, curr) => (curr.aging > 120 ? ++total : total), 0),\n          backlogPercentage: null\n        },\n        {\n          period: 'TOTAL',\n          totalWOCreate,\n          totalWOOpen,\n          totalWOClosed,\n          totalWOBacklog,\n          backlogPercentage: Math.round(backlogPercentage)\n        }\n      ];\n    },\n    ...mapGetters({\n      woBacklogSummary: 'ImmDashboard/woBacklogSummary'\n    })\n  },\n\n  methods: {\n    openItem(item) {\n      this.popup.item = item;\n      this.popup.value = true;\n    },\n    closeItem() {\n      this.popup.value = false;\n      this.popup.item = null;\n    },\n    getName: section => section?.sectionDetail?.name,\n    getDifferenceIcon(difference) {\n      if (difference > 0) {\n        return 'trending_up';\n      } else if (difference < 0) {\n        return 'trending_down';\n      }\n      return 'trending_flat';\n    },\n    getPlusSign: value => (value > 0 ? `+${value}` : value),\n    getDifferenceColor: difference => (difference >= 0 ? 'text-red-400' : 'text-green-600'),\n    round: value => Math.round(value * 10) / 10,\n    formatDate: (date, format) =>\n      date\n        ? moment(date)\n            .locale('en')\n            .format(format)\n        : null\n  }\n};\n</script>\n\n<style scoped>\n::v-deep .vs-table--content {\n  max-height: 300px;\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!./WOBacklogSummary.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!./WOBacklogSummary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WOBacklogSummary.vue?vue&type=template&id=8c400e12&scoped=true&\"\nimport script from \"./WOBacklogSummary.vue?vue&type=script&lang=js&\"\nexport * from \"./WOBacklogSummary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WOBacklogSummary.vue?vue&type=style&index=0&id=8c400e12&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"8c400e12\",\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:\"bg-white rounded-md text-sm p-4\"},[_c('div',{staticClass:\"flex items-center justify-between\"},[_c('div',{staticClass:\"font-bold text-base\"},[_vm._v(\"Breakdown\")]),_c('VsDropdown',{staticClass:\"font-semibold text-purple-700\",attrs:{\"vs-trigger-click\":\"\"}},[_c('a',{staticClass:\"a-icon flex items-center\",attrs:{\"href\":\"#\"}},[_vm._v(\" \"+_vm._s(_vm.weeks.find(function (w) { return w.value === _vm.value; }).name)+\" \"),_c('VsIcon',{attrs:{\"icon\":\"expand_more\"}})],1),_c('VsDropdownMenu',{staticClass:\"w-24\"},_vm._l((_vm.weeks),function(week,w){return _c('VsDropdownItem',{key:w,staticClass:\"flex\",on:{\"click\":function($event){return _vm.$emit('input', week.value)}}},[_vm._v(_vm._s(week.name))])}),1)],1)],1),_c('hr',{staticClass:\"border-1 border-gray-400 border-dashed my-4\"}),(_vm.availableSystems.length)?_c('div',{staticClass:\"flex justify-between font-bold bg-purple-100 text-purple-700 rounded-md p-2 cursor-pointer overflow-x-auto\"},_vm._l((_vm.availableSystems),function(availableSystem,s){return _c('div',{key:s,staticClass:\"rounded text-sm px-4 py-3\",class:{ 'bg-purple-700 text-white': _vm.system === availableSystem.name },on:{\"click\":function($event){return _vm.setSystem(availableSystem.name)}}},[_vm._v(\" \"+_vm._s(availableSystem.name)+\" \")])}),0):_vm._e(),_c('VsTable',{staticClass:\"mt-8\",attrs:{\"stripe\":\"\",\"data\":_vm.items},scopedSlots:_vm._u([{key:\"thead\",fn:function(){return [_c('vs-th',{directives:[{name:\"min-width\",rawName:\"v-min-width\",value:(120),expression:\"120\"}]},[_vm._v(\"Description\")]),_c('vs-th',{directives:[{name:\"min-width\",rawName:\"v-min-width\",value:(120),expression:\"120\"}]},[_vm._v(\"Frequency\")]),_c('vs-th',{directives:[{name:\"min-width\",rawName:\"v-min-width\",value:(120),expression:\"120\"}]},[_vm._v(\"Duration\")]),_c('vs-th',{directives:[{name:\"min-width\",rawName:\"v-min-width\",value:(120),expression:\"120\"}]},[_vm._v(\"Date\")])]},proxy:true},{key:\"default\",fn:function(ref){\nvar data = ref.data;\nreturn _vm._l((data),function(item,index){return _c('vs-tr',{key:index,attrs:{\"data\":item}},[_c('vs-td',[_vm._v(_vm._s(item.description))]),_c('vs-td',[_vm._v(_vm._s(item.frequency))]),_c('vs-td',[_vm._v(_vm._s(item.duration))]),_c('vs-td',[_vm._v(_vm._s(item.accDate))])],1)})}}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"bg-white rounded-md text-sm p-4\">\n    <div class=\"flex items-center justify-between\">\n      <div class=\"font-bold text-base\">Breakdown</div>\n      <VsDropdown class=\"font-semibold text-purple-700\" vs-trigger-click>\n        <a class=\"a-icon flex items-center\" href=\"#\">\n          {{ weeks.find(w => w.value === value).name }}\n          <VsIcon class=\"\" icon=\"expand_more\" />\n        </a>\n\n        <VsDropdownMenu class=\"w-24\">\n          <VsDropdownItem class=\"flex\" v-for=\"(week, w) in weeks\" :key=\"w\" @click=\"$emit('input', week.value)\">{{ week.name }}</VsDropdownItem>\n        </VsDropdownMenu>\n      </VsDropdown>\n    </div>\n\n    <hr class=\"border-1 border-gray-400 border-dashed my-4\" />\n\n    <div\n      class=\"flex justify-between font-bold bg-purple-100 text-purple-700 rounded-md p-2 cursor-pointer overflow-x-auto\"\n      v-if=\"availableSystems.length\"\n    >\n      <div\n        v-for=\"(availableSystem, s) of availableSystems\"\n        :key=\"s\"\n        class=\"rounded text-sm px-4 py-3\"\n        :class=\"{ 'bg-purple-700 text-white': system === availableSystem.name }\"\n        @click=\"setSystem(availableSystem.name)\"\n      >\n        {{ availableSystem.name }}\n      </div>\n    </div>\n\n    <VsTable stripe :data=\"items\" class=\"mt-8\">\n      <template #thead>\n        <vs-th v-min-width=\"120\">Description</vs-th>\n        <vs-th v-min-width=\"120\">Frequency</vs-th>\n        <vs-th v-min-width=\"120\">Duration</vs-th>\n        <vs-th v-min-width=\"120\">Date</vs-th>\n      </template>\n\n      <template slot-scope=\"{ data }\">\n        <vs-tr :key=\"index\" :data=\"item\" v-for=\"(item, index) in data\">\n          <vs-td>{{ item.description }}</vs-td>\n          <vs-td>{{ item.frequency }}</vs-td>\n          <vs-td>{{ item.duration }}</vs-td>\n          <vs-td>{{ item.accDate }}</vs-td>\n        </vs-tr>\n      </template>\n    </VsTable>\n  </div>\n</template>\n\n<script>\nimport moment from 'moment';\nimport { mapGetters } from 'vuex';\n\nexport default {\n  props: {\n    value: {\n      type: Number,\n      default: null\n    }\n  },\n\n  data: () => ({\n    system: null\n  }),\n\n  computed: {\n    weeks: () => [\n      { name: 'All Week', value: null },\n      { name: 'Week 1', value: 1 },\n      { name: 'Week 2', value: 2 },\n      { name: 'Week 3', value: 3 },\n      { name: 'Week 4', value: 4 },\n      { name: 'Week 5', value: 5 }\n    ],\n    items() {\n      if (!this.system && !this.breakdown.length) return [];\n      const system = this.breakdown.find(b => b.system === this.system);\n      return system\n        ? system.children.reduce((prev, curr) => {\n            // Merge all breakdown with same description\n            let found = prev.find(s => s.description === curr.description);\n            if (!found) {\n              prev.push({\n                ...curr,\n                accDate: this.formatDate(curr.date, 'DD')\n              });\n            } else {\n              found.duration += curr.duration;\n              found.frequency += curr.frequency;\n              found.accDate += `, ${this.formatDate(curr.date, 'DD')}`;\n            }\n\n            return prev;\n          }, [])\n        : [];\n    },\n    ...mapGetters({\n      availableSystems: 'ImmDashboard/availableSystems',\n      breakdown: 'ImmDashboard/breakdown'\n    })\n  },\n\n  methods: {\n    setSystem(system) {\n      this.system = system;\n    },\n    formatDate: (date, format) => moment(date).format(format)\n  }\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!./Breakdown.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!./Breakdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Breakdown.vue?vue&type=template&id=10e6dce8&\"\nimport script from \"./Breakdown.vue?vue&type=script&lang=js&\"\nexport * from \"./Breakdown.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","<template>\n  <div class=\"py-8\">\n    <div class=\"md:flex gap-4\">\n      <div class=\"flex font-bold bg-white text-purple-700 rounded-md p-2 cursor-pointer mb-4 overflow-x-auto\" v-if=\"locations.length\">\n        <div\n          v-for=\"(location, l) of locations\"\n          :key=\"l\"\n          class=\"rounded text-sm px-4 py-3 whitespace-no-wrap\"\n          :class=\"{ 'bg-purple-700 text-white': filter.locationCode === location.code }\"\n          @click=\"setLocation(location)\"\n        >\n          {{ location.name }}\n        </div>\n      </div>\n\n      <div class=\"flex items-center bg-white rounded-md mb-4 px-4 py-2\">\n        <span class=\"flex items-center font-bold text-purple-700 mr-4\"><VsIcon icon=\"filter_alt\" /> Filter</span>\n        <DatePicker class=\"inline-block\" type=\"month\" v-model=\"filter.monthYear\" format=\"MM-YYYY\" :clearable=\"false\" />\n      </div>\n    </div>\n\n    <UnitAvailability class=\"mt-4\" />\n\n    <div class=\"grid grid-cols-1 lg:grid-cols-12 -mx-2\">\n      <div class=\"col-span-5 mx-2 mb-4\">\n        <WOBacklogSummary />\n      </div>\n      <div class=\"col-span-7 mx-2 mb-4\">\n        <Breakdown v-model=\"breakdownWeek\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { debounce } from 'lodash';\nimport moment from 'moment';\nimport { mapGetters } from 'vuex';\nimport DatePicker from 'vue2-datepicker';\nimport UnitAvailability from './UnitAvailability';\nimport WOBacklogSummary from './WOBacklogSummary';\nimport Breakdown from './Breakdown';\n\nexport default {\n  components: {\n    DatePicker,\n    UnitAvailability,\n    WOBacklogSummary,\n    Breakdown\n  },\n\n  data: () => ({\n    filter: {\n      locationCode: null,\n      monthYear: new Date()\n    },\n    breakdownWeek: null\n  }),\n\n  computed: {\n    allFilter() {\n      const { companyCode } = this;\n      return {\n        ...this.filter,\n        companyCode\n      };\n    },\n    ...mapGetters({\n      locations: 'Location/items',\n      siteId: 'Filter/siteId',\n      companyCode: 'Filter/companyCode'\n    })\n  },\n\n  watch: {\n    allFilter: {\n      deep: true,\n      handler: 'fetch'\n    },\n    siteId: 'fetchLocations',\n    companyCode: {\n      immediate: true,\n      handler: 'fetchLocations'\n    },\n    locations(val) {\n      this.setLocation(val.length ? val[0] : null);\n    },\n    breakdownWeek() {\n      this.fetchBreakdown();\n    }\n  },\n\n  methods: {\n    fetch() {\n      this.fetchUnitAvailability();\n      this.fetchWoBacklogSummary();\n      this.fetchBreakdown();\n      this.fetchAvailableSystems();\n    },\n    fetchUnitAvailability: debounce(async function() {\n      const { companyCode, filter } = this;\n      if (!companyCode) return;\n\n      const { locationCode, monthYear } = filter;\n      this.$vs.loading();\n      await this.$store.dispatch('ImmDashboard/fetchUnitAvailability', {\n        companyCode,\n        locationCode,\n        monthYear: moment(monthYear).format('MM-YYYY')\n      });\n      this.$vs.loading.close();\n    }, 500),\n    fetchWoBacklogSummary: debounce(async function() {\n      const { companyCode, filter } = this;\n      if (!companyCode) return;\n\n      const { locationCode, monthYear } = filter;\n      this.$vs.loading();\n      await this.$store.dispatch('ImmDashboard/fetchWoBacklogSummary', {\n        companyCode,\n        locationCode,\n        monthYear: moment(monthYear).format('MM-YYYY')\n      });\n      this.$vs.loading.close();\n    }, 500),\n    fetchBreakdown: debounce(async function() {\n      const { companyCode, filter, breakdownWeek } = this;\n      if (!companyCode) return;\n\n      const { locationCode, monthYear } = filter;\n      this.$vs.loading();\n      await this.$store.dispatch('ImmDashboard/fetchBreakdown', {\n        locationCode,\n        monthYear: moment(monthYear).format('MM-YYYY'),\n        weekNumber: breakdownWeek\n      });\n      this.$vs.loading.close();\n    }, 500),\n    fetchLocations: debounce(function() {\n      const { siteId, companyCode } = this;\n      this.$store.dispatch('Location/fetch', { siteId, companyCode, isActive: true });\n    }, 500),\n    fetchAvailableSystems: debounce(function() {\n      const { companyCode, filter } = this;\n      if (!companyCode) return;\n\n      const { locationCode } = filter;\n      this.$store.dispatch('ImmDashboard/fetchAvailableSystems', { companyCode, locationCode });\n    }, 500),\n\n    setLocation(location) {\n      this.filter.locationCode = location.code;\n    }\n  }\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!./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=70c0a49d&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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"],"sourceRoot":""}