{"version":3,"sources":["webpack:///./src/views/Leaderboard.vue?3571","webpack:///./src/views/Leaderboard.vue?8d06","webpack:///src/views/Leaderboard.vue","webpack:///./src/views/Leaderboard.vue?bdcb","webpack:///./src/views/Leaderboard.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","user","i","key","class","_s","attrs","avatarClass","style","favouriteColour","avatar","username","experience","staticRenderFns","name","components","Sidebar","data","users","created","getUsers","methods","idx","component"],"mappings":"6GAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACF,EAAG,KAAK,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,iBAAiBH,EAAG,UAAU,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,KAAKJ,EAAIQ,GAAIR,EAAS,OAAE,SAASS,EAAKC,GAAG,OAAON,EAAG,KAAK,CAACO,IAAID,EAAEE,MAAM,UAAYF,EAAE,IAAI,CAAEA,GAAK,EAAG,CAACV,EAAIO,GAAG,KAAKP,EAAIa,GAAGH,EAAI,GAAG,MAAMN,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACF,EAAG,UAAU,CAACU,MAAM,CAAC,KAAO,CAAC,MAAO,cAAc,GAAGV,EAAG,OAAO,CAACE,YAAY,YAAY,CAACF,EAAG,SAAS,CAACE,YAAY,+BAA+BM,MAAMZ,EAAIe,YAAYL,GAAGM,MAAM,CAAE,OAAU,cAAgBP,EAAKQ,kBAAmB,CAACb,EAAG,MAAM,CAACE,YAAY,aAAaQ,MAAM,CAAC,IAAML,EAAKS,OAAO,IAAM,QAAQd,EAAG,cAAc,CAACE,YAAY,YAAYQ,MAAM,CAAC,GAAK,SAAWL,EAAKU,WAAW,CAACnB,EAAIO,GAAG,IAAIP,EAAIa,GAAGJ,EAAKU,UAAU,OAAOnB,EAAIO,GAAG,MAAMP,EAAIa,GAAGJ,EAAKW,YAAY,SAAS,IAAI,MAAK,KAAKhB,EAAG,UAAU,CAACE,YAAY,YAAY,MACt9Be,EAAkB,G,gDCuCtB,GACEC,KAAM,cACNC,WAAY,CACVC,QAAJ,QAEEC,KALF,WAMI,MAAO,CACLC,MAAO,KAGXC,QAVF,WAWI1B,KAAK2B,YAEPC,QAAS,CACP,SADJ,WACA,2LAEA,uBAFA,gBAEA,EAFA,EAEA,KACA,gBAHA,mDAKA,2BACA,8CANA,4DASId,YAVJ,SAUA,GACM,OAAY,IAARe,EAAkB,WAClBA,EAAM,EAAU,WACb,cClEwU,I,wBCQjVC,EAAY,eACd,EACAhC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAU,E","file":"js/leaderboard.ce9050a8.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!./Leaderboard.vue?vue&type=style&index=0&id=02d9c184&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"leaderboard container is-fullhd\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"Leaderboard\")]),_c('section',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-three-quarters\"},[_c('ul',_vm._l((_vm.users),function(user,i){return _c('li',{key:i,class:'place-' + (i+1)},[(i >= 3)?[_vm._v(\" #\"+_vm._s(i + 1)+\" \")]:_c('span',{staticClass:\"icon\"},[_c('fa-icon',{attrs:{\"icon\":['fas', 'trophy']}})],1),_c('span',{staticClass:\"row-body\"},[_c('figure',{staticClass:\"image user-avatar is-rounded\",class:_vm.avatarClass(i),style:({'border': '2px solid #' + user.favouriteColour})},[_c('img',{staticClass:\"is-rounded\",attrs:{\"src\":user.avatar,\"alt\":\"\"}})]),_c('router-link',{staticClass:\"user-name\",attrs:{\"to\":'/user/' + user.username}},[_vm._v(\" \"+_vm._s(user.username)+\" \")]),_vm._v(\" - \"+_vm._s(user.experience)+\" XP \")],1)],2)}),0)]),_c('Sidebar',{staticClass:\"column\"})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"leaderboard container is-fullhd\">\n    <h1 class=\"title\">Leaderboard</h1>\n    <section class=\"columns\">\n      <div class=\"column is-three-quarters\">\n        <ul>\n          <li v-for=\"(user, i) in users\" :key=\"i\" :class=\"'place-' + (i+1)\">\n            <template v-if=\"i >= 3\">\n              #{{ i + 1 }}\n            </template>\n            <span v-else class=\"icon\">\n              <fa-icon :icon=\"['fas', 'trophy']\" />\n            </span>\n            <span class=\"row-body\">\n              <figure\n                class=\"image user-avatar is-rounded\"\n                :class=\"avatarClass(i)\"\n                :style=\"{'border': '2px solid #' + user.favouriteColour}\">\n                <img :src=\"user.avatar\" alt=\"\" class=\"is-rounded\">\n              </figure>\n              <router-link\n                :to=\"'/user/' + user.username\"\n                class=\"user-name\">\n                {{user.username}}\n              </router-link>\n              - {{user.experience}} XP\n            </span>\n          </li>\n        </ul>\n      </div>\n\n      <Sidebar class=\"column\" />\n    </section>\n  </div>\n</template>\n\n<script>\nimport Sidebar from '@/components/Sidebar.vue';\nimport API from '@/services/api';\n\nexport default {\n  name: 'Leaderboard',\n  components: {\n    Sidebar,\n  },\n  data() {\n    return {\n      users: [],\n    };\n  },\n  created() {\n    this.getUsers();\n  },\n  methods: {\n    async getUsers() {\n      try {\n        const { data } = await API.users.listTop();\n        this.users = data.users;\n      } catch (e) {\n        const error = API.handleError(e);\n        if (error) this.$toasted.error(error.message, { duration: 2000 });\n      }\n    },\n    avatarClass(idx) {\n      if (idx === 0) return 'is-32x32';\n      if (idx < 3) return 'is-24x24';\n      return 'is-16x16';\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nli {\n  position: relative;\n  margin-bottom: 5px;\n\n  .row-body {\n    position: absolute;\n    left: 40px;\n  }\n}\n\n.user-avatar {\n  display: inline-block;\n  border-radius: 50%;\n  position: relative;\n  top: 4px;\n\n  &.is-24x24 {\n    top: 3px;\n  }\n  &.is-16x16 {\n    top: 2px;\n  }\n}\n\n.place-1 {\n  font-size: 2em;\n\n  .icon {\n    color: gold;\n    position: relative;\n    top: 4px;\n  }\n}\n.place-2 {\n  font-size: 1.5em;\n\n  .icon {\n    color: silver;\n    position: relative;\n    top: 2px;\n  }\n}\n.place-3 {\n  font-size: 1.25em;\n\n  .icon {\n    color: #cd7f32;\n    position: relative;\n    top: 3px;\n  }\n}\n</style>\n","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!./Leaderboard.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!./Leaderboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Leaderboard.vue?vue&type=template&id=02d9c184&scoped=true&\"\nimport script from \"./Leaderboard.vue?vue&type=script&lang=js&\"\nexport * from \"./Leaderboard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Leaderboard.vue?vue&type=style&index=0&id=02d9c184&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  \"02d9c184\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}