{"version":3,"sources":["webpack:///./src/module/Home/components/CounterBox.vue?4b87","webpack:///src/module/Home/components/CounterBox.vue","webpack:///./src/module/Home/components/CounterBox.vue?48d3","webpack:///./src/module/Home/components/CounterBox.vue","webpack:///./src/module/Home/BranchDetail.vue?6924","webpack:///./node_modules/core-js/modules/_strict-method.js","webpack:///./node_modules/core-js/modules/_object-to-array.js","webpack:///./node_modules/core-js/modules/es6.array.sort.js","webpack:///./src/module/Home/components/RankItem.vue?5a82","webpack:///src/module/Home/components/RankItem.vue","webpack:///./src/module/Home/components/RankItem.vue?139a","webpack:///./src/module/Home/components/RankItem.vue","webpack:///./src/module/Home/components/CounterBox.vue?c3d7","webpack:///./src/core/Dashboard/BzbsDashboard.js","webpack:///./src/module/Home/BranchDetail.vue?1901","webpack:///src/module/Home/BranchDetail.vue","webpack:///./src/module/Home/BranchDetail.vue?2649","webpack:///./src/module/Home/BranchDetail.vue","webpack:///./node_modules/core-js/modules/es7.object.values.js","webpack:///./src/module/Home/components/RankItem.vue?eec6","webpack:///./src/module/Home/BranchDetail.vue?b933"],"names":["render","_vm","this","_h","$createElement","_c","_self","$router","currentRoute","path","open","staticClass","class","customclass","_l","Object","values","data","i","key","title","slot","_v","_s","info","attrs","getImage","icon","value","toLocaleString","et","_e","staticRenderFns","name","props","type","onLoading","startTimestamp","num","mixins","mounted","methods","trickerCounter","counterAnim","window","step","component","fails","module","exports","method","arg","call","DESCRIPTORS","getKeys","toIObject","isEnum","f","isEntries","it","O","keys","length","result","push","$export","aFunction","toObject","$sort","sort","test","P","F","undefined","comparefn","warp","details","rank","showImg","img","badge","checkBadge","text","lbl","id","adon","show","parseInt","subfix","rotate","ref","components","CounterBox","watch","handler","deep","KEY_COOKIE_USER","config","Vue","bzbsConfig","token","Cache","get","Token","appId","AppId","agency_id","$cookies","AgencyId","getBanner","params","agencyId","strUrl","bzbsModuleUrl","BzbsApi","connectBzbsGet","getSummaryDashboard","getMemberChart","startDate","startdate","endDate","enddate","filter","getGenderChart","getAgeChart","getActiveMemberChart","getAverageDashboard","getPointChart","getRewardRedemtionRank","getBranchRank","redeemDate","on","$event","goto","ranges","onChange","model","callback","$$v","date","expression","dateFormat","exportFile","handleSort","branchList","nativeOn","onOpen","onChangePage","currentPage","Header","RankItem","onopen","branchRank","computed","item","Redeemed","XLSX","wb","BzbsDashboard","then","coin","ticket","fire","catch","$values","S"],"mappings":"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gBACA,OACAsI,UACAH,cACAd,qBACAK,uCACA1H,QACAuI,cACA3I,qBAGA4I,UACAT,sBACA,sEAGAxG,mBACA,6BACA,0CACA,+BAEAC,SACA0G,yBACA,oBAEAD,mBACAjI,gBAEAsH,oBACA,+BAEAQ,uBAGA,OAFA,mBAEA,cACA,YACA,cACA,WACA,0BACA,wDAEA,MACA,WACA,0BACA,wDAEA,MAEA,MACA,eACA,cACA,WACA,0BACA,wDAEA,MACA,WACA,0BACA,wDAEA,MAEA,MACA,oBACA,cACA,WACA,0BACA,wDAEA,MACA,WACA,0BACA,wDAEA,MAEA,MAEA,iCACAW,eAIAZ,sBACA,uCACA,OACA,2BACA,uBACA,yBACAa,oBACA,oCAGA,6BACA,uBACAC,iCACAA,cACAC,EACA,uDAGA5B,yBAAA,sGACA6B,sBACAvC,oCACAE,oCAEAsC,kBACA,yBACA,UACA,oCACA,aACAlF,SACAE,OACAC,SACAtE,QACAwE,kBACAG,MACA,CACAlE,gBACA+D,oCACAtD,iCAEA,CACAT,eACA+D,oCACAtD,8BACA4D,wCAEA,CACArE,mBACA+D,sCACAtD,sCACA4D,yCAGAZ,SACAoF,MACArI,YACAP,qCACAQ,gCACAhB,kBAEAqJ,QACAtI,cACAP,qCACAQ,8BACAE,WACAlB,kBAEAsJ,MACAvI,YACAP,uCACAQ,sCACAE,mCACAlB,wBAKA,oBAEAuJ,0BChRqW,I,kCCSjWrH,EAAY,eACd,EACA9C,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAc,E,uDCnBf,IAAImB,EAAU,EAAQ,QAClBmG,EAAU,EAAQ,OAAR,EAA8B,GAE5CnG,EAAQA,EAAQoG,EAAG,SAAU,CAC3BrJ,OAAQ,SAAgB2C,GACtB,OAAOyG,EAAQzG,O,kCCNnB,W,kCCAA","file":"js/chunk-ebf28432.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (this.$router.currentRoute.path == '/Dashboard' || _vm.open)?_c('div',{staticClass:\"counter mt-3\",class:_vm.customclass},_vm._l((Object.values(_vm.data)),function(i){return _c('div',{key:i.title,staticClass:\"counteritem\",class:[i.class]},[_c('div',{staticClass:\"title\"},[_c('a-tooltip',[_c('template',{slot:\"title\"},[_vm._v(\" \"+_vm._s(i.info ? i.info : i.title)+\" \")]),_c('img',{attrs:{\"src\":_vm.getImage('dashboard', i.icon),\"alt\":\"title\"}})],2),_vm._v(\" \"+_vm._s(i.title)+\" \")],1),_c('div',{staticClass:\"value\"},[(_vm.onLoading)?_c('a-spin'):_c('span',{staticClass:\"number mr-2\"},[_vm._v(\" \"+_vm._s(i.value ? i.value.toLocaleString() : '0')+\" \")]),_c('span',{staticClass:\"et\"},[_vm._v(_vm._s(i.et))])],1)])}),0):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    v-if=\"this.$router.currentRoute.path == '/Dashboard' || open\"\r\n    class=\"counter mt-3\"\r\n    :class=\"customclass\"\r\n  >\r\n    <div\r\n      v-for=\"i in Object.values(data)\"\r\n      :key=\"i.title\"\r\n      class=\"counteritem\"\r\n      :class=\"[i.class]\"\r\n    >\r\n      <div class=\"title\">\r\n        <a-tooltip>\r\n          <template slot=\"title\">\r\n            {{ i.info ? i.info : i.title }}\r\n          </template>\r\n          <img :src=\"getImage('dashboard', i.icon)\" alt=\"title\" />\r\n        </a-tooltip>\r\n        {{ i.title }}\r\n      </div>\r\n\r\n      <div class=\"value\">\r\n        <a-spin v-if=\"onLoading\" />\r\n        <span v-else class=\"number mr-2\">\r\n          {{ i.value ? i.value.toLocaleString() : '0' }}\r\n        </span>\r\n        <span class=\"et\">{{ i.et }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nexport default {\r\n  name: 'counterbox',\r\n  props: {\r\n    data: {\r\n      type: Object,\r\n    },\r\n    open: {\r\n      type: Boolean,\r\n    },\r\n    onLoading: {\r\n      type: Boolean,\r\n    },\r\n    customclass: {\r\n      type: String,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      startTimestamp: {},\r\n      num: {},\r\n    }\r\n  },\r\n  mixins: [Mixin],\r\n  mounted() {\r\n    this.trickerCounter()\r\n  },\r\n  methods: {\r\n    trickerCounter() {\r\n      this.num = {}\r\n      this.startTimestamp = {}\r\n      Object.values(this.data).forEach(i => {\r\n        this.counterAnim(0, i.value, 4000, i.title)\r\n      })\r\n    },\r\n    counterAnim(start, end, time, key) {\r\n      window.requestAnimationFrame(e => this.step(e, start, end, time, key))\r\n    },\r\n    step(timestamp, start, end, time, key) {\r\n      if (!this.startTimestamp[key]) this.startTimestamp[key] = timestamp\r\n      const progress = Math.min(\r\n        (timestamp - this.startTimestamp[key]) / time,\r\n        1,\r\n      )\r\n      this.num[key] = Math.floor(progress * (end - start) + start)\r\n      this.$forceUpdate()\r\n      if (progress < 1) {\r\n        window.requestAnimationFrame(e => this.step(e, start, end, time, key))\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.counter {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 16px;\r\n\r\n  .counteritem {\r\n    padding: 16px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    border-radius: 12px;\r\n    border: 1px solid var(--grey-grey-lighten-2, #e0e0e0);\r\n    background: var(--surface-primary, #fff);\r\n    color: var(--text-light-text-title, var(--text-text-title, #4a4a4a));\r\n\r\n    &.span2 {\r\n      grid-column: span 2;\r\n    }\r\n\r\n    .title {\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      line-height: 24px;\r\n\r\n      img {\r\n        margin-right: 12px;\r\n      }\r\n    }\r\n\r\n    .number {\r\n      font-size: 24px;\r\n      font-weight: 500;\r\n      line-height: 120%;\r\n    }\r\n\r\n    .et {\r\n      font-size: 14px;\r\n      font-weight: 400;\r\n      line-height: 22px;\r\n      letter-spacing: 0.15px;\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1020px) {\r\n  .counter {\r\n    grid-template-columns: repeat(2, 1fr);\r\n\r\n    .counteritem {\r\n      &.span2 {\r\n        grid-column: span 1;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 520px) {\r\n  .counter {\r\n    grid-template-columns: repeat(1, 1fr);\r\n  }\r\n}\r\n.hide {\r\n  display: none;\r\n}\r\n.flex {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  .flex-max {\r\n    flex: 1;\r\n  }\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!./CounterBox.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!./CounterBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CounterBox.vue?vue&type=template&id=bfc60f52&scoped=true&\"\nimport script from \"./CounterBox.vue?vue&type=script&lang=js&\"\nexport * from \"./CounterBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CounterBox.vue?vue&type=style&index=0&id=bfc60f52&lang=scss&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  \"bfc60f52\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BranchDetail.vue?vue&type=style&index=1&lang=scss&\"","'use strict';\nvar fails = require('./_fails');\n\nmodule.exports = function (method, arg) {\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call\n    arg ? method.call(null, function () { /* empty */ }, 1) : method.call(null);\n  });\n};\n","var DESCRIPTORS = require('./_descriptors');\nvar getKeys = require('./_object-keys');\nvar toIObject = require('./_to-iobject');\nvar isEnum = require('./_object-pie').f;\nmodule.exports = function (isEntries) {\n  return function (it) {\n    var O = toIObject(it);\n    var keys = getKeys(O);\n    var length = keys.length;\n    var i = 0;\n    var result = [];\n    var key;\n    while (length > i) {\n      key = keys[i++];\n      if (!DESCRIPTORS || isEnum.call(O, key)) {\n        result.push(isEntries ? [key, O[key]] : O[key]);\n      }\n    }\n    return result;\n  };\n};\n","'use strict';\nvar $export = require('./_export');\nvar aFunction = require('./_a-function');\nvar toObject = require('./_to-object');\nvar fails = require('./_fails');\nvar $sort = [].sort;\nvar test = [1, 2, 3];\n\n$export($export.P + $export.F * (fails(function () {\n  // IE8-\n  test.sort(undefined);\n}) || !fails(function () {\n  // V8 bug\n  test.sort(null);\n  // Old WebKit\n}) || !require('./_strict-method')($sort)), 'Array', {\n  // 22.1.3.25 Array.prototype.sort(comparefn)\n  sort: function sort(comparefn) {\n    return comparefn === undefined\n      ? $sort.call(toObject(this))\n      : $sort.call(toObject(this), aFunction(comparefn));\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"rankbody\"},[_c('div',{staticClass:\"bodyitem\",class:{ open: _vm.data.open, warp: _vm.data.details, 'is-hide': _vm.data.open }},[_c('div',{staticClass:\"rank\"},[_vm._v(_vm._s(_vm.data.rank))]),(_vm.data.showImg && !_vm.data.details)?_c('div',{staticClass:\"img\"},[(_vm.data.img)?_c('img',{attrs:{\"src\":_vm.data.img,\"alt\":\"campaign picture\",\"width\":\"58\",\"height\":\"58\"}}):_vm._e()]):_vm._e(),_c('div',{staticClass:\"detail\"},[_c('div',{staticClass:\"badge\"},_vm._l((_vm.data.badge),function(badge){return _c('div',{key:badge,staticClass:\"type\",class:[badge]},[(_vm.checkBadge(badge))?_c('span',{staticClass:\"dot\"}):_vm._e(),_c('span',{staticClass:\"text\"},[_vm._v(_vm._s(badge))])])}),0),_c('a-tooltip',{attrs:{\"title\":_vm.data.text}},[_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(_vm.data.text))])]),(_vm.data.id)?_c('a-tooltip',{attrs:{\"title\":_vm.lbl['dashboard-campaign-id-text']}},[_c('div',{staticClass:\"text-id\"},[_vm._v(_vm._s(_vm.data.id))])]):_vm._e()],1),_c('div',{staticClass:\"result\"},_vm._l((_vm.data.adon),function(adon){return _c('div',{key:adon.text,staticClass:\"adon\",class:{ show: !_vm.data.open }},[_c('div',{staticClass:\"adtext\"},[_vm._v(_vm._s(adon.text))]),_c('div',{staticClass:\"value\"},[_c('span',[_vm._v(\" \"+_vm._s(adon.key == 'Quantity' && adon.value && parseInt(adon.value) >= 100000000 ? _vm.lbl['header-view-message-unlimited'] : adon.value.toLocaleString())+\" \")]),_c('span',{staticClass:\"subfix\"},[_vm._v(\" \"+_vm._s(adon.subfix ? adon.subfix : '')+\" \")])])])}),0),(_vm.data.details)?_c('img',{staticClass:\"arrowdown\",class:{ rotate: _vm.data.open },attrs:{\"src\":require(\"@/assets/images/Angle-down.svg\"),\"alt\":\"arrowdown\"}}):_vm._e(),(_vm.data.details)?_c('div',{staticClass:\"rankdetail\"},[_c('CounterBox',{ref:\"CounterBox\",attrs:{\"data\":_vm.data.details,\"open\":_vm.data.open,\"customclass\":_vm.customclass}})],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"rankbody\">\r\n    <div\r\n      class=\"bodyitem\"\r\n      :class=\"{ open: data.open, warp: data.details, 'is-hide': data.open }\"\r\n    >\r\n      <div class=\"rank\">{{ data.rank }}</div>\r\n      <div v-if=\"data.showImg && !data.details\" class=\"img\">\r\n        <img\r\n          v-if=\"data.img\"\r\n          :src=\"data.img\"\r\n          alt=\"campaign picture\"\r\n          width=\"58\"\r\n          height=\"58\"\r\n        />\r\n      </div>\r\n      <div class=\"detail\">\r\n        <div class=\"badge\">\r\n          <div\r\n            v-for=\"badge in data.badge\"\r\n            :key=\"badge\"\r\n            class=\"type\"\r\n            :class=\"[badge]\"\r\n          >\r\n            <span v-if=\"checkBadge(badge)\" class=\"dot\"></span>\r\n            <span class=\"text\">{{ badge }}</span>\r\n          </div>\r\n        </div>\r\n        <a-tooltip :title=\"data.text\">\r\n          <div class=\"text\">{{ data.text }}</div>\r\n        </a-tooltip>\r\n        <a-tooltip v-if=\"data.id\" :title=\"lbl['dashboard-campaign-id-text']\">\r\n          <div class=\"text-id\">{{ data.id }}</div>\r\n        </a-tooltip>\r\n      </div>\r\n      <div class=\"result\">\r\n        <div\r\n          v-for=\"adon in data.adon\"\r\n          :key=\"adon.text\"\r\n          class=\"adon\"\r\n          :class=\"{ show: !data.open }\"\r\n        >\r\n          <div class=\"adtext\">{{ adon.text }}</div>\r\n          <div class=\"value\">\r\n            <span>\r\n              {{\r\n                adon.key == 'Quantity' &&\r\n                adon.value &&\r\n                parseInt(adon.value) >= 100000000\r\n                  ? lbl['header-view-message-unlimited']\r\n                  : adon.value.toLocaleString()\r\n              }}\r\n            </span>\r\n            <span class=\"subfix\">\r\n              {{ adon.subfix ? adon.subfix : '' }}\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <img\r\n        v-if=\"data.details\"\r\n        class=\"arrowdown\"\r\n        :class=\"{ rotate: data.open }\"\r\n        src=\"@/assets/images/Angle-down.svg\"\r\n        alt=\"arrowdown\"\r\n      />\r\n      <div v-if=\"data.details\" class=\"rankdetail\">\r\n        <CounterBox\r\n          :data=\"data.details\"\r\n          :open=\"data.open\"\r\n          ref=\"CounterBox\"\r\n          :customclass=\"customclass\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport CounterBox from './CounterBox'\r\nexport default {\r\n  name: 'rankcontainer',\r\n  props: {\r\n    data: {\r\n      type: Object,\r\n    },\r\n    customclass: {\r\n      type: String,\r\n    },\r\n  },\r\n  components: {\r\n    CounterBox,\r\n  },\r\n  mixins: [Mixin],\r\n  watch: {\r\n    data: {\r\n      handler(newValue) {\r\n        if (newValue.open) {\r\n          this.$refs.CounterBox.trickerCounter()\r\n        }\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  methods: {\r\n    checkBadge(key) {\r\n      if (\r\n        key === 'Active' ||\r\n        key === 'Inactive' ||\r\n        key === 'Published' ||\r\n        key === 'Expired' ||\r\n        key === 'Canceled'\r\n      ) {\r\n        return true\r\n      } else {\r\n        return false\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.rankbody {\r\n  margin-top: 16px;\r\n\r\n  .bodyitem {\r\n    padding: 8px;\r\n    border-radius: 6px;\r\n    border: 1px solid var(--neutral-4, #f0f0f0);\r\n    background: var(--surface-primary, #fff);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: all 0.5s ease-in-out;\r\n\r\n    &.warp {\r\n      flex-wrap: wrap;\r\n      cursor: pointer;\r\n    }\r\n\r\n    &.open {\r\n      max-height: 250px;\r\n    }\r\n\r\n    .rank {\r\n      display: flex;\r\n      padding: 10px 6px;\r\n      height: 68px;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 2px;\r\n      border-radius: 6px;\r\n      border: 1px solid var(--neutral-4, #f0f0f0);\r\n      background: var(--neutral-3, #f5f5f5);\r\n    }\r\n\r\n    .img {\r\n      width: 58px;\r\n      height: 58px;\r\n      min-width: 58px;\r\n      min-height: 58px;\r\n      background-color: #636363;\r\n    }\r\n\r\n    .detail {\r\n      margin-right: auto;\r\n      overflow: hidden;\r\n      .badge {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n\r\n        .Active,\r\n        .Published {\r\n          display: flex;\r\n          padding: 4px 8px;\r\n          gap: 4px;\r\n          align-items: center;\r\n          border-radius: 20px;\r\n          border: 1px solid var(--polar-green-2, #d9f7be);\r\n          background: var(--polar-green-1, #f6ffed);\r\n\r\n          .dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background-color: #52c41a;\r\n            border-radius: 50px;\r\n          }\r\n\r\n          .text {\r\n            color: var(--green-green-1, #52c41a);\r\n            font-size: 12px;\r\n            font-weight: 400;\r\n            line-height: 120%;\r\n          }\r\n        }\r\n\r\n        .Inactive,\r\n        .Expired,\r\n        .Canceled {\r\n          display: flex;\r\n          padding: 4px 8px;\r\n          align-items: center;\r\n          gap: 4px;\r\n          border-radius: 20px;\r\n          border: 1px solid var(--text-light-text-disable, #b0b0b0);\r\n          background: var(--grey-grey-lighten-5, #fafafa);\r\n\r\n          .dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background-color: #b0b0b0;\r\n            border-radius: 50px;\r\n          }\r\n\r\n          .text {\r\n            color: var(--text-light-text-disable, #b0b0b0);\r\n            font-size: 12px;\r\n            font-weight: 400;\r\n            line-height: 120%;\r\n          }\r\n        }\r\n        .type,\r\n        .Delivery,\r\n        .Free,\r\n        .e-Voucher {\r\n          display: flex;\r\n          padding: 1px 6px;\r\n          align-items: center;\r\n          gap: 10px;\r\n          border-radius: 3px;\r\n          border: 1px solid var(--neutral-4, #f0f0f0);\r\n          background: var(--neutral-3, #f5f5f5);\r\n\r\n          .text {\r\n            color: var(--text-light-text-body, var(--text-text-body, #636363));\r\n            font-size: 12px;\r\n            font-weight: 400;\r\n            line-height: 20px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .text {\r\n        color: var(--grey-grey-2, var(--text-text-title, #4a4a4a));\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 22px;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n      }\r\n      .text-id {\r\n        color: #969696;\r\n        font-size: 12px;\r\n      }\r\n\r\n      @media only screen and (max-width: 1322px) and (min-width: 1224px) {\r\n        width: 145px;\r\n        min-width: 145px;\r\n        .text {\r\n          max-width: 142px;\r\n        }\r\n      }\r\n      @media (max-width: 710px) {\r\n        width: 145px;\r\n        min-width: 145px;\r\n        .text {\r\n          max-width: 142px;\r\n        }\r\n      }\r\n    }\r\n    .result {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 8px;\r\n      flex-wrap: nowrap;\r\n    }\r\n\r\n    .adon {\r\n      height: 68px;\r\n      min-width: 90px;\r\n      width: auto;\r\n      display: flex;\r\n      padding: 4px;\r\n      flex-direction: column;\r\n      justify-content: space-evenly;\r\n      align-items: flex-start;\r\n      border-radius: 6px;\r\n      background: var(--neutral-3, #f5f5f5);\r\n      transition: all 0.5s ease-in-out;\r\n      opacity: 0;\r\n\r\n      &.show {\r\n        opacity: 1;\r\n      }\r\n\r\n      &:first-child {\r\n        margin-left: auto;\r\n      }\r\n\r\n      .adtext {\r\n        color: var(--text-light-text-caption, #969696);\r\n        font-size: 12px;\r\n        font-weight: 400;\r\n        line-height: 20px;\r\n      }\r\n\r\n      .value {\r\n        color: var(--text-light-text-title, var(--text-text-title, #4a4a4a));\r\n        font-size: 16px;\r\n        font-weight: 400;\r\n        line-height: 150%;\r\n      }\r\n      .subfix {\r\n        color: #969696;\r\n        font-size: 10px;\r\n        font-weight: 400;\r\n      }\r\n    }\r\n\r\n    .rankdetail {\r\n      flex-grow: 1;\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n.rotate {\r\n  transform: rotate(180deg);\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!./RankItem.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!./RankItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RankItem.vue?vue&type=template&id=b28c7bcc&scoped=true&\"\nimport script from \"./RankItem.vue?vue&type=script&lang=js&\"\nexport * from \"./RankItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RankItem.vue?vue&type=style&index=0&id=b28c7bcc&lang=scss&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  \"b28c7bcc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CounterBox.vue?vue&type=style&index=0&id=bfc60f52&lang=scss&scoped=true&\"","import Vue from 'vue'\r\nimport BzbsApi from '@/core/Http/BzbsApi.js'\r\nimport Cache from '@/helper/Cache.js'\r\n// import moment from 'moment'\r\n\r\nexport default {\r\n  KEY_COOKIE_USER: 'CRMUser',\r\n  config: function () {\r\n    return Vue.bzbsConfig\r\n  },\r\n  token: function () {\r\n    return Cache.get(this.KEY_COOKIE_USER).Token\r\n  },\r\n  appId: function () {\r\n    return Cache.get(this.KEY_COOKIE_USER).AppId\r\n  },\r\n  agency_id: function () {\r\n    return Vue.$cookies.get(this.KEY_COOKIE_USER).AgencyId\r\n      ? Vue.$cookies.get(this.KEY_COOKIE_USER).AgencyId\r\n      : this.config().agency_id\r\n  },\r\n  getBanner() {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusdatasci/dashboardbanner'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getSummaryDashboard() {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/summary_dashboard'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getMemberChart(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n      filter: data.filter,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/dashboard_member'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getGenderChart(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n      filter: data.filter,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/dashboard_gender'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getAgeChart(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n      filter: data.filter,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/dashboard_age'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getActiveMemberChart(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n      filter: data.filter,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/trend_active_user'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getAverageDashboard(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n      filter: data.filter,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/average_dashboard_data'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getPointChart(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n      filter: data.filter,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/dashboard_point'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getRewardRedemtionRank(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusdatasci/rewardredemptionrank'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getBranchRank(data) {\r\n    const params = {\r\n      appId: Cache.get('CRMUser').AppId,\r\n      agencyId: this.agency_id(),\r\n      redeemDate: data.startdate,\r\n      startDate: data.startdate,\r\n      endDate: data.enddate,\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusdatasci/branchrank'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\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',{staticClass:\"dashcontainer\"},[_c('Header'),_c('div',{staticClass:\"maincontainer\"},[_c('div',{staticClass:\"basenav\"},[_c('button',{staticClass:\"nextBtn\",on:{\"click\":function($event){return _vm.goto('Dashboard2')}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/arrowBack.svg\"),\"alt\":\"arrowBack\",\"width\":\"24\",\"height\":\"24\"}})]),_c('span',[_vm._v(\"Branch\")])]),_c('div',{staticClass:\"bodycontainer\"},[_c('div',{staticClass:\"headertitle\"},[_c('div',{staticClass:\"header d-flex align-items-center\"},[_c('img',{attrs:{\"src\":_vm.getImage('dashboard', 'branch'),\"alt\":\"branch\"}}),_vm._v(_vm._s('Branch/Terminal Givepoint')+\" \")]),_c('div',{staticClass:\"filterinput d-flex align-items-center\"},[_c('a-range-picker',{attrs:{\"showToday\":false,\"ranges\":_vm.ranges},on:{\"change\":_vm.onChange},model:{value:(_vm.date),callback:function ($$v) {_vm.date=$$v},expression:\"date\"}},[_c('div',{staticClass:\"inputdate\"},[_vm._v(\" \"+_vm._s(_vm.date ? _vm.dateFormat() : 'Select Date')+\" \"),_c('img',{staticClass:\"calendar\",attrs:{\"src\":_vm.getImage('dashboard', 'calendar'),\"alt\":\"calendar\"}})])]),_c('a-button',{staticClass:\"export ml-3\",on:{\"click\":_vm.exportFile}},[_c('img',{attrs:{\"src\":_vm.getImage('dashboard', 'export'),\"alt\":\"export\"}}),_vm._v(\"Export Excel File \")])],1)]),_c('div',{staticClass:\"filter mt-3\"},[_c('a-dropdown',{attrs:{\"disables\":_vm.data && _vm.data.length <= 1,\"placement\":\"bottomRight\"}},[_c('button',{staticClass:\"btn-sort\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-sortby'])+\" \"),_c('img',{attrs:{\"src\":_vm.getImage('dashboard', 'sort'),\"alt\":\"Sort icon\"}})]),_c('a-menu',{attrs:{\"slot\":\"overlay\"},on:{\"click\":_vm.handleSort},slot:\"overlay\",model:{value:(_vm.sort),callback:function ($$v) {_vm.sort=$$v},expression:\"sort\"}},[_c('a-sub-menu',{key:\"point\",attrs:{\"title\":_vm.lbl['dashboard-give-points']}},[_c('a-menu-item',{key:\"most\"},[_vm._v(_vm._s(_vm.lbl['most-least']))]),_c('a-menu-item',{key:\"less\"},[_vm._v(_vm._s(_vm.lbl['least-most']))])],1),_c('a-sub-menu',{key:\"redeemed\",attrs:{\"title\":_vm.lbl['smart-target-redeemed']}},[_c('a-menu-item',{key:\"most\"},[_vm._v(_vm._s(_vm.lbl['most-least']))]),_c('a-menu-item',{key:\"less\"},[_vm._v(_vm._s(_vm.lbl['least-most']))])],1),_c('a-sub-menu',{key:\"active_member\",attrs:{\"title\":_vm.lbl['dashboard-active-member']}},[_c('a-menu-item',{key:\"most\"},[_vm._v(_vm._s(_vm.lbl['most-least']))]),_c('a-menu-item',{key:\"less\"},[_vm._v(_vm._s(_vm.lbl['least-most']))])],1)],1)],1)],1),_c('div',{staticClass:\"rankbody\"},[(!_vm.branchList.length)?_c('a-empty',{staticClass:\"mt-5\"}):_vm._e(),_vm._l((_vm.branchList),function(rank){return _c('RankItem',{key:rank.rank,attrs:{\"data\":rank,\"customclass\":_vm.customclass},nativeOn:{\"click\":function($event){return _vm.onOpen(rank)}}})})],2),_c('div',{staticClass:\"d-flex justify-content-end mt-4\"},[_c('a-pagination',{attrs:{\"default-current\":1,\"total\":_vm.data.length,\"hideOnSinglePage\":\"\"},on:{\"change\":_vm.onChangePage},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"dashcontainer\">\r\n    <Header></Header>\r\n    <div class=\"maincontainer\">\r\n      <div class=\"basenav\">\r\n        <button @click=\"goto('Dashboard2')\" class=\"nextBtn\">\r\n          <img\r\n            src=\"@/assets/images/arrowBack.svg\"\r\n            alt=\"arrowBack\"\r\n            width=\"24\"\r\n            height=\"24\"\r\n          />\r\n        </button>\r\n        <span>Branch</span>\r\n      </div>\r\n      <div class=\"bodycontainer\">\r\n        <div class=\"headertitle\">\r\n          <div class=\"header d-flex align-items-center\">\r\n            <img :src=\"getImage('dashboard', 'branch')\" alt=\"branch\" />{{\r\n              'Branch/Terminal Givepoint'\r\n            }}\r\n          </div>\r\n          <div class=\"filterinput d-flex align-items-center\">\r\n            <a-range-picker\r\n              v-model=\"date\"\r\n              :showToday=\"false\"\r\n              :ranges=\"ranges\"\r\n              @change=\"onChange\"\r\n            >\r\n              <div class=\"inputdate\">\r\n                {{ date ? dateFormat() : 'Select Date' }}\r\n                <img\r\n                  class=\"calendar\"\r\n                  :src=\"getImage('dashboard', 'calendar')\"\r\n                  alt=\"calendar\"\r\n                />\r\n              </div>\r\n            </a-range-picker>\r\n            <a-button class=\"export ml-3\" @click=\"exportFile\">\r\n              <img :src=\"getImage('dashboard', 'export')\" alt=\"export\" />Export\r\n              Excel File\r\n            </a-button>\r\n          </div>\r\n        </div>\r\n        <div class=\"filter mt-3\">\r\n          <a-dropdown\r\n            :disables=\"data && data.length <= 1\"\r\n            placement=\"bottomRight\"\r\n          >\r\n            <button class=\"btn-sort\">\r\n              {{ lbl['user-permissions-sortby'] }}\r\n              <img :src=\"getImage('dashboard', 'sort')\" alt=\"Sort icon\" />\r\n            </button>\r\n            <a-menu v-model=\"sort\" slot=\"overlay\" @click=\"handleSort\">\r\n              <a-sub-menu key=\"point\" :title=\"lbl['dashboard-give-points']\">\r\n                <a-menu-item key=\"most\">{{ lbl['most-least'] }}</a-menu-item>\r\n                <a-menu-item key=\"less\">{{ lbl['least-most'] }}</a-menu-item>\r\n              </a-sub-menu>\r\n              <a-sub-menu key=\"redeemed\" :title=\"lbl['smart-target-redeemed']\">\r\n                <a-menu-item key=\"most\">{{ lbl['most-least'] }}</a-menu-item>\r\n                <a-menu-item key=\"less\">{{ lbl['least-most'] }}</a-menu-item>\r\n              </a-sub-menu>\r\n              <a-sub-menu\r\n                key=\"active_member\"\r\n                :title=\"lbl['dashboard-active-member']\"\r\n              >\r\n                <a-menu-item key=\"most\">{{ lbl['most-least'] }}</a-menu-item>\r\n                <a-menu-item key=\"less\">{{ lbl['least-most'] }}</a-menu-item>\r\n              </a-sub-menu>\r\n            </a-menu>\r\n          </a-dropdown>\r\n        </div>\r\n        <div class=\"rankbody\">\r\n          <a-empty v-if=\"!branchList.length\" class=\"mt-5\" />\r\n          <RankItem\r\n            v-for=\"rank in branchList\"\r\n            :key=\"rank.rank\"\r\n            :data=\"rank\"\r\n            :customclass=\"customclass\"\r\n            @click.native=\"onOpen(rank)\"\r\n          />\r\n        </div>\r\n        <div class=\"d-flex justify-content-end mt-4\">\r\n          <a-pagination\r\n            v-model=\"currentPage\"\r\n            :default-current=\"1\"\r\n            :total=\"data.length\"\r\n            @change=\"onChangePage\"\r\n            hideOnSinglePage\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport Header from '@/components/Layout/Header'\r\nimport moment from 'moment'\r\nimport Utility from '../../helper/Utility'\r\nimport BzbsDashboard from '../../core/Dashboard/BzbsDashboard'\r\nimport RankItem from './components/RankItem'\r\nimport XLSX from 'xlsx'\r\n\r\nexport default {\r\n  components: {\r\n    Header,\r\n    RankItem,\r\n  },\r\n  mixins: [Mixin],\r\n  data() {\r\n    return {\r\n      onopen: false,\r\n      currentPage: 1,\r\n      ranges: Utility.ranges,\r\n      date: [moment().subtract(30, 'days'), moment()],\r\n      data: [],\r\n      branchRank: [],\r\n      customclass: 'flex',\r\n    }\r\n  },\r\n  computed: {\r\n    branchList() {\r\n      return this.data.slice((this.currentPage - 1) * 10, this.currentPage * 10)\r\n    },\r\n  },\r\n  mounted() {\r\n    let query = this.$route.query.data\r\n    this.date = [moment.unix(query[0]), moment.unix(query[1])]\r\n    this.getBranchRank(this.date)\r\n  },\r\n  methods: {\r\n    onChangePage(page) {\r\n      this.currentPage = page\r\n    },\r\n    onOpen(data) {\r\n      data.open = !data.open\r\n    },\r\n    onChange() {\r\n      this.getBranchRank(this.date)\r\n    },\r\n    handleSort(e) {\r\n      this.currentPage = 1\r\n      console.log(this.data)\r\n      switch (e.keyPath[1]) {\r\n        case 'point':\r\n          switch (e.key) {\r\n            case 'most':\r\n              this.data = this.data.sort(\r\n                (a, b) => b.adon[0].value - a.adon[0].value,\r\n              )\r\n              break\r\n            case 'less':\r\n              this.data = this.data.sort(\r\n                (a, b) => a.adon[0].value - b.adon[0].value,\r\n              )\r\n              break\r\n          }\r\n          break\r\n        case 'redeemed':\r\n          switch (e.key) {\r\n            case 'most':\r\n              this.data = this.data.sort(\r\n                (a, b) => b.adon[1].value - a.adon[1].value,\r\n              )\r\n              break\r\n            case 'less':\r\n              this.data = this.data.sort(\r\n                (a, b) => a.adon[1].value - b.adon[1].value,\r\n              )\r\n              break\r\n          }\r\n          break\r\n        case 'active_member':\r\n          switch (e.key) {\r\n            case 'most':\r\n              this.data = this.data.sort(\r\n                (a, b) => b.adon[2].value - a.adon[2].value,\r\n              )\r\n              break\r\n            case 'less':\r\n              this.data = this.data.sort(\r\n                (a, b) => a.adon[2].value - b.adon[2].value,\r\n              )\r\n              break\r\n          }\r\n          break\r\n      }\r\n      this.data.forEach((item, i) => {\r\n        item.rank = i + 1\r\n      })\r\n      console.log(this.data)\r\n    },\r\n    exportFile() {\r\n      let data = this.branchRank.map(item => {\r\n        return {\r\n          'Branch Name': item.BranchName,\r\n          'Branch Id': item.BranchId,\r\n          'Give point': item.GivePoint,\r\n          Redeemed: item.Redeemed,\r\n          'Active members': item.ActiveMember,\r\n        }\r\n      })\r\n      const dataWS = XLSX.utils.json_to_sheet(data)\r\n      const wb = XLSX.utils.book_new()\r\n      XLSX.utils.book_append_sheet(wb, dataWS)\r\n      XLSX.writeFile(\r\n        wb,\r\n        'Campaign_Branch_Rank_' + Date.parse(new Date()) + '.xlsx',\r\n      )\r\n    },\r\n    getBranchRank(date = [moment().subtract(30, 'days'), moment()]) {\r\n      BzbsDashboard.getBranchRank({\r\n        startdate: date[0].format('YYYY-MM-DD'),\r\n        enddate: date[1].format('YYYY-MM-DD'),\r\n      })\r\n        .then(res => {\r\n          this.branchRank = res.data.data\r\n          this.data = []\r\n          this.branchRank.forEach((item, index) => {\r\n            this.data.push({\r\n              rank: index + 1,\r\n              img: '',\r\n              badge: [],\r\n              open: false,\r\n              text: item.BranchName,\r\n              adon: [\r\n                {\r\n                  key: 'GivePoint',\r\n                  text: this.lbl['dashboard-give-points'],\r\n                  value: item.GivePoint ? item.GivePoint : 0,\r\n                },\r\n                {\r\n                  key: 'Redeemed',\r\n                  text: this.lbl['smart-target-redeemed'],\r\n                  value: item.Redeemed ? item.Redeemed : 0,\r\n                  subfix: this.lbl['dashboard-suffix-times'],\r\n                },\r\n                {\r\n                  key: 'ActiveMember',\r\n                  text: this.lbl['dashboard-active-member'],\r\n                  value: item.ActiveMember ? item.ActiveMember : 0,\r\n                  subfix: this.lbl['permission-type-member'],\r\n                },\r\n              ],\r\n              details: {\r\n                coin: {\r\n                  icon: 'coin',\r\n                  title: this.lbl['dashboard-give-points'],\r\n                  value: item.GivePoint ? item.GivePoint : 0,\r\n                  class: 'flex-max',\r\n                },\r\n                ticket: {\r\n                  icon: 'ticket',\r\n                  title: this.lbl['smart-target-redeemed'],\r\n                  value: item.Redeemed ? item.Redeemed : 0,\r\n                  et: 'Times',\r\n                  class: 'flex-max',\r\n                },\r\n                fire: {\r\n                  icon: 'fire',\r\n                  title: this.lbl['dashboard-active-member'],\r\n                  value: item.ActiveMember ? item.ActiveMember : 0,\r\n                  et: this.lbl['permission-type-member'],\r\n                  class: 'flex-max',\r\n                },\r\n              },\r\n            })\r\n          })\r\n          this.$forceUpdate()\r\n        })\r\n        .catch(err => {\r\n          console.log(err)\r\n        })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.dashcontainer {\r\n  min-height: 100vh;\r\n\r\n  .basenav {\r\n    display: flex;\r\n    padding: 18px 16px;\r\n    align-items: center;\r\n    gap: 16px;\r\n    border-radius: 12px;\r\n    background: var(--surface-primary, #fff);\r\n    box-shadow: 0px -1px 0px 0px #f0f0f0 inset;\r\n\r\n    button {\r\n      padding: 5px;\r\n      border-radius: 8px;\r\n      border: 1px solid var(--grey-grey-darken-1, #757575);\r\n      background: var(--surface-primary, #fff);\r\n      box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2),\r\n        0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\r\n    }\r\n\r\n    span {\r\n      color: var(--black, #192a3e);\r\n      font-size: 24px;\r\n      font-weight: 400;\r\n      text-transform: capitalize;\r\n    }\r\n  }\r\n\r\n  .maincontainer {\r\n    .bodycontainer {\r\n      margin-top: 16px;\r\n      padding: 16px;\r\n      gap: 16px;\r\n      border-radius: 16px;\r\n      background: var(--surface-primary, #fff);\r\n\r\n      .headertitle {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n\r\n        .header {\r\n          color: var(--text-light-text-title, var(--text-text-title, #4a4a4a));\r\n          font-size: 16px;\r\n          font-weight: 700;\r\n          line-height: 150%;\r\n\r\n          img {\r\n            margin-right: 8px;\r\n            border-radius: 8px;\r\n            padding: 8px;\r\n            background: var(--primary-gold-bzb-gold-9, #fff6e6);\r\n          }\r\n        }\r\n        .export {\r\n          display: flex;\r\n          padding: 8px 16px;\r\n          justify-content: center;\r\n          align-items: center;\r\n          gap: 8px;\r\n          border-radius: 6px;\r\n          border: 1px solid var(--polar-green-7, #389e0d);\r\n          background: var(--brand-color-white, #fff);\r\n\r\n          color: var(--polar-green-7, #389e0d);\r\n          font-size: 16px;\r\n          font-weight: 700;\r\n          line-height: 150%;\r\n        }\r\n      }\r\n      .filter {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        border: unset;\r\n\r\n        .btn-sort {\r\n          display: flex;\r\n          padding: 8px;\r\n          justify-content: center;\r\n          align-items: center;\r\n          gap: 8px;\r\n          border-radius: 8px;\r\n          border: 1px solid #e0e0e0;\r\n          background-color: #ffffff;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n@use '@/style/base/common' as common;\r\n\r\n.ant-pagination-item-active,\r\n.ant-pagination-item:focus,\r\n.ant-pagination-item:hover {\r\n  border-color: common.$primary-hover !important;\r\n}\r\n.ant-pagination-prev .ant-pagination-item-link,\r\n.ant-pagination-next .ant-pagination-item-link {\r\n  font-size: 10px;\r\n  &:hover {\r\n    color: common.$primary-hover !important;\r\n    border-color: common.$primary-hover !important;\r\n  }\r\n}\r\n.ant-calendar-footer-extra {\r\n  .ant-tag {\r\n    color: #fa8c16 !important;\r\n    background: #fff7e6 !important;\r\n    border-color: #ffd591 !important;\r\n  }\r\n}\r\n\r\n.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,\r\n.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {\r\n  background: #fa8c16 !important;\r\n  color: #fff !important;\r\n}\r\n\r\n.ant-calendar-range .ant-calendar-in-range-cell::before {\r\n  background: #fff7e6 !important;\r\n}\r\n\r\n.ant-calendar-today .ant-calendar-date {\r\n  color: #fa8c16 !important;\r\n  border-color: #fa8c16 !important;\r\n}\r\n\r\n.ant-calendar-date:hover {\r\n  background: #fff7e6 !important;\r\n}\r\n\r\n.ant-calendar-header a:hover {\r\n  color: #fa8c16 !important;\r\n}\r\n\r\n.inputdate {\r\n  display: flex;\r\n  position: relative;\r\n  min-width: 200px;\r\n  height: 40px;\r\n  padding: 5px 12px;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  border-radius: 6px;\r\n  border: 1px solid var(--neutral-5, #d9d9d9);\r\n  background: var(--neutral-1, #fff);\r\n  cursor: pointer;\r\n\r\n  .calendar {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 10px;\r\n    transform: translateY(-50%);\r\n  }\r\n}\r\n\r\n.dashcontainer .anticon {\r\n  vertical-align: 0;\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!./BranchDetail.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!./BranchDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BranchDetail.vue?vue&type=template&id=18c43c64&scoped=true&\"\nimport script from \"./BranchDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./BranchDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BranchDetail.vue?vue&type=style&index=0&id=18c43c64&lang=scss&scoped=true&\"\nimport style1 from \"./BranchDetail.vue?vue&type=style&index=1&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  \"18c43c64\",\n  null\n  \n)\n\nexport default component.exports","// https://github.com/tc39/proposal-object-values-entries\nvar $export = require('./_export');\nvar $values = require('./_object-to-array')(false);\n\n$export($export.S, 'Object', {\n  values: function values(it) {\n    return $values(it);\n  }\n});\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RankItem.vue?vue&type=style&index=0&id=b28c7bcc&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BranchDetail.vue?vue&type=style&index=0&id=18c43c64&lang=scss&scoped=true&\""],"sourceRoot":""}