{"version":3,"sources":["webpack:///./src/views/ProdExpenseAmend.vue?0dc2","webpack:///./src/views/ProdExpenseAmend.vue","webpack:///src/views/ProdExpenseAmend.vue","webpack:///./src/views/ProdExpenseAmend.vue?2839","webpack:///./src/views/ProdExpenseAmend.vue?ee3f"],"names":["render","_vm","this","_c","_self","_m","staticClass","attrs","filteredTabs","on","navigate","staticRenderFns","_v","EmployeeInfo","ExternalForm","SetupInfo","BankingInfo","EmployeeRelationship","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","tabs","length","$set","completedStep","state","path","concat","route","enableNext","window","console","log","currentRouteIndex","$route","meta","props","type","Number","required","Boolean","created","commit","data","UpdateTabValue","icon","description","component","watch","newValue","oldValue","filter","tab","forEach","timeOnlyOptions","timeOnlySelected","includes","BillingInfo","BillingParty","computed","_objectSpread","mapGetters","ProdEXPAmend"],"mappings":"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","file":"js/chunk-218ba232.78ee6184.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!./ProdExpenseAmend.vue?vue&type=style&index=0&id=e8d89f02&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-10 mx-auto chevron-steps-container\"},[_c('chevron-steps',{attrs:{\"steps\":_vm.filteredTabs},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(\"PRODUCTION EXPENSE AMEND REQUEST\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"\">\r\n    <div class=\"row page-title\">\r\n      <label>PRODUCTION EXPENSE AMEND REQUEST</label>\r\n    </div>\r\n    <div class=\"row stepper-outer\">\r\n      <div class=\"col-lg-10 mx-auto chevron-steps-container\">\r\n        <chevron-steps :steps=\"filteredTabs\" @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/ProdEXPAmends/EmployeeInfo\");\r\nconst ExternalForm = () => import(\"../components/Vendor/ProdEXPAmends/Attestation\");\r\nconst SetupInfo = () => import(\"../components/Vendor/ProdEXPAmends/SetupInfo\");\r\nconst BankingInfo = () => import(\"../components/Vendor/ProdEXPAmends/BankingInfo\");\r\nconst EmployeeRelationship = () => import(\"../components/Vendor/ProdEXPAmends/EmployeeRelationship\");\r\nconst Review = () => import(\"../components/Vendor/ProdEXPAmends/Review\");\r\nimport { mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n  mounted() {\r\n    let id = this.id;\r\n    if (id) {\r\n\r\n      if (this.isDraft == true) {\r\n        this.$store.dispatch(\"prodexpamend/getDraftData\", parseInt(id));\r\n      } else {\r\n        this.$store.dispatch(\"prodexpamend/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 Amend 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(\"prodexpamend/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      UpdateTabValue: null,\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/ProdEXPAmends/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/ProdEXPAmends/ExternalForm\",\r\n            component: ExternalForm,\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/ProdEXPAmends/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/ProdEXPAmends/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: \"EMPLOYEE RELATIONSHIP\",\r\n          route: \"/Request/Vendor/ProdEXPAmends/EmployeeRelationship\",\r\n          component: EmployeeRelationship,\r\n          state: this.id && this.isDraft != true ? \"complete\" : \"\",\r\n        },\r\n        {\r\n          icon: \"6\",\r\n          name: \"6\",\r\n          description: \"REVIEW\",\r\n          route: \"/Request/Vendor/ProdEXPAmends/Review\",\r\n          component: Review,\r\n          state: \"\",\r\n        }\r\n      ],\r\n    };\r\n  },\r\n  watch: {\r\n    \"ProdEXPAmend.ChangeType\": function (newValue, oldValue) {\r\n      this.UpdateTabValue = newValue;\r\n      if (oldValue == \"Address\"){\r\n        this.tabs.filter((tab) => tab.name == \"4\").forEach((tab) => tab.state = \"\");\r\n      }\r\n      else if (oldValue == \"Banking\"){\r\n        this.tabs.filter((tab) => tab.name == \"3\").forEach((tab) => tab.state = \"\");\r\n      }\r\n    },\r\n    \"BillingInfo.BillingParty\": function () {\r\n      let timeOnlyOptions = [\r\n        \"Time Only (Client Related Time MED)\",\r\n        \"Time Only (Internal Project Related Time ADM)\",\r\n      ];\r\n      let timeOnlySelected = timeOnlyOptions.includes(\r\n        this.BillingInfo.BillingParty\r\n      );\r\n      this.$emit(\"billingPartyChanged\", timeOnlySelected);\r\n    },\r\n  },\r\n  computed: {\r\n  filteredTabs() {\r\n    // Filter the tabs array based on the value of this.NewChangeValue\r\n    if (this.UpdateTabValue === \"Address\") {\r\n      return this.tabs.filter((tab) => tab.name !== \"4\");\r\n    }\r\n    return this.tabs;\r\n  },\r\n    ...mapGetters(\"client\", {\r\n      BillingInfo: \"ClientBillingInformations\",\r\n    }),\r\n    ...mapGetters(\"prodexpamend\", {\r\n      ProdEXPAmend: \"ProdEXPAmend\",\r\n    }),\r\n    // CanCreateClientRequest() {\r\n    //   return this.$store.getters.canCreateClient;\r\n    // },\r\n    // CanAccessList() {\r\n    //   return this.$store.getters.canAccessList;\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!./ProdExpenseAmend.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!./ProdExpenseAmend.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProdExpenseAmend.vue?vue&type=template&id=e8d89f02&scoped=true\"\nimport script from \"./ProdExpenseAmend.vue?vue&type=script&lang=js\"\nexport * from \"./ProdExpenseAmend.vue?vue&type=script&lang=js\"\nimport style0 from \"./ProdExpenseAmend.vue?vue&type=style&index=0&id=e8d89f02&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  \"e8d89f02\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}