{"version":3,"sources":["webpack:///./src/views/VendorHome.vue?39b6","webpack:///./src/views/VendorHome.vue","webpack:///src/views/VendorHome.vue","webpack:///./src/views/VendorHome.vue?4e25","webpack:///./src/views/VendorHome.vue?2d02"],"names":["render","_vm","this","_c","_self","_m","staticClass","attrs","tabs","on","navigate","staticRenderFns","_v","EmployeeInfo","SetupInfo","BankingInfo","Services","Relationship","Attestation","Review","mounted","_this","id","isDraft","$store","dispatch","parseInt","catch","err","response","status","$router","push","name","params","message","Error","alert","$emit","value","$on","tabIndex","UpdateSteps","InProgressStep","methods","index","i","length","$set","completedStep","state","path","concat","route","enableNext","window","console","log","currentRouteIndex","$route","meta","props","type","Number","required","Boolean","created","commit","data","icon","description","component","watch","computed","IsEdit","isNaN"],"mappings":"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","file":"js/chunk-2847d52e.3329153a.js","sourcesContent":["export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VendorHome.vue?vue&type=style&index=0&id=6ac4f651&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[_vm._m(0),_c('div',{staticClass:\"row stepper-outer\"},[_c('div',{staticClass:\"col-lg-11 mx-auto chevron-steps-container\"},[_c('chevron-steps',{attrs:{\"steps\":_vm.tabs},on:{\"click\":_vm.navigate}})],1)]),_c('div',{staticClass:\"pt-30 row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('keep-alive',[_c('router-view')],1)],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row page-title\"},[_c('label',[_vm._v(\"NEW VENDOR REQUEST PRODUCTION/EXPENSE\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- <chevron-holder :page-title=\"pageTitle\" :tabs=\"tabs\"></chevron-holder> -->\r\n  <div class=\"\">\r\n    <div class=\"row page-title\">\r\n      <label>NEW VENDOR REQUEST PRODUCTION/EXPENSE</label>\r\n\r\n    </div>\r\n    <div class=\"row stepper-outer\">\r\n      <div class=\"col-lg-11 mx-auto chevron-steps-container\">\r\n        <chevron-steps :steps=\"tabs\" @click=\"navigate\"></chevron-steps>\r\n      </div>\r\n    </div>\r\n    <div class=\"pt-30 row\">\r\n      <div class=\"col-lg-12\">\r\n        <keep-alive>\r\n          <router-view></router-view>\r\n        </keep-alive>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst EmployeeInfo = () => import(\"../components/Vendor/ProdEXP/EmployeeInfo\");\r\nconst SetupInfo = () => import(\"../components/Vendor/ProdEXP/SetupInfo\");\r\nconst BankingInfo = () => import(\"../components/Vendor/ProdEXP/BankingInfo\");\r\nconst Services = () => import(\"../components/Vendor/ProdEXP/Services\");\r\nconst Relationship = () => import(\"../components/Vendor/ProdEXP/Relationship\");\r\nconst Attestation = () => import(\"../components/Vendor/ProdEXP/Attestation\");\r\nconst Review = () => import(\"../components/Vendor/ProdEXP/Review\");\r\n// const ChevronHolder = () => import(\"../components/Common/ChevronHolder\");\r\nexport default {\r\n  mounted() {\r\n      let id = this.id;\r\n      if (id) {\r\n        if (this.isDraft == true) {\r\n          this.$store.dispatch(\"prodexpvendor/getDraftData\", parseInt(id));\r\n        } else {\r\n          this.$store.dispatch(\"prodexpvendor/GetFormData\", parseInt(id))\r\n            .catch((err) => {\r\n              if (err.response && err.response.status == 403) {\r\n                this.$router.push({\r\n                  name: \"error\",\r\n                  params: {\r\n                    message: \"UnAuthorized\"\r\n                  },\r\n                });\r\n              }\r\n              else {\r\n                this.Error = true;\r\n                alert(err);\r\n              }\r\n            });\r\n        }\r\n      }\r\n    this.$emit(\"can-continue\", {\r\n      value: true\r\n    });\r\n    this.$on(\"stepChanged\", (tabIndex) => {\r\n      this.UpdateSteps(tabIndex);\r\n    });\r\n    this.$on(\"stepInitiated\", (tabIndex) => {\r\n      this.InProgressStep(tabIndex);\r\n    });\r\n    //if (window.performance.navigation.type === 1) {\r\n    //  this.$router.push({ name: 'Production Expense Vendor Employee Info' });\r\n    //}\r\n  },\r\n  methods: {\r\n    UpdateSteps: function (index) {\r\n      for (var i = 0; i < this.tabs.length; i++) {\r\n        if (i <= index || index == this.tabs.length - 1) {\r\n          this.$set(this.tabs[i], \"state\", \"complete\");\r\n          this.completedStep = i;\r\n        }\r\n      }\r\n    },\r\n    InProgressStep: function (index) {\r\n      for (var i = 0; i < this.tabs.length; i++) {\r\n        if (i == index) {\r\n          this.$set(this.tabs[i], \"state\", \"in progress\");\r\n        } else if (i <= this.completedStep) {\r\n          this.$set(this.tabs[i], \"state\", \"complete\");\r\n        } else if (this.tabs[i].state != \"complete\") {\r\n          this.$set(this.tabs[i], \"state\", \"\");\r\n        }\r\n      }\r\n      if (this.completedStep < 0 && index > 0) {\r\n        if (this.id) {\r\n          this.$router.push({\r\n            path: `${this.tabs[0].route}/${parseInt(this.id)}`,\r\n          });\r\n        } else {\r\n          this.$router.push({\r\n            path: this.tabs[0].route,\r\n          });\r\n        }\r\n      }\r\n    },\r\n    enableNext: function () {\r\n      this.$emit(\"can-continue\", {\r\n        value: true\r\n      });\r\n    },\r\n    navigate(index) {\r\n      window.console.log(\"navigate\");\r\n      let currentRouteIndex = this.$route.meta.tabIndex;\r\n      if (index > this.completedStep + 1 && index > currentRouteIndex) {\r\n        //this.$store.dispatch(\"progress/setErrorMessage\",\"Please complete previous steps to proceed!\");\r\n        // this.$root.toastDanger(\"check color\");\r\n      } else {\r\n        if (this.id) {\r\n          this.$router.push(`${this.tabs[index].route}/${this.id}`);\r\n        } else {\r\n          this.$router.push(this.tabs[index].route);\r\n        }\r\n      }\r\n    },\r\n  },\r\n  props: {\r\n    id: {\r\n      type: Number,\r\n      required: false,\r\n    },\r\n    isDraft: {\r\n      type: Boolean,\r\n      required: false,\r\n    },\r\n  },\r\n  created() {\r\n    // localStorage.setItem('clienticId',null);\r\n    this.$store.commit(\"prodexpvendor/reset\");\r\n    // if (this.id && this.isDraft != true) {\r\n    //   this.completedStep = 4;\r\n    // }\r\n  },\r\n  // activated() {\r\n  //     if (!this.CanCreateRequest) {\r\n  //         this.$router.push({\r\n  //             name: \"error\",\r\n  //             params: {\r\n  //                 message: \"UnAuthorized\"\r\n  //             },\r\n  //         });\r\n  //     }\r\n  // },\r\n  data() {\r\n    return {\r\n      completedStep: -1,\r\n      tabs: [\r\n        {\r\n          icon: \"1\",\r\n          name: \"1\",\r\n          description: \"Employee/Request Type Info\",\r\n          component: EmployeeInfo,\r\n          route: \"/Request/Vendor/EmployeeInfo\",\r\n          state: \"in progress\",\r\n        },\r\n        {\r\n          icon: \"2\",\r\n          name: \"2\",\r\n          description: \"External Vendor Form\",\r\n          route: \"/Request/Vendor/Attestation\",\r\n          component: Attestation,\r\n          state: this.id && this.isDraft != true ? \"complete\" : \"\",\r\n        },\r\n        {\r\n          icon: \"3\",\r\n          name: \"3\",\r\n          description: \"SETUP INFO\",\r\n          route: \"/Request/Vendor/SetupInfo\",\r\n          component: SetupInfo,\r\n          state: this.id && this.isDraft != true ? \"complete\" : \"\",\r\n        },\r\n        {\r\n          icon: \"4\",\r\n          name: \"4\",\r\n          description: \"BANKING INFO\",\r\n          route: \"/Request/Vendor/BankingInfo\",\r\n          component: BankingInfo,\r\n          state: this.id && this.isDraft != true ? \"complete\" : \"\",\r\n        },\r\n        {\r\n          icon: \"5\",\r\n          name: \"5\",\r\n          description: \"SERVICES & ANTICIPATED SPENT\",\r\n          route: \"/Request/Vendor/Services\",\r\n          component: Services,\r\n          state: this.id && this.isDraft != true ? \"complete\" : \"\",\r\n        },\r\n        {\r\n          icon: \"6\",\r\n          name: \"6\",\r\n          description: \"EMPLOYEE RELATIONSHIP\",\r\n          route: \"/Request/Vendor/Relationship\",\r\n          component: Relationship,\r\n          state: \"\",\r\n        },\r\n        {\r\n          icon: \"7\",\r\n          name: \"7\",\r\n          description: \"Review\",\r\n          route: \"/Request/Vendor/Review\",\r\n          component: Review,\r\n          state: \"\",\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  watch: {},\r\n  computed: {\r\n    IsEdit() {\r\n      return this.id && !isNaN(this.id) && parseInt(this.id) > 0 ? true : false;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.stepper-box,\r\n.stepper-box .top .steps-wrapper .step .circle {\r\n  background-color: transparent !important;\r\n}\r\n\r\n.content-holder {\r\n  background-color: #ffffff !important;\r\n}\r\n\r\n.row.page-title {\r\n  height: 55px;\r\n  background-color: #eef3f5 !important;\r\n}\r\n\r\n.row.page-title>label {\r\n  padding: 14px 0px 14px 55px !important;\r\n  font-family: \"Open Sans\";\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: -0.81px;\r\n  color: #4d5161;\r\n  text-transform: none !important;\r\n}\r\n\r\n\r\n.progress-bar[data-v-ef603d5c]:not(.hide-number):before {\r\n  width: 30px !important;\r\n  height: 30px !important;\r\n  padding-top: 6px !important;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VendorHome.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VendorHome.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VendorHome.vue?vue&type=template&id=6ac4f651&scoped=true\"\nimport script from \"./VendorHome.vue?vue&type=script&lang=js\"\nexport * from \"./VendorHome.vue?vue&type=script&lang=js\"\nimport style0 from \"./VendorHome.vue?vue&type=style&index=0&id=6ac4f651&prod&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  \"6ac4f651\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}