{"version":3,"sources":["webpack:///./src/views/Helexium/Nomina/ServicionNominaAportesEnLinea/Nomina/NominaProceso.vue?c9bb","webpack:///./src/views/Helexium/Nomina/ServicionNominaAportesEnLinea/Nomina/NominaProceso.vue","webpack:///src/views/Helexium/Nomina/ServicionNominaAportesEnLinea/Nomina/NominaProceso.vue","webpack:///./src/views/Helexium/Nomina/ServicionNominaAportesEnLinea/Nomina/NominaProceso.vue?70d0","webpack:///./src/views/Helexium/Nomina/ServicionNominaAportesEnLinea/Nomina/NominaProceso.vue?17d2"],"names":["render","_vm","this","_c","_self","staticClass","navIndex","on","prev","attrs","_l","pasos","paso","index","key","name","class","currency","directives","rawName","value","expression","_v","_s","text","length","next","staticRenderFns","data","liquidacionId","liquidado","mounted","$watch","findIndex","$route","includes","consultarLiquidacion","immediate","methods","response","$store","getters","fetchGet","path","params","id","json","Swal","fire","title","icon","confirmButtonText","$router","push","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,SAAS,CAACA,EAAG,MAAM,CAACE,YAAY,mEAAmE,CAAEJ,EAAIK,SAAW,EAAGH,EAAG,MAAM,CAACE,YAAY,YAAYE,GAAG,CAAC,MAAQN,EAAIO,OAAO,CAACL,EAAG,MAAM,CAACM,MAAM,CAAC,MAAQ,6BAA6B,MAAQ,KAAK,OAAS,KAAK,QAAU,kBAAkB,CAACN,EAAG,OAAO,CAACM,MAAM,CAAC,EAAI,4KAA4KN,EAAG,MAAM,CAACE,YAAY,qBAAqBF,EAAG,MAAM,CAACE,YAAY,SAASJ,EAAIS,GAAIT,EAAIU,OAAO,SAASC,EAAKC,GAAO,OAAOV,EAAG,MAAM,CAACW,IAAIF,EAAKG,MAAM,CAACZ,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOW,MAAM,CAAEC,SAAUJ,IAAUZ,EAAIK,WAAY,CAACH,EAAG,MAAM,CAACe,WAAW,CAAC,CAACH,KAAK,OAAOI,QAAQ,SAASC,MAAOP,GAASZ,EAAIK,SAAUe,WAAW,uBAAuB,CAACpB,EAAIqB,GAAG,IAAIrB,EAAIsB,GAAGV,EAAQ,GAAG,OAAOV,EAAG,MAAM,CAACe,WAAW,CAAC,CAACH,KAAK,OAAOI,QAAQ,SAASC,QAASP,GAASZ,EAAIK,UAAWe,WAAW,yBAAyBhB,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,OAAS,QAAQ,MAAQ,QAAQ,QAAU,MAAM,GAAK,SAAS,MAAQ,6BAA6B,cAAc,+BAA+B,QAAU,oBAAoB,YAAY,aAAa,CAACN,EAAG,IAAI,CAACA,EAAG,OAAO,CAACM,MAAM,CAAC,EAAI,gRAAgRN,EAAG,OAAO,CAACF,EAAIqB,GAAGrB,EAAIsB,GAAGX,EAAKY,gBAAe,GAAIvB,EAAIK,SAAWL,EAAIU,MAAMc,OAAS,EAAGtB,EAAG,MAAM,CAACE,YAAY,YAAYE,GAAG,CAAC,MAAQN,EAAIyB,OAAO,CAACvB,EAAG,MAAM,CAACM,MAAM,CAAC,MAAQ,6BAA6B,MAAQ,KAAK,OAAS,KAAK,QAAU,kBAAkB,CAACN,EAAG,OAAO,CAACM,MAAM,CAAC,EAAI,4KAA4KN,EAAG,MAAM,CAACE,YAAY,yBAAyBF,EAAG,gBAAgB,IAE1mEwB,EAAkB,G,iCCCP,GACfC,OACA,OACAtB,SAAA,EACAK,MAAA,CACA,CAAAI,KAAA,UAAAS,KAAA,WACA,CAAAT,KAAA,oBAAAS,KAAA,aACA,CAAAT,KAAA,iBAAAS,KAAA,YACA,CAAAT,KAAA,mBAAAS,KAAA,eAEAK,cAAA,KACAC,WAAA,IAGAC,UACA,KAAAC,OACA,SACA,UACA,KAAA1B,SAAA,KAAAK,MAAAsB,UAAArB,GAEA,yBAAAsB,OAAAnB,MACA,qBAAAH,EAAAG,MAIAH,EAAAG,KAAAoB,SAAA,KAAAD,OAAAnB,OAGA,QAAAT,UAAA,QAAAA,gBACA,KAAA8B,wBAGA,CAAAC,WAAA,KAGAC,QAAA,CACA,6BACA,MAAAC,QAAA,KAAAC,OAAAC,QAAAC,SAAA,CACAC,KAAA,6CAAAT,OAAAU,OAAAf,iBAEA,GAAAgB,EAAA,UAAAf,SAAAS,EAAAO,OACA,KAAAjB,cAAAgB,EACA,KAAAf,aAEA,aACA,QAAAxB,SAAA,KAAAK,MAAAc,OAAA,GACA,SAAAK,WAAA,QAAAxB,SAOA,YANAyC,IAAAC,KAAA,CACAC,MAAA,cACAzB,KAAA,4EACA0B,KAAA,UACAC,kBAAA,YAIA,SAAAtB,eAAA,QAAAvB,SAAA,CACA,MAAAiC,QAAA,KAAAC,OAAAC,QAAAC,SAAA,CACAC,KAAA,uDAEA,GAAAE,SAAAN,EAAAO,OACA,KAAAjB,cAAAgB,EAGA,WAAAvC,SAOA,YANAyC,IAAAC,KAAA,CACAC,MAAA,cACAzB,KAAA,4FACA0B,KAAA,UACAC,kBAAA,YAKA,KAAAC,QAAAC,KAAA,CACAtC,KAAA,KAAAJ,MAAA,KAAAL,SAAA,GAAAS,KACA6B,OAAA,CAAAf,cAAA,KAAAA,mBAIArB,OACA,QAAAF,SAAA,GACA,QAAAuB,eAAA,QAAAvB,SAOA,YANAyC,IAAAC,KAAA,CACAE,KAAA,QACAD,MAAA,QACAzB,KAAA,iCACA2B,kBAAA,YAIA,KAAAC,QAAAC,KAAA,CACAtC,KAAA,KAAAJ,MAAA,KAAAL,SAAA,GAAAS,KACA6B,OAAA,CAAAf,cAAA,KAAAA,qBC/Fqb,I,wBCQjbyB,EAAY,eACd,EACAtD,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAA2B,E","file":"js/chunk-c6fd5928.5ec98c89798c7f256614.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../node_modules/@vue/cli-service/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!./NominaProceso.vue?vue&type=style&index=0&id=1649a88e&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('b-card',[_c('div',{staticClass:\"nav-container d-flex justify-content-between align-items-center\"},[(_vm.navIndex > 0)?_c('div',{staticClass:\"arrow-nav\",on:{\"click\":_vm.prev}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"32\",\"height\":\"32\",\"viewBox\":\"0 0 1024 1024\"}},[_c('path',{attrs:{\"d\":\"M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8l-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0\"}})])]):_c('div',{staticClass:\"arrow-nav-shadow\"}),_c('div',{staticClass:\"pasos\"},_vm._l((_vm.pasos),function(paso,index){return _c('div',{key:paso.name},[_c('div',{staticClass:\"wrapper-paso\"},[_c('div',{staticClass:\"paso\",class:{ currency: index === _vm.navIndex }},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(index >= _vm.navIndex),expression:\"index >= navIndex\"}]},[_vm._v(\" \"+_vm._s(index + 1)+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!(index >= _vm.navIndex)),expression:\"!(index >= navIndex)\"}],staticClass:\"check-button\"},[_c('svg',{attrs:{\"height\":\"800px\",\"width\":\"800px\",\"version\":\"1.1\",\"id\":\"Capa_1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"viewBox\":\"0 0 17.837 17.837\",\"xml:space\":\"preserve\"}},[_c('g',[_c('path',{attrs:{\"d\":\"M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27\\n\\t\\tc-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0\\n\\t\\tL17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z\"}})])])])]),_c('span',[_vm._v(_vm._s(paso.text))])])])}),0),(_vm.navIndex < _vm.pasos.length - 1)?_c('div',{staticClass:\"arrow-nav\",on:{\"click\":_vm.next}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"32\",\"height\":\"32\",\"viewBox\":\"0 0 1024 1024\"}},[_c('path',{attrs:{\"d\":\"M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8l-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0\"}})])]):_c('div',{staticClass:\"arrow-nav-shadow\"})])]),_c('router-view')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport Swal from \"sweetalert2\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      navIndex: 0,\r\n      pasos: [\r\n        { name: \"Periodo\", text: \"Periodo\" },\r\n        { name: \"PersonasNovedades\", text: \"Novedades\" },\r\n        { name: \"NominaPreparar\", text: \"Preparar\" },\r\n        { name: \"NominaTransmitir\", text: \"Transmitir\" },\r\n      ],\r\n      liquidacionId: null,\r\n      liquidado: false,\r\n    };\r\n  },\r\n  mounted() {\r\n    this.$watch(\r\n      \"$route\",\r\n      async () => {\r\n        this.navIndex = this.pasos.findIndex((paso) => {\r\n          if (\r\n            this.$route.name == \"PersonaNovedades\" &&\r\n            paso.name == \"PersonasNovedades\"\r\n          ) {\r\n            return true;\r\n          }\r\n          return paso.name.includes(this.$route.name);\r\n        });\r\n\r\n        if (this.navIndex == 2 || this.navIndex == 3) {\r\n          await this.consultarLiquidacion();\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n  },\r\n  methods: {\r\n    async consultarLiquidacion() {\r\n      const response = await this.$store.getters.fetchGet({\r\n        path: `NominaLiquidacion/GetLiquidacionById/${this.$route.params.liquidacionId}`,\r\n      });\r\n      const { id, liquidado } = await response.json();\r\n      this.liquidacionId = id;\r\n      this.liquidado = liquidado;\r\n    },\r\n    async next() {\r\n      if (this.navIndex < this.pasos.length - 1) {\r\n        if (!this.liquidado && this.navIndex == 2) {\r\n          Swal.fire({\r\n            title: \"Advertencia\",\r\n            text: \"Para continuar con la transmisión de la nómina, primero debes prepararla.\",\r\n            icon: \"warning\",\r\n            confirmButtonText: \"Aceptar\",\r\n          });\r\n          return;\r\n        }\r\n        if (!this.liquidacionId && this.navIndex == 1) {\r\n          const response = await this.$store.getters.fetchGet({\r\n            path: \"NominaLiquidacion/GetUltimaLiquidacionNoLiquidada\",\r\n          });\r\n          const { id } = await response.json();\r\n          this.liquidacionId = id;\r\n        }\r\n\r\n        if (this.navIndex == 0) {\r\n          Swal.fire({\r\n            title: \"Advertencia\",\r\n            text: \"Para continuar con la nómina, primero debes seleccionar el periodo y guardar liquidación.\",\r\n            icon: \"warning\",\r\n            confirmButtonText: \"Aceptar\",\r\n          });\r\n          return;\r\n        }\r\n\r\n        this.$router.push({\r\n          name: this.pasos[this.navIndex + 1].name,\r\n          params: { liquidacionId: this.liquidacionId },\r\n        });\r\n      }\r\n    },\r\n    prev() {\r\n      if (this.navIndex > 0) {\r\n        if (this.liquidacionId && this.navIndex == 1) {\r\n          Swal.fire({\r\n            icon: \"error\",\r\n            title: \"Error\",\r\n            text: \"No puedes regresar a este paso\",\r\n            confirmButtonText: \"Aceptar\",\r\n          });\r\n          return;\r\n        }\r\n        this.$router.push({\r\n          name: this.pasos[this.navIndex - 1].name,\r\n          params: { liquidacionId: this.liquidacionId },\r\n        });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <b-card>\r\n      <div\r\n        class=\"nav-container d-flex justify-content-between align-items-center\"\r\n      >\r\n        <div class=\"arrow-nav\" @click=\"prev\" v-if=\"navIndex > 0\">\r\n          <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            width=\"32\"\r\n            height=\"32\"\r\n            viewBox=\"0 0 1024 1024\"\r\n          >\r\n            <path\r\n              d=\"M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8l-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0\"\r\n            />\r\n          </svg>\r\n        </div>\r\n        <div v-else class=\"arrow-nav-shadow\"></div>\r\n\r\n        <div class=\"pasos\">\r\n          <div v-for=\"(paso, index) in pasos\" :key=\"paso.name\">\r\n            <div class=\"wrapper-paso\">\r\n              <div class=\"paso\" :class=\"{ currency: index === navIndex }\">\r\n                <div v-show=\"index >= navIndex\">\r\n                  {{ index + 1 }}\r\n                </div>\r\n                <div v-show=\"!(index >= navIndex)\" class=\"check-button\">\r\n                  <svg\r\n                    height=\"800px\"\r\n                    width=\"800px\"\r\n                    version=\"1.1\"\r\n                    id=\"Capa_1\"\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                    viewBox=\"0 0 17.837 17.837\"\r\n                    xml:space=\"preserve\"\r\n                  >\r\n                    <g>\r\n                      <path\r\n                        d=\"M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27\r\n\t\tc-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0\r\n\t\tL17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z\"\r\n                      />\r\n                    </g>\r\n                  </svg>\r\n                </div>\r\n              </div>\r\n              <span>{{ paso.text }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"arrow-nav\" @click=\"next\" v-if=\"navIndex < pasos.length - 1\">\r\n          <svg\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            width=\"32\"\r\n            height=\"32\"\r\n            viewBox=\"0 0 1024 1024\"\r\n          >\r\n            <path\r\n              d=\"M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8l-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0\"\r\n            />\r\n          </svg>\r\n        </div>\r\n        <div v-else class=\"arrow-nav-shadow\"></div>\r\n      </div>\r\n    </b-card>\r\n    <router-view></router-view>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.pasos {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 1rem;\r\n}\r\n\r\n.wrapper-paso {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 0.25rem;\r\n}\r\n\r\n.paso {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border: solid 2px var(--gray-300);\r\n  border-radius: 50%;\r\n  width: 4vw;\r\n  height: 4vw;\r\n  font-size: 2rem;\r\n  /* color: whitesmoke; */\r\n}\r\n\r\n.paso.currency {\r\n  color: var(--primary);\r\n  border: solid 2px var(--primary);\r\n  /* box-shadow: 0 0 10px 0 #597caf; */\r\n}\r\n\r\n.arrow-nav-shadow,\r\n.arrow-nav {\r\n  width: 5vw;\r\n  height: 5vw;\r\n}\r\n\r\n.arrow-nav {\r\n  background-color: rgba(255, 255, 255, 0);\r\n  padding: 1rem;\r\n  border-radius: 50%;\r\n  stroke: var(--text-progress);\r\n  fill: var(--text-progress);\r\n  transition: background-color 0.3s;\r\n  cursor: pointer;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.arrow-nav:hover {\r\n  background-color: var(--gray-300);\r\n}\r\n\r\n.arrow-nav:first-child {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.check-button {\r\n  height: 100%;\r\n  width: 100%;\r\n  border: none;\r\n  border-radius: 50%;\r\n  transition: all 0.3s;\r\n  position: relative;\r\n}\r\n\r\n.check-button svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  transform: scale(0.75);\r\n  fill: var(--lego-hsuccess);\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\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/@vue/cli-plugin-babel/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!./NominaProceso.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/@vue/cli-plugin-babel/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!./NominaProceso.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NominaProceso.vue?vue&type=template&id=1649a88e&scoped=true\"\nimport script from \"./NominaProceso.vue?vue&type=script&lang=js\"\nexport * from \"./NominaProceso.vue?vue&type=script&lang=js\"\nimport style0 from \"./NominaProceso.vue?vue&type=style&index=0&id=1649a88e&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  \"1649a88e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}