{"version":3,"sources":["webpack:///./src/components/component/BlockBuilder.vue?7480","webpack:///./src/components/component/BlockBuilder.vue?6a94","webpack:///src/components/component/BlockBuilder.vue","webpack:///./src/components/component/BlockBuilder.vue?fadb","webpack:///./src/components/component/BlockBuilder.vue?5de1","webpack:///./src/mixins/UserAPIMixin.js"],"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","methods","value","logout","post","then","commit","$router","replace","catch","err","undefined","response","detail","toast","message"],"mappings":"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","file":"js/chunk-17e40189.b3101b9c.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&\"","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\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"],"sourceRoot":""}