{"version":3,"sources":["webpack:///./src/components/StatusBadge/index.vue?367e","webpack:///src/components/StatusBadge/index.vue","webpack:///./src/components/StatusBadge/index.vue?9abd","webpack:///./src/components/StatusBadge/index.vue","webpack:///./src/components/StatusBadge/index.vue?2a85","webpack:///./src/pages/pr-due-date/index.vue?d2b2","webpack:///src/pages/pr-due-date/index.vue","webpack:///./src/pages/pr-due-date/index.vue?4cac","webpack:///./src/pages/pr-due-date/index.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","getBackgroundColor","_v","_s","status","transformStatus","staticRenderFns","props","type","String","default","methods","toLowerCase","startCase","camelCase","component","directives","name","rawName","value","isUserCanAccess","$route","expression","scopedSlots","_u","key","fn","isAdmin","staticStyle","attrs","model","filter","callback","$$v","$set","_l","item","index","text","_e","companies","length","code","proxy","itemsLocal","on","fetchPrData","ref","data","PR_STATUS","PR_NO","PR_LINE","PR_DESC","PR_UOM","PR_QTY","PO_NO","PO_LINE","PO_PROMISED_DATE","moment","format","PR_NEED_BY_DATE","components","DatePicker","TableHeader","TableFooter","StatusBadge","mounted","computed","allFilter","siteId","mapGetters","items","user","watch","handler","newItems","deep","$store","commit","val","oldVal","company","departments","prDate","add","promiseDate","department","$vs","loading","dispatch","finally","close","_this$user","Array","isArray","groups","some","g"],"mappings":"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","file":"js/pr-due-date.7972e871.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"p-2 w-24 rounded-full text-white text-center\",class:_vm.getBackgroundColor()},[_vm._v(\" \"+_vm._s(_vm.status ? _vm.transformStatus(_vm.status) : 'Unknown')+\" \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"p-2 w-24 rounded-full text-white text-center\" :class=\"getBackgroundColor()\">\n      {{ status ? transformStatus(status) : 'Unknown' }}\n    </div>\n  </div>\n</template>\n\n<script>\nimport { camelCase, startCase } from 'lodash';\n\nexport default {\n  props: {\n    status: {\n      type: String,\n      default: null\n    }\n  },\n  methods: {\n    getBackgroundColor() {\n      if (this.status) {\n        switch (this.status.toLowerCase()) {\n          case 'urgent':\n            return 'pill-bg-urgent';\n          case 'attention':\n            return 'pill-bg-attention';\n          case 'in_progress':\n            return 'pill-bg-in-progress';\n          case 'approved':\n            return 'pill-bg-approved';\n          default:\n            return 'pill-bg-default';\n        }\n      }\n      return 'pill-bg-default';\n    },\n    transformStatus(status) {\n      return startCase(camelCase(status));\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\" scoped>\n.pill-bg-urgent\n  background-color: #DF2626\n\n.pill-bg-attention\n  background-color: #ECAC30\n\n.pill-bg-in-progress\n  background-color: #D47200\n\n.pill-bg-approved\n  background-color: #6DD400\n\n.pill-bg-default\n  background-color: #000000\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!./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=9bfffc4c&scoped=true&\"\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=9bfffc4c&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"9bfffc4c\",\n  null\n  \n)\n\nexport default component.exports","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!./index.vue?vue&type=style&index=0&id=9bfffc4c&lang=sass&scoped=true&\"","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\"},[(_vm.isAdmin())?_c('div',{staticStyle:{\"flex\":\"1\"}},[_c('div',{staticClass:\"font-semibold mb-4\"},[_vm._v(\"Department\")]),_c('VsSelect',{attrs:{\"icon\":\"arrow_drop_down\"},model:{value:(_vm.filter.department),callback:function ($$v) {_vm.$set(_vm.filter, \"department\", $$v)},expression:\"filter.department\"}},_vm._l((_vm.departments),function(item,index){return _c('VsSelectItem',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1):_vm._e(),_c('div',{staticStyle:{\"flex\":\"1\"}},[_c('div',{staticClass:\"font-semibold mb-4\"},[_vm._v(\"Company\")]),_c('VsSelect',{attrs:{\"icon\":\"arrow_drop_down\"},model:{value:(_vm.filter.company),callback:function ($$v) {_vm.$set(_vm.filter, \"company\", $$v)},expression:\"filter.company\"}},[(_vm.companies.length > 1)?_c('VsSelectItem',{attrs:{\"value\":null,\"text\":\"All\"}}):_vm._e(),_vm._l((_vm.companies),function(item,index){return _c('VsSelectItem',{key:index,attrs:{\"value\":item.code,\"text\":item.code}})})],2)],1),_c('div',{staticClass:\"mr-2\",staticStyle:{\"flex\":\"1\"}},[_c('div',{staticClass:\"font-semibold mb-2\"},[_vm._v(\"PR Date\")]),_c('DatePicker',{attrs:{\"range\":\"\",\"type\":\"month\",\"valueType\":\"format\",\"placeholder\":\"YYYY-MM\",\"format\":\"YYYY-MM\"},model:{value:(_vm.filter.prDate),callback:function ($$v) {_vm.$set(_vm.filter, \"prDate\", $$v)},expression:\"filter.prDate\"}})],1),_c('div',{staticStyle:{\"flex\":\"1\"}},[_c('div',{staticClass:\"font-semibold mb-2\"},[_vm._v(\"Promise Date\")]),_c('DatePicker',{attrs:{\"range\":\"\",\"type\":\"month\",\"valueType\":\"format\",\"placeholder\":\"YYYY-MM\",\"format\":\"YYYY-MM\"},model:{value:(_vm.filter.promiseDate),callback:function ($$v) {_vm.$set(_vm.filter, \"promiseDate\", $$v)},expression:\"filter.promiseDate\"}})],1)])])]},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',{attrs:{\"stripe\":\"\",\"sst\":\"\",\"data\":_vm.itemsLocal},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('TableHeader',{attrs:{\"hide-search\":\"\"},on:{\"fetch\":_vm.fetchPrData}})]},proxy:true},{key:\"thead\",fn:function(){return [_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Status\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"No PR\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"PR Line\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"PR Description\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"PR UOM\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"PR Qty\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"PO Number\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"PO Line\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"Promised Date\")]),_c('vs-th',{attrs:{\"width\":\"100\"}},[_vm._v(\"PR Need 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},[_c('vs-td',{attrs:{\"data\":item.PR_STATUS}},[_c('div',{staticClass:\"flex flex-col justify-center\"},[_c('StatusBadge',{staticClass:\"self-center\",attrs:{\"status\":item.PR_STATUS}})],1)]),_c('vs-td',{attrs:{\"data\":item.PR_NO}},[_vm._v(_vm._s(item.PR_NO))]),_c('vs-td',{attrs:{\"data\":item.PR_LINE}},[_vm._v(_vm._s(item.PR_LINE))]),_c('vs-td',{attrs:{\"data\":item.PR_DESC}},[_vm._v(_vm._s(item.PR_DESC))]),_c('vs-td',{attrs:{\"data\":item.PR_UOM}},[_vm._v(_vm._s(item.PR_UOM))]),_c('vs-td',{attrs:{\"data\":item.PR_QTY}},[_vm._v(_vm._s(item.PR_QTY))]),_c('vs-td',{attrs:{\"data\":item.PO_NO}},[_vm._v(_vm._s(item.PO_NO))]),_c('vs-td',{attrs:{\"data\":item.PO_LINE}},[_vm._v(_vm._s(item.PO_LINE))]),_c('vs-td',{attrs:{\"data\":item.PO_PROMISED_DATE}},[_vm._v(_vm._s(item.PO_PROMISED_DATE ? _vm.moment(item.PO_PROMISED_DATE).format('YYYY-MM-DD HH:mm') : 'Unknown'))]),_c('vs-td',{attrs:{\"data\":item.PR_NEED_BY_DATE}},[_vm._v(_vm._s(item.PR_NEED_BY_DATE ? _vm.moment(item.PR_NEED_BY_DATE).format('YYYY-MM-DD HH:mm') : 'Unknown'))])],1)})}}])}),_c('TableFooter',{on:{\"fetch\":_vm.fetchPrData}})],1)]},proxy:true}])})],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\" v-if=\"isAdmin()\">\n              <div class=\"font-semibold mb-4\">Department</div>\n              <VsSelect v-model=\"filter.department\" icon=\"arrow_drop_down\">\n                <VsSelectItem v-for=\"(item, index) of departments\" :key=\"index\" :value=\"item.value\" :text=\"item.text\" />\n              </VsSelect>\n            </div>\n            <div style=\"flex:1\">\n              <div class=\"font-semibold mb-4\">Company</div>\n              <VsSelect v-model=\"filter.company\" icon=\"arrow_drop_down\">\n                <VsSelectItem :value=\"null\" text=\"All\" v-if=\"companies.length > 1\" />\n                <VsSelectItem v-for=\"(item, index) of companies\" :key=\"index\" :value=\"item.code\" :text=\"item.code\" />\n              </VsSelect>\n            </div>\n            <div style=\"flex:1\" class=\"mr-2\">\n              <div class=\"font-semibold mb-2\">PR Date</div>\n              <DatePicker range type=\"month\" valueType=\"format\" v-model=\"filter.prDate\" placeholder=\"YYYY-MM\" format=\"YYYY-MM\" />\n            </div>\n            <div style=\"flex:1\">\n              <div class=\"font-semibold mb-2\">Promise Date</div>\n              <DatePicker range type=\"month\" valueType=\"format\" v-model=\"filter.promiseDate\" placeholder=\"YYYY-MM\" format=\"YYYY-MM\" />\n            </div>\n          </div>\n        </div>\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\">\n            <template #header>\n              <TableHeader hide-search @fetch=\"fetchPrData\" />\n            </template>\n            <template #thead>\n              <vs-th width=\"100\">Status</vs-th>\n              <vs-th width=\"100\">No PR</vs-th>\n              <vs-th width=\"100\">PR Line</vs-th>\n              <vs-th width=\"100\">PR Description</vs-th>\n              <vs-th width=\"100\">PR UOM</vs-th>\n              <vs-th width=\"100\">PR Qty</vs-th>\n              <vs-th width=\"100\">PO Number</vs-th>\n              <vs-th width=\"100\">PO Line</vs-th>\n              <vs-th width=\"100\">Promised Date</vs-th>\n              <vs-th width=\"100\">PR Need Date</vs-th>\n            </template>\n            <template slot-scope=\"{ data }\">\n              <vs-tr v-for=\"(item, index) of data\" :key=\"index\">\n                <vs-td :data=\"item.PR_STATUS\">\n                  <div class=\"flex flex-col justify-center\">\n                    <StatusBadge :status=\"item.PR_STATUS\" class=\"self-center\" />\n                  </div>\n                </vs-td>\n                <vs-td :data=\"item.PR_NO\">{{ item.PR_NO }}</vs-td>\n                <vs-td :data=\"item.PR_LINE\">{{ item.PR_LINE }}</vs-td>\n                <vs-td :data=\"item.PR_DESC\">{{ item.PR_DESC }}</vs-td>\n                <vs-td :data=\"item.PR_UOM\">{{ item.PR_UOM }}</vs-td>\n                <vs-td :data=\"item.PR_QTY\">{{ item.PR_QTY }}</vs-td>\n                <vs-td :data=\"item.PO_NO\">{{ item.PO_NO }}</vs-td>\n                <vs-td :data=\"item.PO_LINE\">{{ item.PO_LINE }}</vs-td>\n                <vs-td :data=\"item.PO_PROMISED_DATE\">{{\n                  item.PO_PROMISED_DATE ? moment(item.PO_PROMISED_DATE).format('YYYY-MM-DD HH:mm') : 'Unknown'\n                }}</vs-td>\n                <vs-td :data=\"item.PR_NEED_BY_DATE\">{{\n                  item.PR_NEED_BY_DATE ? moment(item.PR_NEED_BY_DATE).format('YYYY-MM-DD HH:mm') : 'Unknown'\n                }}</vs-td>\n              </vs-tr>\n            </template>\n          </VsTable>\n          <TableFooter @fetch=\"fetchPrData\" />\n        </div>\n      </template>\n    </AppCard>\n  </div>\n</template>\n\n<script>\nimport DatePicker from 'vue2-datepicker';\nimport moment from 'moment';\nimport { mapGetters } from 'vuex';\nimport TableHeader from '@/components/Table/TableHeader';\nimport TableFooter from '@/components/Table/TableFooter';\nimport StatusBadge from '@/components/StatusBadge';\n\nexport default {\n  components: {\n    DatePicker,\n    TableHeader,\n    TableFooter,\n    StatusBadge\n  },\n  mounted() {\n    this.fetchPrData();\n  },\n  computed: {\n    allFilter() {\n      return {\n        ...this.filter,\n        siteId: this.siteId\n      };\n    },\n    ...mapGetters({\n      items: 'PRDueDate/items',\n      user: 'Auth/user',\n      companies: 'Filter/companies',\n      siteId: 'Filter/siteId'\n    })\n  },\n  watch: {\n    items: {\n      handler(newItems) {\n        this.itemsLocal = newItems;\n      }\n    },\n    allFilter: {\n      deep: true,\n      handler() {\n        this.$store.commit('Table/RESET_PAGEABLE');\n        this.fetchPrData();\n      }\n    },\n    siteId(val, oldVal) {\n      if (val !== oldVal) {\n        this.filter.company = null;\n      }\n    },\n    companies(val) {\n      if (val.length && val.length === 1) {\n        this.filter.company = val[0].code;\n      }\n    }\n  },\n  data() {\n    return {\n      departments: [\n        { value: 'elect', text: 'Electrician' },\n        { value: 'mech', text: 'Mechanical' }\n      ],\n      filter: {\n        prDate: [\n          moment().format('YYYY-MM'),\n          moment()\n            .add(1, 'month')\n            .format('YYYY-MM')\n        ],\n        promiseDate: [],\n        department: 'mech',\n        company: null\n      },\n      itemsLocal: []\n    };\n  },\n  methods: {\n    moment,\n    fetchPrData() {\n      this.$vs.loading();\n      this.$store\n        .dispatch('PRDueDate/fetchPrItems', {\n          prDate: this.filter.prDate,\n          promiseDate: this.filter.promiseDate,\n          department: this.filter.department,\n          company: this.filter.company,\n          siteId: this.siteId\n        })\n        .finally(() => {\n          this.$vs.loading.close();\n        });\n    },\n    isAdmin() {\n      if (Array.isArray(this.user?.groups)) {\n        const groups = this.user.groups;\n        if (groups.some(g => g.code === 'ADMINISTRATOR')) {\n          return true;\n        }\n        return false;\n      }\n      return false;\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\" 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!./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=4b599d0c&scoped=true&\"\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  \"4b599d0c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}