{"version":3,"sources":["webpack:///./src/views/account/vip/Index.vue?6d13","webpack:///./src/assets/images/icon/menu.png","webpack:///./src/views/account/vip/Index.vue","webpack:///./src/services/vipService.js","webpack:///src/views/account/vip/Index.vue","webpack:///./src/views/account/vip/Index.vue?2725","webpack:///./src/views/account/vip/Index.vue?5870","webpack:///./src/assets/images/icon/right-arrow.svg"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","label","$t","click","$router","push","name","loading","vip","currentRank","imageUrl","getUrl","_v","_s","$config","goldName","totalCharged","$toString","staticStyle","nextRank","money","_e","tutorialUrl","require","staticRenderFns","vipService","httpHelper","get","data","response","error","dialogHelper","alert","message","component"],"mappings":"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","file":"js/chunk-eed6a1c6.e69f7fac.js","sourcesContent":["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-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-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=118475d2&prod&scoped=true&lang=scss\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAM1SURBVHgB7VjbbeJAFB0T8k8HSwfrDmJLAcRXQgVABUkqSKgAqACogPCFBEg4FSxbwVICH/wgXnuOM9c7ywL2EFbigyNZc5nH8Z3Xudc4SmM4HL46jlPZbrdZFY8J+jXz+Xx7X+NoNHpC+yNMT8WDXG1wNfnD0c6MEw7eRSOXy72YFeCqo3hW9gjA5Tsg4GCSKM46lUoFKGfHRqK9gtUsa7sqKzUYDFjfoo2SdT0brs1mU0ujLAsBPEw6swAT+YbS02RtzRFx3d/fV5NyYYtncOzp5uamnEKFy9rlctlRFgBBR788K3ViY6Yfyg6B5sym1AXA3NaLcMjE1aE4XB2Kw+U6BIXOKAtAc6z6JwUdCmhAJR+UHUJVXq/XP6UCejJhKYqdFEb/CUNHD4/HmAIJT6SymsDV9rvRxIgdRnmElh8oO3GxjFzo46nPCTXDaA9HGowlyhIMhoVC4c2sgyP8/aosodOZZ0cqdKQum7HpCMJ8CME42NdILpxJHgE3jgg8U8bFQ7nVFbs4act4m/D0kixzv9/3bm9veXBdSoU+5NND4yWFPTXtfMM5qu1rwATpAHm9Q4PRPoVsvOBiRDfVMdNOIJDE6wgJBTG69qvVyi8Wi4HZB7eW7by5Ip5sD9NZjsdzpz8C/pmYo/XCtUw7ow8DXP0eZhiRY4uy6XT6F23eIPBW991G3a8rEwNPiSv15RQWCv/drMd5GYsz2A7/kDRgVadwyIcZqjtkojUejzNnDa7Yqkf5rqMzfOmx/r7vz7DlJZg86JnFYlE5d7SXeBjEOSNgP2O1H87qEK82S6xOz27k57YB7lkdkpQE52FmOW6qzcx/SdBwY07NrWZndQhbFaYuJ+RW0n9yVofgiCiuR51JMkb382jzcJ+cwu4DhPWd+kObokddiRsD3apTKrRuBSk5UHDoTllA+osDAiqzNl1ozPjQSnW73Qx0qyUhBOOalADHzPAYPuIUmyvJM8KUVztU3Y3au1kjeSkFOOwzjudk9J9j4QqameeX/rCStHNfG1UbL6rHpDOUhxrCSyNyXv2ZFYmjKB6DAE/PJDoEybM0b0Y7QSH8mM/njVKp9Jdm/QaEP92CetSjnwAAAABJRU5ErkJggg==\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-vip\"},[_c('b-col',{staticClass:\"py-3\"},[_c('Breadcrumb',{attrs:{\"items\":[{label: _vm.$t('Account'), click: () => _vm.$router.push({name: 'Account'})}, {label: _vm.$t('VIP')}]}}),(_vm.loading)?_c('LoadingPanel'):(_vm.vip)?_c('div',[_c('div',{staticClass:\"vip-header row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"v-image\"},[_c('img',{attrs:{\"src\":_vm.vip.currentRank.imageUrl.getUrl()}})]),_c('div',{staticClass:\"v-name\"},[_vm._v(_vm._s(_vm.vip.currentRank.name))])])]),_c('div',{staticClass:\"vip-body\"},[_c('div',{staticClass:\"vip-heading d-flex justify-content-between align-items-center\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t(\"Current {0}\", [_vm.$config.goldName])))]),_c('div',{staticClass:\"money\"},[_vm._v(_vm._s(_vm.vip.totalCharged.$toString()))])]),_c('div',{staticClass:\"vip-progress d-flex align-items-center\"},[_c('div',{staticClass:\"vip-bar\",staticStyle:{\"flex\":\"1\"}},[_c('b-progress',{attrs:{\"value\":(_vm.vip.nextRank == null ? 0 : ((_vm.vip.totalCharged/_vm.vip.nextRank.money)*100)),\"height\":\"8\"}})],1),(_vm.vip.nextRank)?_c('div',{staticClass:\"vip-image ml-2\"},[_c('img',{attrs:{\"src\":_vm.vip.nextRank.imageUrl.getUrl()}})]):_vm._e()]),_c('div',{staticClass:\"vip-charge\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"Charge {0} {1} to rank {2}\", [((_vm.vip.nextRank ? _vm.vip.nextRank.money : 0) - _vm.vip.totalCharged).$toString(), _vm.$config.goldName, _vm.vip.nextRank ? _vm.vip.nextRank.name : \"\"]))+\" \")]),_c('div',{staticClass:\"vip-tutorial\"},[_c('a',{staticClass:\"d-flex align-items-center\",attrs:{\"href\":_vm.vip.tutorialUrl}},[_c('img',{staticClass:\"img-icon\",attrs:{\"src\":require(\"../../../assets/images/icon/menu.png\")}}),_c('div',{staticStyle:{\"flex\":\"1\"}},[_vm._v(_vm._s(_vm.$t(\"Charge VIP tutorial\", [_vm.$config.goldName])))]),_c('img',{staticClass:\"img-icon\",attrs:{\"src\":require(\"../../../assets/images/icon/right-arrow.svg\")}})])])])]):_c('NotFoundPanel')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import httpHelper from \"@/helpers/httpHelper\";\n\nconst vipService = {\n    async get() {\n        return await httpHelper.get(\"/WebApi/Vip/Get\");\n    }\n};\n\nexport default vipService;","<template>\n  <div class=\"page page-vip\">\n    <b-col class=\"py-3\">\n      <Breadcrumb :items=\"[{label: $t('Account'), click: () => $router.push({name: 'Account'})}, {label: $t('VIP')}]\"/>\n      <LoadingPanel v-if=\"loading\" />\n      <div v-else-if=\"vip\">\n        <div class=\"vip-header row\">\n          <div class=\"col-12\">\n            <div class=\"v-image\">\n              <img :src=\"vip.currentRank.imageUrl.getUrl()\" />\n            </div>\n            <div class=\"v-name\">{{vip.currentRank.name}}</div>\n          </div>\n        </div>\n        <div class=\"vip-body\">\n          <div class=\"vip-heading d-flex justify-content-between align-items-center\">\n            <div class=\"title\">{{$t(\"Current {0}\", [$config.goldName])}}</div>\n            <div class=\"money\">{{vip.totalCharged.$toString()}}</div>\n          </div>\n          <div class=\"vip-progress d-flex align-items-center\">\n            <div class=\"vip-bar\" style=\"flex: 1\">\n              <b-progress :value=\"(vip.nextRank == null ? 0 : ((vip.totalCharged/vip.nextRank.money)*100))\" height=\"8\"></b-progress>\n            </div>\n            <div class=\"vip-image ml-2\" v-if=\"vip.nextRank\">\n              <img :src=\"vip.nextRank.imageUrl.getUrl()\" />\n            </div>\n          </div>\n          <div class=\"vip-charge\">\n            {{$t(\"Charge {0} {1} to rank {2}\", [((vip.nextRank ? vip.nextRank.money : 0) - vip.totalCharged).$toString(), $config.goldName, vip.nextRank ? vip.nextRank.name : \"\"])}}\n          </div>\n          <div class=\"vip-tutorial\">\n            <a :href=\"vip.tutorialUrl\" class=\"d-flex align-items-center\">\n              <img src=\"../../../assets/images/icon/menu.png\" class=\"img-icon\" />\n              <div style=\"flex: 1\">{{$t(\"Charge VIP tutorial\", [$config.goldName])}}</div>\n              <img src=\"../../../assets/images/icon/right-arrow.svg\" class=\"img-icon\" />\n            </a>\n          </div>\n        </div>\n      </div>      \n      <NotFoundPanel v-else />\n    </b-col>\n  </div>\n</template>\n\n<script>\nimport vipService from \"@/services/vipService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\n\nexport default {\n  name: \"Index\",\n  data() {\n    return {\n      vip: null,\n      loading: true\n    }\n  },\n  async created() {\n    const response = await vipService.get();\n    if (!response) {\n      await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n      this.loading = false;\n      return;\n    }\n\n    if (response.error) {\n      await dialogHelper.alert(response.message);\n      this.loading = false;\n      return;\n    }\n\n    this.loading = false;\n    this.vip = response.data;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.vip-header {\n  background-image: url(\"../../../assets/images/bg-vip.png\");\n  background-repeat: no-repeat;\n  background-position: top center;\n  background-size: cover;\n  padding: 16px 24px 60px 24px;\n  border-bottom-left-radius: 20px;\n  border-bottom-right-radius: 20px;\n  \n  .v-image {\n    max-width: 42%;\n    margin: 0 auto;\n    \n    img {\n      width: 100%;\n    }\n  }\n  \n  .v-name {\n    margin-top: 6px;\n    font-weight: 700;\n    font-size: 1.5em;\n    color: #ffeb7b;\n    text-align: center;\n  }\n}\n\n.vip-body {\n  margin: -10px 8px 0 8px;\n  background: #fff;\n  box-shadow: 0 2px 4px rgb(0 0 0 / 16%);\n  border-radius: 8px;\n  padding:  18px;\n  \n  .vip-heading {\n    font-weight: 600;\n    font-size: 16px;\n    \n    .money {\n      font-size: 22.5px;\n    }\n  }\n  \n  .vip-progress {\n    .vip-image img {\n      width: 44px;\n      height: 34px;\n      object-fit: contain;\n    }\n    \n    .vip-bar {\n      .progress {\n        height: 8px;\n\n        \n      }     \n    }\n  }\n}\n\n.vip-charge {\n  padding: 4px 0 0;\n  font-weight: 600;\n  font-size: 13.5px;\n  color: rgba(255,117,58,.8);\n}\n\n.vip-tutorial {\n  margin-top: 13px;\n  padding: 12px 0;\n  font-size: 15.75px;\n  align-items: center;\n\n  div {\n    padding-left: 13px;\n    padding-top: 5px;\n  }\n  \n  img {\n    height: 18px;\n  }\n}\n</style>","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-loader/lib/index.js??vue-loader-options!./Index.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-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=118475d2&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=118475d2&prod&scoped=true&lang=scss\"\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  \"118475d2\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/right-arrow.ca9f2683.svg\";"],"sourceRoot":""}