{"version":3,"sources":["webpack:///./src/app/modules/layout-investment/components/investment/modal-investment/modal-status.component.vue","webpack:///src/app/modules/layout-investment/components/investment/modal-investment/modal-status.component.vue","webpack:///./src/app/modules/layout-investment/components/investment/modal-investment/modal-status.component.vue?18b7","webpack:///./src/app/modules/layout-investment/components/investment/modal-investment/modal-status.component.vue?fcfb","webpack:///./src/app/modules/layout-investment/components/investment/modal-investment/modal-status.component.vue?7c06"],"names":["render","_vm","this","_c","_self","staticClass","style","progressStyle","_l","steps","step","index","key","class","colorStep","success","domProps","_s","$icons","check","_e","active","loading","error","closex","_v","error_msg","on","$event","redirectHistoric","filter","item","label","directives","name","rawName","value","expression","staticRenderFns","data","current","params","props","investmentId","type","Number","account_id","computed","length","prevDisabled","nextDisabled","mounted","investment_id","setTimeout","initTest","methods","$router","push","id","$api","post","$endpoint","INVESTMENTS_CHECK","then","next","initTest2","catch","msg","initTest3","$emit","component"],"mappings":"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","file":"js/chunk-200d6e70.fec113ca.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"px-3 text-center md:px-10\"},[_c('div',{staticClass:\"progress-container relative inset-y-0 flex items-center justify-between\"},[_c('div',{staticClass:\"progress\",style:(_vm.progressStyle)}),_vm._l((_vm.steps),function(step,index){return _c('div',{key:index,staticClass:\"circle\",class:_vm.colorStep(step)},[(step.success)?_c('span',{staticClass:\"text-ontick-carbon-500\",domProps:{\"innerHTML\":_vm._s(_vm.$icons.check)}}):_vm._e(),(step.active)?_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$icons.loading)}}):_vm._e(),(step.error)?_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.$icons.closex)}}):_vm._e()])})],2),_c('div',{staticClass:\"flex items-center justify-center py-5\"},[(!_vm.error)?_c('div',[_vm._l((_vm.steps.filter((item) => item.active)),function(item){return _c('p',{key:item.active,staticClass:\"text-gray-300\"},[_vm._v(\" \"+_vm._s(item.label)+\" \")])}),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.steps[2].active & _vm.steps[2].success),expression:\"!steps[2].active & steps[2].success\"}],key:4,staticClass:\"text-gray-300\"},[_vm._v(\" Inicialização concluída \")])],2):_c('div',{staticClass:\"flex items-center space-x-4\"},[_c('p',{staticClass:\"font-medium text-ontick-red-500\"},[_vm._v(\" \"+_vm._s(_vm.error_msg)+\" \")]),_c('a',{staticClass:\"cursor-pointer border-b border-gray-400 text-sm font-medium text-gray-400\",on:{\"click\":function($event){return _vm.redirectHistoric()}}},[_vm._v(\" Verificar logs \")])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"px-3 text-center md:px-10\">\n    <div\n      class=\"progress-container relative inset-y-0 flex items-center justify-between\"\n    >\n      <div class=\"progress\" :style=\"progressStyle\"></div>\n      <div\n        v-for=\"(step, index) in steps\"\n        :key=\"index\"\n        class=\"circle\"\n        :class=\"colorStep(step)\"\n      >\n        <span\n          class=\"text-ontick-carbon-500\"\n          v-if=\"step.success\"\n          v-html=\"$icons.check\"\n        ></span>\n        <span v-if=\"step.active\" v-html=\"$icons.loading\"></span>\n        <span v-if=\"step.error\" v-html=\"$icons.closex\"></span>\n      </div>\n    </div>\n    <div class=\"flex items-center justify-center py-5\">\n      <div v-if=\"!error\">\n        <p\n          v-for=\"item in steps.filter((item) => item.active)\"\n          :key=\"item.active\"\n          class=\"text-gray-300\"\n        >\n          {{ item.label }}\n        </p>\n        <p\n          v-show=\"!steps[2].active & steps[2].success\"\n          class=\"text-gray-300\"\n          :key=\"4\"\n        >\n          Inicialização concluída\n        </p>\n      </div>\n      <div class=\"flex items-center space-x-4\" v-else>\n        <p class=\"font-medium text-ontick-red-500\">\n          {{ error_msg }}\n        </p>\n        <a\n          @click=\"redirectHistoric()\"\n          class=\"cursor-pointer border-b border-gray-400 text-sm font-medium text-gray-400\"\n        >\n          Verificar logs\n        </a>\n      </div>\n    </div>\n    <!-- <button class=\"btn\" @click=\"prev\" :disabled=\"prevDisabled\">Prev</button>\n    <button class=\"btn\" @click=\"next\" :disabled=\"nextDisabled\">Next</button> -->\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      steps: [\n        {\n          label: \"Preparando ambiente\",\n          active: true,\n          success: false,\n          error: false,\n        },\n        {\n          label: \"Conectando com servidor\",\n          active: false,\n          success: false,\n          error: false,\n        },\n        {\n          label: \"Verificando configurações\",\n          active: false,\n          success: false,\n          error: false,\n        },\n      ],\n      current: 1,\n      loading: false,\n      error: false,\n      error_msg: \"\",\n      params: {},\n    };\n  },\n\n  props: {\n    investmentId: { type: Number },\n    account_id: { type: Number },\n  },\n\n  computed: {\n    progressStyle() {\n      return `width: ${((this.current - 1) / (this.steps.length - 1)) * 100}%`;\n    },\n    prevDisabled() {\n      return this.current === 1;\n    },\n    nextDisabled() {\n      return this.current === this.steps.length;\n    },\n  },\n\n  mounted() {\n    this.params = {\n      investment_id: this.investmentId,\n      account_id: this.account_id,\n    };\n    setTimeout(() => this.initTest(), 2000);\n  },\n\n  methods: {\n    redirectHistoric() {\n      this.$router.push({\n        name: \"Histórico\",\n        params: {\n          id: Number(this.investmentId),\n          type: \"logs\",\n        },\n      });\n    },\n\n    colorStep(value) {\n      if (value.active) {\n        return \"bg-ontick-carbon-500 border-ontick-green-500\";\n      } else if (value.success) {\n        return \"bg-ontick-green-500 border-ontick-green-500\";\n      } else if (value.error) {\n        return \"bg-ontick-red-500 border-ontick-red-500\";\n      } else return \"bg-ontick-carbon-500 border-ontick-carbon-500\";\n    },\n    initTest() {\n      this.$api\n        .post(this.$endpoint.INVESTMENTS_CHECK, this.params)\n        .then(() => {\n          this.steps[0].active = false;\n          this.steps[0].success = true;\n          this.steps[1].active = true;\n\n          this.next();\n\n          setTimeout(() => this.initTest2(), 2000);\n        })\n        .catch((error) => {\n          this.steps[0].error = true;\n          this.steps[0].active = false;\n          this.steps[0].success = false;\n          this.error = true;\n          this.error_msg = error.data.msg;\n        });\n    },\n\n    initTest2() {\n      this.$api\n        .post(this.$endpoint.INVESTMENTS_CHECK, this.params)\n        .then(() => {\n          this.steps[1].active = false;\n          this.steps[1].success = true;\n          this.steps[2].active = true;\n\n          this.next();\n\n          setTimeout(() => this.initTest3(), 2000);\n        })\n        .catch((error) => {\n          this.steps[1].error = true;\n          this.steps[1].active = false;\n          this.steps[1].success = false;\n          this.error = true;\n          this.error_msg = error.data.msg;\n        });\n    },\n\n    initTest3() {\n      this.$api\n        .post(this.$endpoint.INVESTMENTS_CHECK, this.params)\n        .then(() => {\n          this.steps[1].active = false;\n          this.steps[2].active = false;\n          this.steps[2].success = true;\n          this.next();\n          setTimeout(() => {\n            this.$emit(\"successStep\", true);\n          }, 1000);\n        })\n        .catch((error) => {\n          this.steps[2].error = true;\n          this.steps[2].active = false;\n          this.steps[2].success = false;\n          this.error = true;\n          this.error_msg = error.data.msg;\n        });\n    },\n    next() {\n      this.current++;\n      if (this.current > this.steps.length) {\n        this.current = this.steps.length;\n      }\n    },\n    // prev() {\n    //   this.current--;\n    //   if (this.current < 1) {\n    //     this.current = 1;\n    //   }\n    // },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.progress-container {\n  /* margin-bottom: 30px; */\n}\n\n.progress-container::before {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  //   left: 0;\n  transform: translateY(-50%);\n  height: 3px;\n  width: 100%;\n  z-index: -1;\n  @apply bg-ontick-carbon-500;\n}\n\n.progress {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n  height: 3px;\n  width: 0%;\n  z-index: -1;\n  transition: 0.3s ease;\n  @apply bg-ontick-green-500;\n}\n\n.circle {\n  transition: 0.3s ease 0.1s;\n  @apply relative mt-0 flex h-8 w-8 items-center justify-center rounded-full    border-2 text-gray-300;\n}\n\n.circle.active {\n  @apply border-ontick-green-500;\n}\n</style>\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./modal-status.component.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./modal-status.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./modal-status.component.vue?vue&type=template&id=946ca8c6&scoped=true\"\nimport script from \"./modal-status.component.vue?vue&type=script&lang=js\"\nexport * from \"./modal-status.component.vue?vue&type=script&lang=js\"\nimport style0 from \"./modal-status.component.vue?vue&type=style&index=0&id=946ca8c6&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"946ca8c6\",\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/cli-service/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--1-0!../../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./modal-status.component.vue?vue&type=style&index=0&id=946ca8c6&prod&lang=scss&scoped=true\""],"sourceRoot":""}