{"version":3,"sources":["webpack:///./src/views/Leaderboards.vue?f5d0","webpack:///./src/views/Leaderboards.vue?b982","webpack:///src/views/Leaderboards.vue","webpack:///./src/views/Leaderboards.vue?4b1b","webpack:///./src/views/Leaderboards.vue","webpack:///./node_modules/vuetify/lib/mixins/button-group/index.js","webpack:///./node_modules/vuetify/lib/components/VBtnToggle/VBtnToggle.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","directives","name","rawName","value","expression","daysToWord","days","_v","resetsIn","domProps","_s","relativeReset","model","callback","$$v","_l","rank","i","key","order","class","leaderboard","nativeOn","$event","$userMenu","open","totalWon","_e","prizes","user","steamid","session","on","staticRenderFns","RANKS","title","$t","computed","conga","0","7","28","slice","config","leaderboardRewards","DAYS","disabled","relative","relativeTime","Date","now","replace","trim","watch","val","getLeaderboards","methods","leaderboards","$socket","request","$toast","error","message","component","VBtn","VBtnToggle","VCol","VContainer","VRow","VSpacer","extend","btnToggle","options","classes","call","genData","mixins","props","backgroundColor","String","borderless","Boolean","dense","group","rounded","shaped","tile","themeClasses","data","setTextColor","color","setBackgroundColor"],"mappings":"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","file":"js/view-leaderboards.41ed6c21.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Leaderboards.vue?vue&type=style&index=0&id=2ffdc198&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Leaderboards.vue?vue&type=style&index=0&id=2ffdc198&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"page--leaderboards\",attrs:{\"fluid\":\"\"}},[_c('v-row',{staticClass:\"page-content\"},[_c('v-col',{staticClass:\"mt-4 d-flex\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"d-flex flex-grow-1\"},[_c('div',{staticClass:\"primary700 px-2 py-3 d-flex align-center mr-4\"},[_c('fai',{staticClass:\"text-h3 primary100--text mx-3\",attrs:{\"icon\":['fad', 'users-crown'],\"fixed-width\":\"\"}})],1),_c('div',{staticClass:\"bg-ui-panel px-4 py-3 flex-grow-1\"},[_c('h2',{directives:[{name:\"t\",rawName:\"v-t\",value:('page.leaderboards.title'),expression:\"'page.leaderboards.title'\"}],staticClass:\"text-h6 font-weight-bold mb-1\"}),_c('i18n',{staticClass:\"mb-0 text-body-2 lh-1-2\",attrs:{\"tag\":\"p\",\"path\":\"page.leaderboards.subtitle\"}},[_c('span',{directives:[{name:\"t\",rawName:\"v-t\",value:(_vm.daysToWord[_vm.days]),expression:\"daysToWord[days]\"}]})]),_c('p',{directives:[{name:\"t\",rawName:\"v-t\",value:('page.leaderboards.update'),expression:\"'page.leaderboards.update'\"}],staticClass:\"text-caption mb-0 text--secondary\"})],1)]),_c('div',{staticClass:\"ml-4 countdown-ctn green700 green100--text px-6 d-flex align-center\"},[_c('div',[_c('h4',{staticClass:\"text-uppercase text-caption font-weight-bold\"},[_vm._v(\" Resets in \")]),(_vm.resetsIn > 48 * 60 * 60e3)?_c('span',{staticClass:\"text-h5 font-weight-bold\",domProps:{\"textContent\":_vm._s(_vm.relativeReset)}}):_c('Countdown',{staticClass:\"text-h5 font-weight-bold\",attrs:{\"duration\":_vm.resetsIn / 1000,\"format\":\"DD:HH:mm:ss\"}})],1)])]),_c('v-col',{staticClass:\"pt-2\",attrs:{\"cols\":\"12\"}},[_c('v-btn-toggle',{attrs:{\"mandatory\":\"\",\"dense\":\"\",\"tile\":\"\",\"borderless\":\"\",\"color\":\"primary400\",\"background-color\":\"primary100\"},model:{value:(_vm.days),callback:function ($$v) {_vm.days=$$v},expression:\"days\"}},[_c('v-btn',{directives:[{name:\"t\",rawName:\"v-t\",value:('common.today'),expression:\"'common.today'\"}],staticClass:\"text-caption font-weight-bold px-4\",attrs:{\"value\":0,\"ripple\":false}}),_c('v-btn',{directives:[{name:\"t\",rawName:\"v-t\",value:('common.week'),expression:\"'common.week'\"}],staticClass:\"text-caption font-weight-bold px-4\",attrs:{\"value\":7,\"ripple\":false}}),_c('v-btn',{directives:[{name:\"t\",rawName:\"v-t\",value:('common.month'),expression:\"'common.month'\"}],staticClass:\"text-caption font-weight-bold px-4\",attrs:{\"value\":28,\"ripple\":false}})],1)],1),(_vm.leaderboard)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-row',_vm._l((_vm.RANKS),function(rank,i){return _c('v-col',{key:i,attrs:{\"cols\":\"4\",\"order\":rank.order}},[_c('div',{staticClass:\"px-3 py-6 d-flex align-center justify-center bg-ui-panel \",class:(\"rank--\" + (i + 1))},[_c('UserAvatar',{staticClass:\"user-avatar mb-4 mr-6 link\",attrs:{\"user\":_vm.leaderboard[i] || {},\"size\":58},nativeOn:{\"click\":function($event){_vm.leaderboard[i] && _vm.$userMenu.open($event, _vm.leaderboard[i])}}}),_c('div',{staticClass:\"text-truncate\"},[_c('i18n',{staticClass:\"text-caption lh-1-2 font-weight-bold primary500--text text-uppercase\",attrs:{\"tag\":\"h6\",\"path\":\"page.leaderboards.rank\"}},[_c('span',{domProps:{\"textContent\":_vm._s(i + 1)}})]),(_vm.leaderboard[i])?_c('Username',{staticClass:\"text-body-1 grey100--text mb-1 text-truncate link\",attrs:{\"user\":_vm.leaderboard[i]},nativeOn:{\"click\":function($event){_vm.leaderboard[i] && _vm.$userMenu.open($event, _vm.leaderboard[i])}}}):_c('span',{directives:[{name:\"t\",rawName:\"v-t\",value:('page.leaderboards.claim'),expression:\"'page.leaderboards.claim'\"}],staticClass:\"text--disabled\"}),(_vm.leaderboard[i])?_c('scrap',{staticClass:\"text-body-2 grey100--text\",attrs:{\"amount\":_vm.leaderboard[i].totalWon}}):_vm._e()],1)],1),(_vm.prizes[i])?_c('div',{staticClass:\"mt-2 green800 green200--text px-3 py-2 d-flex align-center\"},[_c('span',{staticClass:\"text-uppercase font-weight-bold text-caption\"},[_vm._v(\"Prize\")]),_c('v-spacer'),_c('scrap',{staticClass:\"text-body-2\",attrs:{\"amount\":_vm.prizes[i]}})],1):_vm._e()])}),1)],1):_vm._e(),(_vm.leaderboard)?_c('v-col',{attrs:{\"cols\":\"12\"}},_vm._l((_vm.withoutTopThree),function(user,i){return _c('div',{key:user.steamid,staticClass:\"mb-4 d-flex\"},[_c('div',{staticClass:\"flex-grow-1 bg-ui-panel px-3 py-2 d-flex align-center bg-ui-panel\",class:{'is-me': _vm.session && _vm.session.steamid === user.steamid},on:{\"click\":function($event){return _vm.$userMenu.open($event, user)}}},[_c('span',{staticClass:\"mr-3 primary500--text font-weight-bold\"},[_vm._v(\"#\"+_vm._s(4 + i))]),_c('UserAvatar',{staticClass:\"mr-3\",attrs:{\"user\":user,\"size\":32}}),_c('Username',{staticClass:\"text-body-2 text-truncate\",attrs:{\"user\":user}}),_c('v-spacer'),_c('scrap',{staticClass:\"text-body-2 grey100--text\",attrs:{\"amount\":user.totalWon}})],1),(_vm.prizes[3 + i])?_c('div',{staticClass:\"ml-2 listing-prize green800 green200--text px-3 py-2 d-flex align-center justify-center\"},[_c('span',{staticClass:\"text-uppercase font-weight-bold text-caption mr-2\"},[_vm._v(\"Prize\")]),_c('scrap',{staticClass:\"text-body-2\",attrs:{\"amount\":_vm.prizes[3 + i]}})],1):_vm._e()])}),0):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid class=\"page--leaderboards\">\n    <v-row class=\"page-content\">\n      <v-col cols=\"12\" class=\"mt-4 d-flex\">\n        <div class=\"d-flex flex-grow-1\">\n          <div class=\"primary700 px-2 py-3 d-flex align-center mr-4\">\n            <fai\n              :icon=\"['fad', 'users-crown']\"\n              class=\"text-h3 primary100--text mx-3\"\n              fixed-width\n            />\n          </div>\n\n          <div class=\"bg-ui-panel px-4 py-3 flex-grow-1\">\n            <h2 v-t=\"'page.leaderboards.title'\" class=\"text-h6 font-weight-bold mb-1\" />\n\n            <i18n tag=\"p\" class=\"mb-0 text-body-2 lh-1-2\" path=\"page.leaderboards.subtitle\">\n              <span v-t=\"daysToWord[days]\" />\n            </i18n>\n\n            <p v-t=\"'page.leaderboards.update'\" class=\"text-caption mb-0 text--secondary\" />\n          </div>\n        </div>\n\n        <div class=\"ml-4 countdown-ctn green700 green100--text px-6 d-flex align-center\">\n          <div>\n            <h4 class=\"text-uppercase text-caption font-weight-bold\">\n              Resets in\n            </h4>\n            <span\n              v-if=\"resetsIn > 48 * 60 * 60e3\"\n              class=\"text-h5 font-weight-bold\"\n              v-text=\"relativeReset\"\n            />\n            <Countdown\n              v-else\n              class=\"text-h5 font-weight-bold\"\n              :duration=\"resetsIn / 1000\"\n              format=\"DD:HH:mm:ss\"\n            />\n          </div>\n        </div>\n      </v-col>\n\n      <v-col cols=\"12\" class=\"pt-2\">\n        <v-btn-toggle\n          v-model=\"days\"\n          mandatory dense tile borderless\n          color=\"primary400\"\n          background-color=\"primary100\"\n        >\n          <v-btn v-t=\"'common.today'\" :value=\"0\" :ripple=\"false\" class=\"text-caption font-weight-bold px-4\" />\n          <v-btn v-t=\"'common.week'\" :value=\"7\" :ripple=\"false\" class=\"text-caption font-weight-bold px-4\" />\n          <v-btn v-t=\"'common.month'\" :value=\"28\" :ripple=\"false\" class=\"text-caption font-weight-bold px-4\" />\n        </v-btn-toggle>\n      </v-col>\n\n      <!-- HACK absolutely disgusting code -->\n      <v-col v-if=\"leaderboard\" cols=\"12\">\n        <v-row>\n          <v-col v-for=\"(rank, i) in RANKS\" :key=\"i\" cols=\"4\" :order=\"rank.order\">\n            <div :class=\"`rank--${i + 1}`\" class=\"px-3 py-6 d-flex align-center justify-center bg-ui-panel \">\n              <UserAvatar\n                :user=\"leaderboard[i] || {}\"\n                :size=\"58\"\n                class=\"user-avatar mb-4 mr-6 link\"\n                @click.native=\"leaderboard[i] && $userMenu.open($event, leaderboard[i])\"\n              />\n              <div class=\"text-truncate\">\n                <i18n\n                  tag=\"h6\" class=\"text-caption lh-1-2 font-weight-bold primary500--text text-uppercase\"\n                  path=\"page.leaderboards.rank\"\n                >\n                  <span v-text=\"i + 1\" />\n                </i18n>\n                <Username\n                  v-if=\"leaderboard[i]\"\n                  :user=\"leaderboard[i]\"\n                  class=\"text-body-1 grey100--text mb-1 text-truncate link\"\n                  @click.native=\"leaderboard[i] && $userMenu.open($event, leaderboard[i])\"\n                />\n                <span v-else v-t=\"'page.leaderboards.claim'\" class=\"text--disabled\" />\n                <scrap\n                  v-if=\"leaderboard[i]\"\n                  :amount=\"leaderboard[i].totalWon\"\n                  class=\"text-body-2 grey100--text\"\n                />\n              </div>\n            </div>\n            <div v-if=\"prizes[i]\" class=\"mt-2 green800 green200--text px-3 py-2 d-flex align-center\">\n              <span class=\"text-uppercase font-weight-bold text-caption\">Prize</span>\n              <v-spacer />\n              <scrap :amount=\"prizes[i]\" class=\"text-body-2\" />\n            </div>\n          </v-col>\n        </v-row>\n      </v-col>\n\n      <v-col v-if=\"leaderboard\" cols=\"12\">\n        <div\n          v-for=\"(user, i) in withoutTopThree\" :key=\"user.steamid\"\n          class=\"mb-4 d-flex\"\n        >\n          <div\n            class=\"flex-grow-1 bg-ui-panel px-3 py-2 d-flex align-center bg-ui-panel\"\n            :class=\"{'is-me': session && session.steamid === user.steamid}\"\n            @click=\"$userMenu.open($event, user)\"\n          >\n            <span class=\"mr-3 primary500--text font-weight-bold\">#{{ 4 + i }}</span>\n            <UserAvatar :user=\"user\" :size=\"32\" class=\"mr-3\" />\n            <Username :user=\"user\" class=\"text-body-2 text-truncate\" />\n            <v-spacer />\n            <scrap :amount=\"user.totalWon\" class=\"text-body-2 grey100--text\" />\n          </div>\n          <div v-if=\"prizes[3 + i]\" class=\"ml-2 listing-prize green800 green200--text px-3 py-2 d-flex align-center justify-center\">\n            <span class=\"text-uppercase font-weight-bold text-caption mr-2\">Prize</span>\n            <scrap :amount=\"prizes[3 + i]\" class=\"text-body-2\" />\n          </div>\n        </div>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex'\nimport { DateTime } from 'luxon'\n\nconst RANKS = [\n  {\n    order: 2,\n    color: 'gold',\n  },\n  {\n    order: 1,\n    color: 'gold',\n  },\n  {\n    order: 3,\n    color: 'gold',\n  },\n]\n\nexport default {\n  metaInfo() {\n    return {\n      title: this.$t('page.leaderboards.title'),\n    }\n  },\n  data() {\n    return {\n      days: 0,\n      leaderboard: [],\n    }\n  },\n  computed: {\n    ...mapGetters({\n      session: 'user/session',\n      conga: 'conga/conga',\n    }),\n    RANKS() {\n      return RANKS\n    },\n    daysToWord() {\n      return {\n        0: 'common.today',\n        7: 'page.leaderboards.this_week',\n        28: 'page.leaderboards.this_month',\n      }\n    },\n    withoutTopThree() {\n      return this.leaderboard.slice(3)\n    },\n    prizes() {\n      const config = this.conga.leaderboardRewards\n      const { days } = this\n\n      const DAYS = {\n        0: 'day',\n        7: 'week',\n        28: 'month',\n      }\n\n      if (config.disabled || config[DAYS[days]]?.disabled) {\n        return {}\n      }\n\n      return config[DAYS[days]]?.rankPrizes ?? {}\n    },\n    resetsIn() {\n      const { days } = this\n\n      switch (days) {\n        case 0:\n          return DateTime.utc().endOf('day').diffNow().toMillis()\n        case 7:\n          return DateTime.utc().endOf('week').diffNow().toMillis()\n        case 28:\n          return DateTime.utc().endOf('month').diffNow().toMillis()\n        default:\n          return 0\n      }\n    },\n    relativeReset() {\n      const { relativeTime } = this.$options.filters\n\n      const relative = relativeTime(Date.now() + this.resetsIn)\n\n      return relative.replace('in', '').trim()\n    },\n  },\n  watch: {\n    days(val) {\n      this.getLeaderboards(val)\n    },\n  },\n  created() {\n    this.getLeaderboards()\n  },\n  methods: {\n    async getLeaderboards(days = this.days) {\n      try {\n        const leaderboards = await this.$socket.request('leaderboard.get', days)\n        this.leaderboard = leaderboards\n      } catch (error) {\n        this.$toast.error(error.message)\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.page--leaderboards {\n  min-height: calc(100vh - var(--top));\n  background: grey(900); // fallback\n  background: url('../assets/img/leaderboards.jpg') no-repeat top center;\n  background-size: cover;\n\n  &::before {\n    position: absolute;\n    z-index: 0;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: radial-gradient(rgba(grey(800), 0.7) 50%, rgba(grey(800), 0.99) 80%);\n    content: ' ';\n    // pointer-events: none;\n  }\n}\n\n.page-content {\n  position: relative;\n  z-index: 1;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.rank {\n  &--1 {\n    margin-top: 0;\n  }\n\n  &--2 {\n    margin-top: 24px;\n  }\n\n  &--3 {\n    margin-top: 48px;\n  }\n}\n\n.user-avatar {\n  overflow: visible;\n  transform: rotate(-5deg);\n\n  &::before {\n    position: absolute;\n    top: 6px;\n    left: 6px;\n    width: 100%;\n    height: 100%;\n    background: primary(400);\n    content: ' ';\n  }\n}\n\n.is-me {\n  background-color: green(800) !important;\n}\n\n.countdown-ctn {\n  min-width: 180px;\n  transform: rotate(3deg) translateY(5px);\n}\n\n.listing-prize {\n  min-width: 124px;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Leaderboards.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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Leaderboards.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Leaderboards.vue?vue&type=template&id=2ffdc198&scoped=true&\"\nimport script from \"./Leaderboards.vue?vue&type=script&lang=js&\"\nexport * from \"./Leaderboards.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Leaderboards.vue?vue&type=style&index=0&id=2ffdc198&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  \"2ffdc198\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VBtnToggle } from 'vuetify/lib/components/VBtnToggle';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VBtnToggle,VCol,VContainer,VRow,VSpacer})\n","// Extensions\nimport { BaseItemGroup } from '../../components/VItemGroup/VItemGroup';\n/* @vue/component */\n\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide() {\n    return {\n      btnToggle: this\n    };\n  },\n\n  computed: {\n    classes() {\n      return BaseItemGroup.options.computed.classes.call(this);\n    }\n\n  },\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData\n  }\n});\n//# sourceMappingURL=index.js.map","// Styles\nimport \"../../../src/components/VBtnToggle/VBtnToggle.sass\"; // Mixins\n\nimport ButtonGroup from '../../mixins/button-group';\nimport Colorable from '../../mixins/colorable'; // Utilities\n\nimport mixins from '../../util/mixins';\n/* @vue/component */\n\nexport default mixins(ButtonGroup, Colorable).extend({\n  name: 'v-btn-toggle',\n  props: {\n    backgroundColor: String,\n    borderless: Boolean,\n    dense: Boolean,\n    group: Boolean,\n    rounded: Boolean,\n    shaped: Boolean,\n    tile: Boolean\n  },\n  computed: {\n    classes() {\n      return { ...ButtonGroup.options.computed.classes.call(this),\n        'v-btn-toggle': true,\n        'v-btn-toggle--borderless': this.borderless,\n        'v-btn-toggle--dense': this.dense,\n        'v-btn-toggle--group': this.group,\n        'v-btn-toggle--rounded': this.rounded,\n        'v-btn-toggle--shaped': this.shaped,\n        'v-btn-toggle--tile': this.tile,\n        ...this.themeClasses\n      };\n    }\n\n  },\n  methods: {\n    genData() {\n      const data = this.setTextColor(this.color, { ...ButtonGroup.options.methods.genData.call(this)\n      });\n      if (this.group) return data;\n      return this.setBackgroundColor(this.backgroundColor, data);\n    }\n\n  }\n});\n//# sourceMappingURL=VBtnToggle.js.map"],"sourceRoot":""}