{"version":3,"sources":["webpack:///./src/views/VendorMediaAmend.vue?3ec7","webpack:///./src/views/VendorMediaAmend.vue","webpack:///src/views/VendorMediaAmend.vue","webpack:///./src/views/VendorMediaAmend.vue?f1cc","webpack:///./src/views/VendorMediaAmend.vue?7ebd"],"names":["render","_vm","this","_c","_self","_m","staticClass","attrs","tabs","on","navigate","staticRenderFns","_v","VendorInfo1","VendorInfo2","VendorInfo3","VendorInfo4","VendorInfo5","VendorInfo6","mounted","_this","id","isDraft","$store","dispatch","parseInt","catch","err","response","status","$router","push","name","params","message","Error","alert","commit","window","localStorage","setItem","$emit","value","$on","tabIndex","UpdateSteps","UpdatePreviousSteps","InProgressStep","methods","index","i","length","$set","completedStep","state","path","concat","route","enableNext","currentRouteIndex","$route","meta","props","type","Number","required","Boolean","created","data","icon","description","component","watch","computed","IsEdit","isNaN"],"mappings":"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","file":"js/chunk-40b58086.b7273dc0.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!./VendorMediaAmend.vue?vue&type=style&index=0&id=265f9b85&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.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(\"AMEND MEDIA VENDOR REQUEST\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"\">\r\n    <div class=\"row page-title\">\r\n      <label>AMEND MEDIA VENDOR 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=\"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 VendorInfo1 = () => import(\"../components/Vendor/MediaAmend/EmployeeInfo\");\r\nconst VendorInfo2 = () => import(\"../components/Vendor/MediaAmend/Attestation\");\r\nconst VendorInfo3 = () => import(\"../components/Vendor/MediaAmend/SetupInfo\");\r\nconst VendorInfo4 = () => import(\"../components/Vendor/MediaAmend/CreditCardInfo\");\r\nconst VendorInfo5 = () => import(\"../components/Vendor/MediaAmend/EmployeeRelationship\");\r\nconst VendorInfo6 = () => import(\"../components/Vendor/MediaAmend/Review\");\r\n\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(\"vendormediaamend/getDraftData\", parseInt(id));\r\n      } else {\r\n        this.$store.dispatch(\"vendormediaamend/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.$store.commit(\"client/reset\");\r\n    window.localStorage.setItem(\"UploadfileId\", \"\");\r\n    this.$emit(\"can-continue\", { value: true });\r\n    this.$on(\"stepChanged\", (tabIndex) => {\r\n      this.UpdateSteps(tabIndex);\r\n    });\r\n    this.$on(\"previousStep\", (tabIndex) => {\r\n      this.UpdatePreviousSteps(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: 'Media Vendor 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    UpdatePreviousSteps: function (index) {\r\n      if (index > 0) {\r\n        if (index == 6 && this.tabs[index].state != \"in progress\") {\r\n          this.$set(this.tabs[index], \"state\", \"in progress\");\r\n        }\r\n        else {\r\n          this.$set(this.tabs[index - 1], \"state\", \"in progress\");\r\n        }\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\", { value: true });\r\n    },\r\n    navigate(index) {\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    this.$store.commit(\"vendormediaamend/reset\");\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: VendorInfo1,\r\n          route: \"/Request/Vendor/Media/Amend/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/Media/Amend/Attestation\",\r\n          component: VendorInfo2,\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/Media/Amend/SetupInfo\",\r\n          component: VendorInfo3,\r\n          state: this.id && this.isDraft != true ? \"complete\" : \"\",\r\n        },\r\n        {\r\n          icon: \"4\",\r\n          name: \"4\",\r\n          description: \"CREDIT CARD/BANKING INFO\",\r\n          route: \"/Request/Vendor/Media/Amend/CreditCardInfo\",\r\n          component: VendorInfo4,\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/Media/Amend/EmployeeRelationship\",\r\n          component: VendorInfo5,\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/Media/Amend/Review\",\r\n          component: VendorInfo6,\r\n          state: \"\",\r\n        }\r\n      ],\r\n    };\r\n  },\r\n  watch: {\r\n  },\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!./VendorMediaAmend.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!./VendorMediaAmend.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./VendorMediaAmend.vue?vue&type=template&id=265f9b85&scoped=true\"\nimport script from \"./VendorMediaAmend.vue?vue&type=script&lang=js\"\nexport * from \"./VendorMediaAmend.vue?vue&type=script&lang=js\"\nimport style0 from \"./VendorMediaAmend.vue?vue&type=style&index=0&id=265f9b85&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  \"265f9b85\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}