{"version":3,"file":"js/839.254b5efe.js","mappings":"2PACOA,MAAM,oC,UACTC,EAAAA,EAAAA,GAKM,OALDD,MAAM,kBAAgB,EACzBC,EAAAA,EAAAA,GAE4B,OAFvBC,IAAI,OACJF,MAAM,yBACNG,IAAI,sBACTF,EAAAA,EAAAA,GAAuD,MAAnDD,MAAM,WAAU,oCAA8B,K,SAEjBA,MAAM,4D,+BAI9BA,MAAM,mB,mBAGNA,MAAM,mB,uBAOiBA,MAAM,qB,qlDArB1CI,EAAAA,EAAAA,IA4EM,MA5ENC,EA4EM,CA3EJC,EAM6B,OAAlBC,EAAAA,gBAAa,WAAxBH,EAAAA,EAAAA,IAaM,MAbNI,EAaM,gBAZJJ,EAAAA,EAAAA,IAWMK,EAAAA,GAAAA,MAAAA,EAAAA,EAAAA,IAXsBF,EAAAA,eAAa,CAA5BG,EAAQC,M,WAArBP,EAAAA,EAAAA,IAWM,OAXsCQ,IAAKF,EAAOG,UAAWb,MAAM,cAAcc,SAAS,IAC1FC,SAAK,YAAQR,EAAAA,WAAWG,EAAOM,YAAcN,EAAOG,YAAS,Y,EACjEZ,EAAAA,EAAAA,GAOM,OAPDD,MAAM,MAAOiB,QAAK,GAAEV,EAAAA,WAAWG,EAAOM,YAAcN,EAAOG,Y,EAC9DZ,EAAAA,EAAAA,GAEM,MAFNiB,EAEM,EADJjB,EAAAA,EAAAA,GAA6C,OAAvCC,IAAKQ,EAAOS,KAAOhB,IAAKO,EAAOU,Q,aAEvCnB,EAAAA,EAAAA,GAEM,MAFNoB,EAEM,EADJpB,EAAAA,EAAAA,GAAwB,kBAAlBS,EAAOS,MAAI,YAGrBlB,EAAAA,EAAAA,GAAgF,KAA7ED,MAAM,qBAAqBc,SAAS,IAAKG,QAAK,GAAEV,EAAAA,oBAAoBI,I,6CAG/C,OAAlBJ,EAAAA,gBAAa,WAAvBH,EAAAA,EAAAA,IAA4D,KAA5DkB,KAA4D,eAC5DC,G,mCA8DJ,GACEJ,KAAM,WACNK,SACEC,EAAAA,EAAAA,IAAS,QACT,MAAMC,GAAQC,EAAAA,EAAAA,MAERC,GAAgBC,EAAAA,EAAAA,IAAI,IAEpBC,EAAoB,KACxBF,EAAcG,MAAQC,KAAKC,MAAMC,aAAaC,QAAQ,mBAE1B,OAAxBP,EAAcG,OACZK,OAAOC,WAAa,MACtBT,EAAcG,MAAQH,EAAcG,MAAMO,QAAOC,GAAKX,EAAcG,MAAMS,QAAQD,GAAK,IAE3F,EAGIE,EAAuB7B,IACC,OAAxBgB,EAAcG,QAChBH,EAAcG,MAAMW,OAAO9B,EAAK,GAChCgB,EAAcG,MAAMY,UAEpBT,aAAaU,QAEThB,EAAcG,QAAU,IAC1BH,EAAcG,MAAMc,KAAIC,KACtBC,EAAAA,EAAAA,IAA8BD,EAAE,KAKtChB,GAAkB,EAWpB,OARAkB,EAAAA,EAAAA,KAAc,KACZlB,IACAJ,EAAMuB,OAAO,sBAEbC,SAASC,eAAe,OAAOC,MAAMC,WAAa,OAClDH,SAASI,cAAc,WAAWF,MAAMG,QAAU,MAAK,IAGlD,CAAC3B,gBAAe4B,WAAU,KAAEf,sBACrC,G,UC1HF,MAAMgB,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAEzF,O","sources":["webpack://csgowtf/./src/views/HomeView.vue","webpack://csgowtf/./src/views/HomeView.vue?1da1"],"sourcesContent":["<template>\n  <div class=\"main-content content text-center\">\n    <div class=\"head pt-4 pb-4\">\n      <img alt=\"logo\"\n           class=\"logo mt-lg-5 mt-3 mb-3\"\n           src=\"/images/logo.svg\">\n      <h3 class=\"mb-lg-4\">Open source CSGO data platform</h3>\n    </div>\n    <div v-if=\"recentVisited !== null\" class=\"recent-search mt-5 mb-5 row gap-2 justify-content-center\">\n      <div v-for=\"(player, id) in recentVisited\" :key=\"player.steamid64\" class=\"player-card\" tabindex=\"0\"\n           @keyup.enter=\"GoToPlayer(player.vanity_url || player.steamid64)\">\n        <div class=\"p-2\" @click=\"GoToPlayer(player.vanity_url || player.steamid64)\">\n          <div class=\"col-md-4 m-auto\">\n            <img :alt=\"player.name\" :src=\"player.avatar\">\n          </div>\n          <div class=\"col-md-8 m-auto\">\n            <p>{{ player.name }}</p>\n          </div>\n        </div>\n        <i class=\"delete fa fa-times\" tabindex=\"0\" @click=\"removeRecentVisited(id)\"></i>\n      </div>\n    </div>\n    <hr v-if=\"recentVisited !== null\" class=\"m-auto text-muted\">\n    <div class=\"body container m-auto row mt-5 mb-5 justify-content-center\">\n      <table class=\"table table-borderless\">\n        <thead>\n        <tr>\n          <th>\n            <i class=\"fa fa-code-fork\"/>\n          </th>\n          <th>\n            <i class=\"fa fa-liberapay\"/>\n          </th>\n          <th>\n            <i class=\"fa fa-pie-chart\"/>\n          </th>\n        </tr>\n        </thead>\n        <tbody>\n        <tr class=\"align-middle\">\n          <td>\n            <h4 class=\"fw-light\">Open Source</h4>\n          </td>\n          <td>\n            <a href=\"https://liberapay.com/CSGOWTF/donate\" target=\"_blank\">\n              <img alt=\"Donate using Liberapay\"\n                   src=\"https://liberapay.com/assets/widgets/donate.svg\"\n                   style=\"height: 35px\">\n            </a>\n          </td>\n          <td>\n            <h4 class=\"fw-light\">In-Depth Data</h4>\n          </td>\n        </tr>\n        <tr>\n          <td>\n            <p class=\"fw-light\">Everything is open source and under GPL licence. Contributions welcome.</p>\n          </td>\n          <td>\n            <p class=\"fw-light\">We develop this site in our spare time. If you want to support us, donations are\n              appreciated!</p>\n          </td>\n          <td>\n            <p class=\"fw-light\">Matches with parsed replay provide additional match data.</p>\n          </td>\n        </tr>\n        <tr>\n          <td/>\n          <td>\n            <img alt=\"liberapay patrons\" src=\"https://img.shields.io/liberapay/patrons/CSGOWTF.svg\"\n                 style=\"height: 25px\"/>\n          </td>\n          <td/>\n        </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {GoToPlayer, SaveLastVisitedToLocalStorage, setTitle} from \"@/utils\";\nimport {onBeforeMount, ref} from \"vue\";\nimport {useStore} from \"vuex\";\n\nexport default {\n  name: 'HomeView',\n  setup() {\n    setTitle('Home')\n    const store = useStore()\n\n    const recentVisited = ref([])\n\n    const loadRecentVisited = () => {\n      recentVisited.value = JSON.parse(localStorage.getItem('recent-visited'))\n\n      if (recentVisited.value !== null) {\n        if (window.innerWidth < 768) {\n          recentVisited.value = recentVisited.value.filter(i => recentVisited.value.indexOf(i) < 6)\n        }\n      }\n    }\n\n    const removeRecentVisited = (key) => {\n      if (recentVisited.value !== null) {\n        recentVisited.value.splice(key, 1)\n        recentVisited.value.reverse()\n\n        localStorage.clear()\n\n        if (recentVisited.value !== []) {\n          recentVisited.value.map(p => {\n            SaveLastVisitedToLocalStorage(p)\n          })\n        }\n      }\n\n      loadRecentVisited()\n    }\n\n    onBeforeMount(() => {\n      loadRecentVisited()\n      store.commit('resetPlayerDetails')\n\n      document.getElementById('app').style.background = 'none'\n      document.querySelector('.bg-img').style.display = 'none'\n    })\n\n    return {recentVisited, GoToPlayer, removeRecentVisited}\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\ntable {\n  td {\n    p {\n      max-width: 40ch;\n      margin: 0 auto;\n    }\n  }\n}\n.fa {\n  font-size: 5rem;\n  padding-bottom: 1.5rem;\n}\n\n.main-content {\n  .head {\n    // display jpg\n    background-image: url(\"../../public/images/map_screenshots/default.png\");\n  }\n\n  .head {\n    // display webp if possible\n    background-image: url(\"../../public/images/map_screenshots/default.png\");\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n\n    .logo {\n      width: 300px;\n    }\n\n    .text-up {\n      font-family: \"Open Sans\", sans-serif;\n      font-size: 40%;\n      vertical-align: top;\n      text-shadow: 10px -5px 1rem rgba(0, 0, 0, 0.5);\n    }\n\n    h3 {\n      font-size: 2.5rem;\n      font-weight: lighter;\n    }\n  }\n\n  .recent-search {\n    max-width: 1100px;\n    margin: 0 auto;\n\n    .player-card {\n      width: 180px;\n      height: 75px;\n      background: var(--bs-blue);\n      border-radius: 15% 5%;\n      position: relative;\n\n      .delete {\n        display: none;\n      }\n\n      &:hover {\n        background: var(--bs-primary);\n        cursor: pointer;\n      }\n\n      &:focus {\n        outline: none;\n        background: var(--bs-warning) !important;\n      }\n\n      &:hover > .delete {\n        display: initial;\n        position: absolute;\n        font-size: 1rem;\n        top: 5px;\n        right: 5px;\n\n        &:hover {\n          color: maroon;\n        }\n      }\n\n      img {\n        border-radius: 50%;\n        width: 40px;\n        height: 40px;\n      }\n\n      p {\n        font-size: .9rem;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n\n  @media screen and (max-width: 576px) {\n    .logo {\n      width: 200px !important;\n    }\n  }\n\n  @media screen and (max-width: 768px) {\n    .head {\n      .logo {\n        width: 250px;\n      }\n\n      h3 {\n        font-size: 2rem;\n        padding: 0 2rem;\n      }\n    }\n    .recent-search {\n      .player-card {\n        height: 60px;\n\n        img {\n          width: 30px;\n          height: 30px;\n        }\n\n        .delete {\n          display: initial;\n          position: absolute;\n          font-size: 1rem;\n          top: 5px;\n          right: 5px;\n          color: maroon;\n        }\n      }\n    }\n  }\n\n  .body {\n    p {\n      font-size: .9rem;\n    }\n\n    .fas {\n      font-size: 3rem;\n    }\n  }\n}\n</style>\n","import { render } from \"./HomeView.vue?vue&type=template&id=6bd3d394&scoped=true\"\nimport script from \"./HomeView.vue?vue&type=script&lang=js\"\nexport * from \"./HomeView.vue?vue&type=script&lang=js\"\n\nimport \"./HomeView.vue?vue&type=style&index=0&id=6bd3d394&lang=scss&scoped=true\"\n\nimport exportComponent from \"/var/lib/jenkins/workspace/CSGOWTF_csgowtf_master/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6bd3d394\"]])\n\nexport default __exports__"],"names":["class","_createElementVNode","alt","src","_createElementBlock","_hoisted_1","_hoisted_2","$setup","_hoisted_3","_Fragment","player","id","key","steamid64","tabindex","onKeyup","vanity_url","onClick","_hoisted_6","name","avatar","_hoisted_8","_hoisted_10","_hoisted_11","setup","setTitle","store","useStore","recentVisited","ref","loadRecentVisited","value","JSON","parse","localStorage","getItem","window","innerWidth","filter","i","indexOf","removeRecentVisited","splice","reverse","clear","map","p","SaveLastVisitedToLocalStorage","onBeforeMount","commit","document","getElementById","style","background","querySelector","display","GoToPlayer","__exports__","render"],"sourceRoot":""}