{"version":3,"sources":["webpack:///./src/components/page/Processing.vue?7bc4","webpack:///./src/components/page/Processing.vue?3d2c","webpack:///src/components/page/Processing.vue","webpack:///./src/components/page/Processing.vue?b83f","webpack:///./src/components/page/Processing.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","processInfo","staticStyle","_v","_s","title","style","ref","slickOptions","on","handleBeforeChange","_l","i","idx","key","class","currentSlide","user","email","admin_password","$route","query","pf","staticRenderFns","name","components","Slick","created","done","payload","percent","encodeURIComponent","vProcess","$axios","post","token","$store","getters","fcmToken","itv","setInterval","clearInterval","socket","io","connect","setTimeout","data","centerMode","variableWidth","infinite","autoplay","slidesToShow","slidesToScroll","speed","arrows","undefined","icon","methods","setSocketMessage","msg","create_service","nextSlide","watch","n","computed","progress","component"],"mappings":"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","file":"js/chunk-25b9180e.a9311a97.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Processing.vue?vue&type=style&index=0&id=3c3ceaff&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"processing-container container\"},[(_vm.vProcess)?[_c('div',{staticClass:\"text-center\"},[_c('img',{staticClass:\"img-x\",attrs:{\"src\":(\"/static/icon/\" + (_vm.processInfo.icon) + \".png\")}}),_c('div',{staticClass:\"title main\",staticStyle:{\"margin\":\"22px 0 12px 0\",\"word-break\":\"keep-all\"}},[_vm._v(_vm._s(_vm.processInfo.title))]),_c('div',{staticClass:\"body2 sub3\"},[_vm._v(\"개설이 완료되면 메일로 안내드릴게요\")])]),_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin-top\":\"40px\"}},[_c('div',{staticClass:\"progress-bar\"},[_c('div',{staticClass:\"progress\",style:(_vm.progress)})])]),_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin-top\":\"40px\"}},[_c('slick',{ref:\"slick\",staticClass:\"slick-container\",attrs:{\"options\":_vm.slickOptions},on:{\"beforeChange\":_vm.handleBeforeChange}},_vm._l(([1, 2, 3, 4, 5]),function(i,idx){return _c('img',{key:(\"img-\" + idx),attrs:{\"src\":(\"/static/img/0\" + i + \".png\")}})}),0)],1),_c('div',{staticClass:\"indicator\",staticStyle:{\"margin-top\":\"16px\"}},_vm._l(([1, 2, 3, 4, 5]),function(i,idx){return _c('div',{key:(\"dot-\" + idx),staticClass:\"dot\",class:{ 'dot-active': idx === _vm.currentSlide }})}),0)]:_c('div',{staticClass:\"flex-justify\"},[_c('div',{staticClass:\"text-center\",staticStyle:{\"width\":\"368px\"}},[_c('img',{staticClass:\"img-x\",attrs:{\"src\":\"/static/icon/ic_hand.png\"}}),_c('div',{staticClass:\"title main\",staticStyle:{\"margin\":\"22px 0 12px 0\"}},[_vm._v(\"개설이 완료되었습니다\")]),_c('div',{staticClass:\"body2 sub3\"},[_vm._v(\"나만의 플랫폼을 만들어보세요!\")]),_c('div',{staticClass:\"body3 sub2 text-center\",staticStyle:{\"margin\":\"56px 0 12px 0\"}},[_vm._v(\"관리자 계정정보\")]),_c('div',{staticClass:\"box-account\"},[_c('div',{staticClass:\"body3 sub2\"},[_vm._v(\"아이디\")]),_c('div',{staticClass:\"body2-medium sub\"},[_vm._v(_vm._s(_vm.user.email))]),_c('div',{staticClass:\"body3 sub2\"},[_vm._v(\"비밀번호\")]),_c('div',{staticClass:\"body2-medium sub\"},[_vm._v(_vm._s(_vm.admin_password))])]),_c('a',{attrs:{\"href\":(\"https://\" + (_vm.$route.query.skey) + \".platformfy.com/office/admin/login?pf=\" + _vm.pf),\"target\":\"_blank\"}},[_c('button',{staticClass:\"button is-primary button-admin\"},[_vm._v(\"사이트 관리자 접속\")])])])])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"processing-container container\">\r\n    <template v-if=\"vProcess\">\r\n      <div class=\"text-center\">\r\n        <img class=\"img-x\" :src=\"`/static/icon/${processInfo.icon}.png`\">\r\n        <div class=\"title main\" style=\"margin:22px 0 12px 0;word-break: keep-all\">{{ processInfo.title }}</div>\r\n        <div class=\"body2 sub3\">개설이 완료되면 메일로 안내드릴게요</div>\r\n      </div>\r\n      <div class=\"flex-center\" style=\"margin-top:40px\">\r\n        <div class=\"progress-bar\">\r\n          <div class=\"progress\" :style=\"progress\"></div>\r\n        </div>\r\n      </div>\r\n      <div class=\"flex-center\" style=\"margin-top:40px\">\r\n        <slick ref=\"slick\" :options=\"slickOptions\" class=\"slick-container\" @beforeChange=\"handleBeforeChange\">\r\n          <img v-for=\"(i, idx) in [1, 2, 3, 4, 5]\" :key=\"`img-${idx}`\" :src=\"`/static/img/0${i}.png`\">\r\n        </slick>\r\n      </div>\r\n      <div class=\"indicator\" style=\"margin-top:16px\">\r\n        <div v-for=\"(i, idx) in [1, 2, 3, 4, 5]\" :key=\"`dot-${idx}`\" class=\"dot\"\r\n          :class=\"{ 'dot-active': idx === currentSlide }\"></div>\r\n      </div>\r\n    </template>\r\n    <div class=\"flex-justify\" v-else>\r\n      <div style=\"width:368px\" class=\"text-center\">\r\n        <img class=\"img-x\" src=\"/static/icon/ic_hand.png\">\r\n        <div class=\"title main\" style=\"margin:22px 0 12px 0\">개설이 완료되었습니다</div>\r\n        <div class=\"body2 sub3\">나만의 플랫폼을 만들어보세요!</div>\r\n        <div class=\"body3 sub2 text-center\" style=\"margin:56px 0 12px 0\">관리자 계정정보</div>\r\n        <div class=\"box-account\">\r\n          <div class=\"body3 sub2\">아이디</div>\r\n          <div class=\"body2-medium sub\">{{ user.email }}</div>\r\n          <div class=\"body3 sub2\">비밀번호</div>\r\n          <div class=\"body2-medium sub\">{{ admin_password }}</div>\r\n        </div>\r\n        <a :href=\"`https://${$route.query.skey}.platformfy.com/office/admin/login?pf=${pf}`\" target=\"_blank\">\r\n          <button class=\"button is-primary button-admin\">사이트 관리자 접속</button>\r\n        </a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Slick from 'vue-slick';\r\n\r\nconst io = require('socket.io-client');\r\n\r\nexport default {\r\n  name: \"Processing\",\r\n  components: {\r\n    Slick\r\n  },\r\n  created() {\r\n    if (!this.$route.query.done) {\r\n      this.$axios.post(`user/${this.user.user_id}/fcm`, {\r\n        token: this.$store.getters.fcmToken\r\n      })\r\n      this.itv = setInterval(() => {\r\n        //this.percent += 1.111;\r\n        this.percent += 1;\r\n        if (this.percent >= 100) {\r\n          this.percent = 100;\r\n          clearInterval(this.itv);\r\n        }\r\n      }, 800);\r\n      this.socket = io.connect('https://master-dev.launchpack.co.kr:3000');\r\n      setTimeout(() => {\r\n        if (!this.socket.connected) {\r\n          this.socket = io.connect('https://master-dev.launchpack.co.kr:3000');\r\n          setTimeout(() => {\r\n            this.setSocketMessage();\r\n          });\r\n        } else {\r\n          this.setSocketMessage();\r\n        }\r\n      }, 500);\r\n    } else {\r\n      this.admin_password = this.$route.query.payload;\r\n      this.percent = 100;\r\n      this.pf = encodeURIComponent(`${this.user.email}%102^${this.admin_password}`);\r\n      this.vProcess = false;\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      percent: 0,\r\n      slickOptions: {\r\n        centerMode: false,\r\n        variableWidth: false,\r\n        infinite: true,\r\n        autoplay: true,\r\n        slidesToShow: 1,\r\n        slidesToScroll: 1,\r\n        speed: 2000,\r\n        arrows: false\r\n      },\r\n      itv: undefined,\r\n      currentSlide: 0,\r\n      vProcess: true,\r\n      admin_password: '',\r\n      pf: '',\r\n      processInfo: {\r\n        icon: 'ic_x',\r\n        title: '플랫폼 개설을 시작합니다.'\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    setSocketMessage() {\r\n      this.socket.on('message', (msg) => {\r\n        if (msg.create_service && msg.create_service === this.$route.query.skey) {\r\n          this.$store.commit('clearBasket');\r\n          this.admin_password = msg.admin_password;\r\n          this.percent = 100;\r\n          this.pf = encodeURIComponent(`${this.user.email}%102^${this.admin_password}`);\r\n          clearInterval(this.itv);\r\n          setTimeout(() => {\r\n            this.vProcess = false;\r\n          }, 1000);\r\n        }\r\n      });\r\n    },\r\n    handleBeforeChange(event, slick, currentSlide, nextSlide) {\r\n      this.currentSlide = nextSlide;\r\n    },\r\n  },\r\n  watch: {\r\n    percent(n) {\r\n      if (n < 16) {\r\n        this.processInfo.icon = 'ic_x';\r\n        this.processInfo.title = '플랫폼 개설을 시작합니다.';\r\n      } else if (n < 32) {\r\n        this.processInfo.icon = 'ic_proc2';\r\n        this.processInfo.title = '주문방식에 맞게 페이지를 구성 중입니다.';\r\n      } else if (n < 48) {\r\n        this.processInfo.icon = 'ic_proc3';\r\n        this.processInfo.title = '디자인을 편집할 수 있는 빌더를 구성 중입니다.';\r\n      } else if (n < 64) {\r\n        this.processInfo.icon = 'ic_proc4';\r\n        this.processInfo.title = '관리자 사이트를 구성 중입니다.';\r\n      } else if (n < 80) {\r\n        this.processInfo.icon = 'ic_proc5';\r\n        this.processInfo.title = '사이트 데이터 베이스를 구성 중입니다.';\r\n      } else {\r\n        this.processInfo.icon = 'ic_x';\r\n        this.processInfo.title = '플랫폼 개설이 곧 완료됩니다.';\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    progress() {\r\n      return `width:${this.percent}%`;\r\n    }\r\n  }\r\n\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .processing-container\r\n    padding 160px 16px\r\n\r\n  .img-x\r\n    width 42px\r\n    height 42px\r\n\r\n  .progress-bar\r\n    width 562px\r\n    height 10px\r\n    border-radius 50px\r\n    background-color $gray2\r\n\r\n  .progress\r\n    height 100%\r\n    background-color $primary\r\n    border-radius 50px\r\n\r\n  .indicator\r\n    display flex\r\n    justify-content center\r\n    align-items center\r\n    gap 8px\r\n\r\n  .dot\r\n    width 8px\r\n    height 8px\r\n    border-radius 100%\r\n    background-color $gray1\r\n\r\n  .dot-active\r\n    background-color $main\r\n\r\n  .slick-container\r\n    width 600px\r\n\r\n\r\n  .title\r\n    font-size 28px\r\n    font-weight 500\r\n\r\n  .box-account\r\n    background-color $gray3\r\n    border-radius 12px\r\n    padding 24px 40px\r\n    display grid\r\n    grid-template-columns 60px 1fr\r\n    grid-gap 10px\r\n    align-items center\r\n    text-align left\r\n\r\n  .button-admin\r\n    width 100%\r\n    height 52px\r\n    font-size 16px\r\n    font-weight 500\r\n    margin-top 71px\r\n\r\n\r\n  @media (max-width: 1024px)\r\n    .processing-container\r\n      padding 100px 16px\r\n\r\n    .slick-container\r\n      width 100%\r\n\r\n    .title\r\n      font-size 24px\r\n      font-weight 500\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Processing.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Processing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Processing.vue?vue&type=template&id=3c3ceaff&scoped=true&\"\nimport script from \"./Processing.vue?vue&type=script&lang=js&\"\nexport * from \"./Processing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Processing.vue?vue&type=style&index=0&id=3c3ceaff&lang=stylus&scoped=true&\"\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  \"3c3ceaff\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}