{"version":3,"sources":["webpack:///./src/components/page/MyCoupon.vue?f58d","webpack:///src/components/page/MyCoupon.vue","webpack:///./src/components/page/MyCoupon.vue?35e9","webpack:///./src/components/page/MyCoupon.vue","webpack:///./src/mixins/UserAPIMixin.js","webpack:///./src/components/page/MyCoupon.vue?95b1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","list","length","_l","card","idx","key","_e","class","used","expired","_s","coupon","name","description","datesFormat","start_date","expired_date","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"],"mappings":"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","file":"js/chunk-04e34131.9b3854c3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"pc container\"},[_c('div',{staticClass:\"h5 main\",staticStyle:{\"padding\":\"40px 0px 28px\"}},[_vm._v(\"내 쿠폰\")]),(_vm.list && _vm.list.length === 0)?_c('div',{staticClass:\"empty-view\"},[_vm._v(\"보유하신 쿠폰이 없습니다.\")]):(_vm.list && _vm.list.length>0)?_c('div',{staticClass:\"grid-card\"},_vm._l((_vm.list),function(card,idx){return _c('div',{key:(\"card-\" + idx),staticClass:\"card\"},[(card.used)?_c('div',{staticClass:\"tag\"},[_vm._v(\"이용완료\")]):(card.expired)?_c('div',{staticClass:\"tag\"},[_vm._v(\"사용기간 만료\")]):_vm._e(),_c('div',[_c('div',{staticClass:\"subtitle4\",class:card.used || card.expired ? 'sub4' : 'main'},[_vm._v(_vm._s(card.coupon.name))]),_c('div',{staticClass:\"body3 margin-top-8\",class:card.used || card.expired ? 'sub4' : 'sub2'},[_vm._v(_vm._s(card.coupon.description))]),_c('div',{staticClass:\"body4 margin-top-28\",class:card.used || card.expired ? 'sub4' : 'sub3'},[_vm._v(\"사용기간 \"+_vm._s(_vm.datesFormat(card.start_date, 'date_3'))+\" ~ \"+_vm._s(_vm.datesFormat(card.expired_date, 'date_3')))])])])}),0):_vm._e()]),_c('div',{staticClass:\"mobile container\"},[_c('div',{staticClass:\"h5 main\",staticStyle:{\"padding\":\"40px 0px 28px\"}},[_vm._v(\"내 쿠폰\")]),(_vm.list && _vm.list.length === 0)?_c('div',{staticClass:\"empty-view\"},[_vm._v(\"보유하신 쿠폰이 없습니다.\")]):(_vm.list && _vm.list.length>0)?_c('div',{staticClass:\"grid-card\"},_vm._l((_vm.list),function(card,idx){return _c('div',{key:(\"card-\" + idx),staticClass:\"card\"},[(card.used)?_c('div',{staticClass:\"tag\"},[_vm._v(\"이용완료\")]):(card.expired)?_c('div',{staticClass:\"tag\"},[_vm._v(\"사용기간 만료\")]):_vm._e(),_c('div',[_c('div',{staticClass:\"subtitle5\",class:card.used || card.expired ? 'sub4' : 'main'},[_vm._v(_vm._s(card.coupon.name))]),_c('div',{staticClass:\"body5 margin-top-8\",class:card.used || card.expired ? 'sub4' : 'sub2'},[_vm._v(_vm._s(card.coupon.description))]),_c('div',{staticClass:\"body6 margin-top-16\",class:card.used || card.expired ? 'sub4' : 'sub3'},[_vm._v(\"사용기간 \"+_vm._s(_vm.datesFormat(card.start_date, 'date_3'))+\" ~ \"+_vm._s(_vm.datesFormat(card.expired_date, 'date_3')))])])])}),0):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"pc container\">\r\n      <div class=\"h5 main\" style=\"padding: 40px 0px 28px;\">내 쿠폰</div>\r\n      <div v-if=\"list && list.length === 0\" class=\"empty-view\">보유하신 쿠폰이 없습니다.</div>\r\n      <div v-else-if=\"list && list.length>0\" class=\"grid-card\">\r\n        <div v-for=\"(card,idx) in list\" :key=\"`card-${idx}`\"\r\n          class=\"card\">\r\n          <div class=\"tag\" v-if=\"card.used\">이용완료</div>\r\n          <div class=\"tag\" v-else-if=\"card.expired\">사용기간 만료</div>\r\n          <div>\r\n            <div class=\"subtitle4\" :class=\"card.used || card.expired ? 'sub4' : 'main'\">{{ card.coupon.name }}</div>\r\n            <div class=\"body3 margin-top-8\" :class=\"card.used || card.expired ? 'sub4' : 'sub2'\">{{ card.coupon.description }}</div>\r\n            <div class=\"body4 margin-top-28\" :class=\"card.used || card.expired ? 'sub4' : 'sub3'\">사용기간 {{ datesFormat(card.start_date, 'date_3') }} ~ {{ datesFormat(card.expired_date, 'date_3') }}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile container\">\r\n      <div class=\"h5 main\" style=\"padding: 40px 0px 28px;\">내 쿠폰</div>\r\n      <div v-if=\"list && list.length === 0\" class=\"empty-view\">보유하신 쿠폰이 없습니다.</div>\r\n      <div v-else-if=\"list && list.length>0\" class=\"grid-card\">\r\n        <div v-for=\"(card,idx) in list\" :key=\"`card-${idx}`\"\r\n             class=\"card\">\r\n          <div class=\"tag\" v-if=\"card.used\">이용완료</div>\r\n          <div class=\"tag\" v-else-if=\"card.expired\">사용기간 만료</div>\r\n          <div>\r\n            <div class=\"subtitle5\" :class=\"card.used || card.expired ? 'sub4' : 'main'\">{{ card.coupon.name }}</div>\r\n            <div class=\"body5 margin-top-8\" :class=\"card.used || card.expired ? 'sub4' : 'sub2'\">{{ card.coupon.description }}</div>\r\n            <div class=\"body6 margin-top-16\" :class=\"card.used || card.expired ? 'sub4' : 'sub3'\">사용기간 {{ datesFormat(card.start_date, 'date_3') }} ~ {{ datesFormat(card.expired_date, 'date_3') }}</div>\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: \"MyCoupon\",\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        list: undefined\r\n      }\r\n    },\r\n    methods: {\r\n      getData() {\r\n        this.request.user.get('coupon').then(res => {\r\n          this.list = res.data;\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  .grid-card\r\n    display grid\r\n\r\n  .card\r\n    border 1px solid $gray\r\n    border-radius 8px\r\n    background-color white\r\n    height 200px\r\n    display flex\r\n    align-items center\r\n    text-align center\r\n    justify-content center\r\n    position relative\r\n    .tag\r\n      background-color $sub3\r\n      color white\r\n      padding 2px 4px\r\n      border-radius 4px\r\n      font-size 12px\r\n      position absolute\r\n      top 20px\r\n      left 20px\r\n\r\n  .pc\r\n    .grid-card\r\n      grid-gap 24px\r\n      grid-template-columns repeat(2, 1fr)\r\n\r\n  .mobile\r\n    .grid-card\r\n      grid-gap 12px\r\n    .card\r\n      height 160px\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!./MyCoupon.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!./MyCoupon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyCoupon.vue?vue&type=template&id=d8a10dd0&scoped=true&\"\nimport script from \"./MyCoupon.vue?vue&type=script&lang=js&\"\nexport * from \"./MyCoupon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MyCoupon.vue?vue&type=style&index=0&id=d8a10dd0&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  \"d8a10dd0\",\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","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!./MyCoupon.vue?vue&type=style&index=0&id=d8a10dd0&lang=stylus&scoped=true&\""],"sourceRoot":""}