{"version":3,"sources":["webpack:///./src/components/component/BlockBuilder.vue?7480","webpack:///./src/components/page/QuickBuilder/SuperBuilderStep6.vue?57ec","webpack:///./src/components/component/BlockBuilder.vue?caf0","webpack:///src/components/component/BlockBuilder.vue","webpack:///./src/components/component/BlockBuilder.vue?fadb","webpack:///./src/components/component/BlockBuilder.vue","webpack:///./src/mixins/UserAPIMixin.js","webpack:///./src/components/page/QuickBuilder/SuperBuilderStep6.vue?4d2b","webpack:///src/components/page/QuickBuilder/SuperBuilderStep6.vue","webpack:///./src/components/page/QuickBuilder/SuperBuilderStep6.vue?6409","webpack:///./src/components/page/QuickBuilder/SuperBuilderStep6.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","style","on","clear","attrs","headerImg","device","_e","_l","block","idx","key","class","selectedBlock","preview","$event","stopPropagation","preventDefault","clickPageBlock","footerImg","blockName","_v","_s","id","clickBlock","staticRenderFns","component","userAxios","axios","create","headers","common","data","request","user","created","defaults","baseURL","process","$store","getters","user_id","token","auth","setHeader","interceptors","response","use","error","status","logout","Promise","reject","methods","value","post","then","commit","$router","replace","catch","err","undefined","detail","toast","message","compName","korName","selectedDevice","service","page"],"mappings":"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","file":"js/chunk-7bf398a0.6c3567f5.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!./BlockBuilder.vue?vue&type=style&index=0&id=1bb1fd1c&lang=stylus&scoped=true&\"","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!./SuperBuilderStep6.vue?vue&type=style&index=0&id=4b58c733&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"columns\",staticStyle:{\"overflow\":\"hidden\"},style:(_vm.gridStyle)},[_c('div',{staticClass:\"col-8 box-parent\",on:{\"click\":_vm.clear}},[_c('div',{staticClass:\"builder-box\",staticStyle:{\"padding\":\"0 20px\"}},[_c('div',{staticClass:\"inner\"},[_c('img',{attrs:{\"src\":_vm.headerImg}}),(_vm.device==='mobile')?_c('img',{staticStyle:{\"margin-top\":\"-8px\"},attrs:{\"src\":\"https://launchpack-storage.s3.ap-northeast-2.amazonaws.com/media/lp_templates/BlockGnb.png\"}}):_vm._e(),_vm._l((_vm.computedPageBlocks),function(block,idx){return [_c('img',{key:'page-block-'+idx,staticClass:\"block-preview unselect\",class:{'selected': block.idx === _vm.selectedBlock.idx},attrs:{\"src\":block.preview},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickPageBlock(block)}}})]}),_c('img',{attrs:{\"src\":_vm.footerImg}})],2)])]),_c('div',{staticClass:\"col-4 box-parent\"},[_c('div',{staticClass:\"builder-box position-relative\"},[(_vm.blockName!=='')?_c('div',{staticClass:\"block-title\"},[_vm._v(_vm._s(_vm.blockName)+\" 템플릿 선택\")]):_vm._e(),_c('div',{staticClass:\"inner\",staticStyle:{\"padding-top\":\"60px\"}},[_vm._l((_vm.blocks),function(block){return [_c('img',{key:'block-'+block.id,staticClass:\"block-preview unselect\",attrs:{\"src\":block.preview},on:{\"click\":function($event){return _vm.clickBlock(block)}}})]})],2)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"columns\" style=\"overflow: hidden;\" :style=\"gridStyle\">\r\n      <div class=\"col-8 box-parent\" @click=\"clear\">\r\n        <div class=\"builder-box\" style=\"padding:0 20px\">\r\n          <div class=\"inner\">\r\n            <!-- Header -->\r\n            <img :src=\"headerImg\">\r\n            <img v-if=\"device==='mobile'\" style=\"margin-top:-8px\"\r\n                 src=\"https://launchpack-storage.s3.ap-northeast-2.amazonaws.com/media/lp_templates/BlockGnb.png\">\r\n            <template v-for=\"(block,idx) in computedPageBlocks\">\r\n              <img :src=\"block.preview\" class=\"block-preview unselect\" :key=\"'page-block-'+idx\"\r\n                   :class=\"{'selected': block.idx === selectedBlock.idx}\"\r\n                   @click.stop.prevent=\"clickPageBlock(block)\">\r\n            </template>\r\n            <!-- Footer -->\r\n            <img :src=\"footerImg\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-4 box-parent\">\r\n        <div class=\"builder-box position-relative\">\r\n          <div class=\"block-title\" v-if=\"blockName!==''\">{{ blockName }} 템플릿 선택</div>\r\n          <div class=\"inner\" style=\"padding-top:60px\">\r\n            <template v-for=\"block in blocks\">\r\n              <img :src=\"block.preview\" class=\"block-preview unselect\" :key=\"'block-'+block.id\"\r\n                   @click=\"clickBlock(block)\">\r\n            </template>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import UserAPIMixin from \"../../mixins/UserAPIMixin\";\r\n\r\n  export default {\r\n    name: \"BlockBuilder\",\r\n    props: {\r\n      device: {\r\n        type: String\r\n      },\r\n      page: {\r\n        type: Object\r\n      },\r\n      service: {\r\n        type: Object\r\n      }\r\n    },\r\n    mixins: [\r\n      UserAPIMixin\r\n    ],\r\n    created() {\r\n      this.getData();\r\n    },\r\n    data() {\r\n      return {\r\n        id: 1,\r\n        blocks: [],\r\n        selectedBlock: {id:0},\r\n        url: '',\r\n        blockName: ''\r\n      }\r\n    },\r\n    methods: {\r\n      clear() {\r\n        this.selectedBlock = {id:0};\r\n        this.blockName = '';\r\n        this.blocks = [];\r\n      },\r\n      clickPageBlock(block) {\r\n        this.selectedBlock = block;\r\n        this.getBlocks();\r\n      },\r\n      getData() {\r\n        if((this.device === 'pc' && this.page.pageBlocksPc.length > 0) ||\r\n          (this.device === 'mobile' && this.page.pageBlocks.length > 0)) {\r\n\r\n          document.getElementsByClassName('inner')[0].scrollTop = 0;\r\n          return;\r\n        }\r\n        let name = this.page.name;\r\n        this.request.user.get(`ui/super_builder/page_blocks/${name}`).then(res=>{\r\n          this.page.pageBlocks = res.data.mobile.filter(item => {\r\n            return ['BlockGnb'].indexOf(item.name) === -1;\r\n          });\r\n          for(let i=0;i<this.page.pageBlocks.length;i++) {\r\n            this.page.pageBlocks[i].idx = i;\r\n          }\r\n\r\n          this.page.pageBlocksPc = res.data.pc;\r\n          for(let i=0;i<this.page.pageBlocksPc.length;i++) {\r\n            this.page.pageBlocksPc[i].idx = i;\r\n          }\r\n\r\n          this.$nextTick(()=>{\r\n            if(document.getElementsByClassName('inner').length>0)\r\n              document.getElementsByClassName('inner')[0].scrollTop = 0;\r\n          });\r\n        });\r\n      },\r\n      getBlocks() {\r\n        this.url = `ui/super_builder/blocks/${this.selectedBlock.name}?page_length=100`;\r\n        let conv = this.service.conversions.map(item=>{ return item.params.filter(param=>{ return param.name === 'key'})[0].value}).toString();\r\n        let plugin = this.service.plugins.map(item=>{ return item.params.filter(param=>{ return param.name === 'key'})[0].value}).toString();\r\n        this.url += `&conversion=${conv}&plugin=${plugin}`;\r\n        this.request.user.get(this.url).then(res=>{\r\n\r\n          // 현재 선택한 블럭 외, 다른 동일한 이름의 블럭이 이미 추가되어 있는 경우 목록에서 제거\r\n          // 중복 추가 막기 위함\r\n          let pageBlocks = this.device === 'pc' ? this.page.pageBlocksPc : this.page.pageBlocks;\r\n          pageBlocks = pageBlocks.filter(block => {\r\n            return block.name === this.selectedBlock.name && block.template_name !== this.selectedBlock.template_name\r\n          }).map(block => { return block.template_name });\r\n\r\n          this.blocks = res.data.filter(data => { return pageBlocks.indexOf(data.template_name) === -1 });\r\n          this.blockName  = this.blocks[0].kor_name;\r\n        });\r\n      },\r\n      clickBlock(block) {\r\n        this.selectedBlock.preview = block.preview;\r\n        this.selectedBlock.template_name = block.template_name;\r\n        this.selectedBlock.id = block.id;\r\n      }\r\n    },\r\n    watch: {\r\n      page() {\r\n        this.clear();\r\n        this.getData();\r\n      },\r\n      device() {\r\n        this.clear();\r\n        this.getData();\r\n      }\r\n    },\r\n    computed: {\r\n      computedPageBlocks() {\r\n        return this.device === 'pc' ? this.page.pageBlocksPc : this.page.pageBlocks;\r\n      },\r\n      gridStyle() {\r\n        return this.device === 'pc' ? {width: '100%'} : {width:'694px', margin: 'auto'};\r\n      },\r\n      headerImg() {\r\n        return this.device === 'pc' ?\r\n          'https://launchpack-storage.s3.ap-northeast-2.amazonaws.com/media/lp_templates/BlockHeaderPc.png' :\r\n          'https://launchpack-storage.s3.ap-northeast-2.amazonaws.com/media/lp_templates/BlockHeader.png';\r\n      },\r\n      footerImg() {\r\n        return this.device === 'pc' ?\r\n          'https://launchpack-storage.s3.ap-northeast-2.amazonaws.com/media/lp_templates/t1_FooterPc.png' :\r\n          'https://launchpack-storage.s3.ap-northeast-2.amazonaws.com/media/lp_templates/t1_Footer.png';\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .block-preview\r\n    outline 2px solid transparent\r\n    width 100%\r\n  .block-preview:hover\r\n    outline 2px solid #707070\r\n  .selected\r\n    outline 2px solid #FF6600 !important\r\n\r\n  .box-parent\r\n    overflow hidden\r\n  .builder-box\r\n    width 100%\r\n    height calc(100vh - 318px)\r\n    overflow-y hidden\r\n    .inner\r\n      height 100%\r\n      border 1px solid #ddd\r\n      overflow-y scroll\r\n      padding 12px 12px 150px 12px\r\n      line-height 2\r\n\r\n  .block-title\r\n    font-size 15px\r\n    position absolute\r\n    padding 12px\r\n    width calc(100% - 22px)\r\n    top 0\r\n    left 0\r\n    background #fafafa\r\n    margin 1px\r\n\r\n  img\r\n    width 100%\r\n</style>","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!./BlockBuilder.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!./BlockBuilder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BlockBuilder.vue?vue&type=template&id=1bb1fd1c&scoped=true&\"\nimport script from \"./BlockBuilder.vue?vue&type=script&lang=js&\"\nexport * from \"./BlockBuilder.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BlockBuilder.vue?vue&type=style&index=0&id=1bb1fd1c&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  \"1bb1fd1c\",\n  null\n  \n)\n\nexport default component.exports","import axios from 'axios'\r\n\r\nconst userAxios = axios.create({\r\n  headers: {\r\n    common: {}\r\n  }\r\n});\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      request: {\r\n        user: userAxios,\r\n      },\r\n    };\r\n  },\r\n\r\n\r\n  created() {\r\n    // Admin base URL 설정.\r\n    this.request.user.defaults.baseURL = `${process.env.VUE_APP_MASTER_BACKEND_URL}/user/${this.$store.getters.user.user_id}`;\r\n\r\n    // 인증 설정.\r\n    if (this.$store.getters.user.token !== '') {\r\n      const auth = 'Token ' + this.$store.getters.user.token;\r\n      this.setHeader(this.request.user, 'Authorization', auth);\r\n    }\r\n\r\n    this.request.user.interceptors.response.use(response => {\r\n      return response;\r\n    }, error => {\r\n      if (error.response.status === 401) {\r\n        this.logout(); // 로그아웃 메서드 호출\r\n      }\r\n      return Promise.reject(error);\r\n    });\r\n  },\r\n\r\n  methods: {\r\n    setHeader(request, key, value) {\r\n      request.defaults.headers.common[key] = value;\r\n    },\r\n    // 로그아웃\r\n    async logout() {\r\n      await this.request.user.post(`${process.env.VUE_APP_MASTER_BACKEND_URL}/auth/user/logout`)\r\n        .then(() => {\r\n          this.$store.commit('logOut');\r\n          delete this.request.user.defaults.headers.common['Authorization'];\r\n          this.$router.replace('/home');\r\n        }).catch(err => {\r\n          if(err.response.data.detail === undefined)\r\n            this.toast(err.response.data.message);\r\n          else\r\n            this.toast(err.response.data.detail);\r\n        });\r\n    }\r\n  }\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticStyle:{\"padding-top\":\"24px\",\"width\":\"1000px\",\"margin\":\"0 auto\"}},[_c('div',{staticClass:\"text-center\",staticStyle:{\"color\":\"#837c7a\"}},[_vm._v(\"페이지에서 원하는 템플릿으로 교체해보세요\")]),_c('div',{staticClass:\"size-36 text-center\"},[_vm._v(\"\\\"\"+_vm._s(_vm.compName.korName)+\"\\\" 페이지에서 원하는 디자인의\"),_c('br'),_c('b',[_vm._v(\"블럭 템플릿\")]),_vm._v(\"으로 교체해보세요.\")]),_c('div',{staticClass:\"flex-center margin-top-16 margin-bottom-32\"},[_c('div',{staticClass:\"device unselect\",class:{'active': _vm.selectedDevice==='mobile'},on:{\"click\":function($event){_vm.selectedDevice='mobile'}}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"phone_iphone\")])]),_c('div',{staticClass:\"device unselect\",class:{'active': _vm.selectedDevice==='pc'},on:{\"click\":function($event){_vm.selectedDevice='pc'}}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"desktop_mac\")])])])]),(_vm.page)?_c('block-builder',{attrs:{\"service\":_vm.service,\"device\":_vm.selectedDevice,\"page\":_vm.page}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div style=\"padding-top:24px;width: 1000px;margin: 0 auto;\">\r\n      <div class=\"text-center\" style=\"color:#837c7a\">페이지에서 원하는 템플릿으로 교체해보세요</div>\r\n      <div class=\"size-36 text-center\">\"{{ compName.korName }}\" 페이지에서 원하는 디자인의<br><b>블럭 템플릿</b>으로 교체해보세요.</div>\r\n\r\n      <div class=\"flex-center margin-top-16 margin-bottom-32\">\r\n        <div class=\"device unselect\"\r\n             :class=\"{'active': selectedDevice==='mobile'}\"\r\n             @click=\"selectedDevice='mobile'\">\r\n          <i class=\"material-icons\">phone_iphone</i>\r\n        </div>\r\n        <div class=\"device unselect\"\r\n             :class=\"{'active': selectedDevice==='pc'}\"\r\n             @click=\"selectedDevice='pc'\">\r\n          <i class=\"material-icons\">desktop_mac</i>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <block-builder v-if=\"page\" :service=\"service\" :device=\"selectedDevice\" :page=\"page\"></block-builder>\r\n  </div>\r\n</template>\r\n<script>\r\n  import UserAPIMixin from \"../../../mixins/UserAPIMixin\";\r\n  import BlockBuilder from \"../../component/BlockBuilder\";\r\n\r\n\r\n  export default {\r\n    name: \"SuperBuilderStep6\",\r\n    components: {\r\n      BlockBuilder\r\n    },\r\n    mixins: [\r\n      UserAPIMixin\r\n    ],\r\n    props: {\r\n      step: {\r\n        type: Number\r\n      },\r\n      service: {\r\n        type: Object\r\n      }\r\n    },\r\n    created() {\r\n      this.getData();\r\n    },\r\n    data() {\r\n      return {\r\n        selectedDevice: 'mobile',\r\n        page: undefined\r\n      }\r\n    },\r\n    computed: {\r\n      containerStyle() {\r\n        return {\r\n          position: 'absolute',\r\n          top: '50%',\r\n          left: '50%',\r\n          transform: 'translate(-50%, -50%)'\r\n        }\r\n      },\r\n      compName() {\r\n        let name = '';\r\n        let korName = '';\r\n        switch(this.step) {\r\n          case 5:\r\n            name = 'Home';\r\n            korName = '홈';\r\n            break;\r\n          case 6:\r\n            name = 'Product';\r\n            korName = '상품목록';\r\n            break;\r\n          case 7:\r\n            name = 'ProductDetail';\r\n            korName = '상품상세';\r\n        }\r\n\r\n        return {\r\n          name: name,\r\n          korName: korName\r\n        };\r\n      }\r\n    },\r\n    watch: {\r\n      step() {\r\n        this.getData();\r\n      }\r\n    },\r\n    methods: {\r\n      getData() {\r\n        let page = this.service.pages.filter(item=>{ return item.name === this.compName.name });\r\n        if(page.length===0) {\r\n          this.page = {\r\n            name: this.compName.name,\r\n            pageBlocks: [],\r\n            pageBlocksPc: []\r\n          };\r\n          this.service.pages.push(this.page);\r\n\r\n        } else {\r\n          this.page = page[0];\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .device\r\n    display flex\r\n    background-color white\r\n    border 1px solid $border2\r\n    padding 8px\r\n    border-radius 3px\r\n    margin 0 5px\r\n    font-size 28px\r\n\r\n  .device.active\r\n    border 1px solid $primary\r\n    color $primary\r\n\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!./SuperBuilderStep6.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!./SuperBuilderStep6.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SuperBuilderStep6.vue?vue&type=template&id=4b58c733&scoped=true&\"\nimport script from \"./SuperBuilderStep6.vue?vue&type=script&lang=js&\"\nexport * from \"./SuperBuilderStep6.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SuperBuilderStep6.vue?vue&type=style&index=0&id=4b58c733&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  \"4b58c733\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}