{"version":3,"file":"js/9207.99c11dea.js","mappings":"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","sources":["webpack://tjing/./src/pages/PublicEventRounds.vue","webpack://tjing/src/pages/PublicEventRounds.vue","webpack://tjing/./src/pages/PublicEventRounds.vue?8f91","webpack://tjing/./src/pages/PublicEventRounds.vue?ee9a"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.loaded)?_c('div',{staticClass:\"rounds-list\"},[_vm._l((_vm.roundInfo.rounds),function(round,roundIndex){return _vm._l((round.pools),function(pool,poolIndex){return _c('div',{key:pool.id,staticClass:\"round-card\"},[_c('div',{staticClass:\"header\"},[_c('h4',[_vm._v(\" Round \"+_vm._s(roundIndex + 1)+\" \"),(round.pools.length > 1)?[(pool.name)?_c('span',[_vm._v(\": \"+_vm._s(pool.name))]):_c('span',[_vm._v(\" - Pool \"+_vm._s(_vm.$store.state.poolConversion[poolIndex]))])]:_vm._e()],2),(pool.status == 'COMPLETED')?_c('div',{staticClass:\"status-label strom\"},[_vm._v(\" Finished \")]):(pool.status == 'OPEN')?_c('div',{staticClass:\"status-label grass\"},[_vm._v(\" Live \")]):(pool.status == 'PAUSE')?_c('div',{staticClass:\"status-label sunrise\"},[_vm._v(\" Paused \")]):_c('div',{staticClass:\"status-label sunset\"},[_vm._v(\"Upcoming\")])]),_c('div',{staticClass:\"date-play-format-wrapper\"},[_c('p',{staticClass:\"date\"},[_vm._v(_vm._s(_vm.poolDate(pool)))]),(pool.playFormat)?_c('p',{staticClass:\"play-format\"},[_c('b',[_vm._v(_vm._s(_vm.playFormatFormatter(pool.playFormat)))])]):_vm._e()]),(pool.layoutVersion)?_c('div',{staticClass:\"course\"},[_c('p',{staticClass:\"course-name\"},[_c('strong',[_vm._v(_vm._s(pool.layoutVersion.layout.course.name))])]),_c('div',{staticClass:\"layout-wrapper\"},[_c('p',{staticClass:\"layout-name\"},[_vm._v(\" \"+_vm._s(pool.layoutVersion.layout.name)+\" \")]),(pool.layoutVersion.layout.course.type === 'PUBLIC')?_c('router-link',{attrs:{\"to\":{\n              name: 'course-layout',\n              params: {\n                layoutId: pool.layoutVersion.layout.id,\n                courseId: pool.layoutVersion.layout.course.id,\n              },\n            }}},[_c('p',{staticClass:\"layout-toggle\"},[_vm._v(\"Explore layout\")])]):_vm._e()],1)]):_vm._e(),_c('router-link',{attrs:{\"to\":{\n          name: 'public-event-pool-results',\n          params: { eventId: _vm.$route.params.eventId, poolId: pool.id },\n        }}},[_c('button',{staticClass:\"view-round\"},[_vm._v(\"View round\")])])],1)})})],2):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"rounds-list\" v-if=\"loaded\">\n    <template v-for=\"(round, roundIndex) in roundInfo.rounds\">\n      <div\n        class=\"round-card\"\n        v-for=\"(pool, poolIndex) in round.pools\"\n        :key=\"pool.id\"\n      >\n        <div class=\"header\">\n          <h4>\n            Round {{ roundIndex + 1 }}\n            <template v-if=\"round.pools.length > 1\">\n              <span v-if=\"pool.name\">: {{ pool.name }}</span>\n              <span v-else>\n                - Pool {{ $store.state.poolConversion[poolIndex] }}</span\n              >\n            </template>\n          </h4>\n          <div class=\"status-label strom\" v-if=\"pool.status == 'COMPLETED'\">\n            Finished\n          </div>\n          <div class=\"status-label grass\" v-else-if=\"pool.status == 'OPEN'\">\n            Live\n          </div>\n          <div class=\"status-label sunrise\" v-else-if=\"pool.status == 'PAUSE'\">\n            Paused\n          </div>\n          <div class=\"status-label sunset\" v-else>Upcoming</div>\n        </div>\n        <div class=\"date-play-format-wrapper\">\n          <p class=\"date\">{{ poolDate(pool) }}</p>\n          <p class=\"play-format\" v-if=\"pool.playFormat\">\n            <b>{{ playFormatFormatter(pool.playFormat) }}</b>\n          </p>\n        </div>\n        <div class=\"course\" v-if=\"pool.layoutVersion\">\n          <p class=\"course-name\">\n            <strong>{{ pool.layoutVersion.layout.course.name }}</strong>\n          </p>\n          <div class=\"layout-wrapper\">\n            <p class=\"layout-name\">\n              {{ pool.layoutVersion.layout.name }}\n            </p>\n            <router-link\n              v-if=\"pool.layoutVersion.layout.course.type === 'PUBLIC'\"\n              :to=\"{\n                name: 'course-layout',\n                params: {\n                  layoutId: pool.layoutVersion.layout.id,\n                  courseId: pool.layoutVersion.layout.course.id,\n                },\n              }\"\n              ><p class=\"layout-toggle\">Explore layout</p></router-link\n            >\n          </div>\n        </div>\n        <router-link\n          :to=\"{\n            name: 'public-event-pool-results',\n            params: { eventId: $route.params.eventId, poolId: pool.id },\n          }\"\n        >\n          <button class=\"view-round\">View round</button>\n        </router-link>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script>\nimport moment from 'moment'\nexport default {\n  name: 'PublicEventRounds',\n  components: {},\n  data() {\n    return {\n      shownLayouts: [],\n      roundInfo: null,\n      loaded: false,\n    }\n  },\n  computed: {},\n  methods: {\n    playFormatFormatter(playFormat) {\n      return this.$store.getters.getPlayFormats.find(\n        (format) => format.value === playFormat\n      ).name\n    },\n    toggleShownLayout(pool) {\n      if (this.shownLayouts.includes(pool.id)) {\n        this.shownLayouts = this.shownLayouts.filter(\n          (poolId) => poolId != pool.id\n        )\n      } else {\n        this.shownLayouts.push(pool.id)\n      }\n    },\n    poolDate(pool) {\n      return moment(pool.date).format('ddd D MMM [at] HH:mm')\n    },\n    displayHole(hole) {\n      return hole.name == null ? hole.number : hole.name\n    },\n    parEval(hole) {\n      if (hole.par <= 3) {\n        return 'low'\n      } else if (hole.par == 4) {\n        return 'mid'\n      } else return 'high'\n    },\n    wrapHoles(holes) {\n      let wrap = false\n\n      if (holes.length > 27) {\n        wrap = true\n      } else if (holes.length > 18) {\n        holes.forEach((hole) => {\n          if (hole.name != null) {\n            wrap = true\n          }\n        })\n      }\n\n      return wrap\n    },\n    async loadData() {\n      let roundInfo = await this.$axios({\n        data: {\n          query: `\n          {\n            event(eventId: \"${this.$router.currentRoute.params.eventId}\") {\n              id\n              name\n              rounds{\n                id\n                pools{\n                  id\n                  name\n                  status\n                  startMethod\n                  date\n                  playFormat\n                  layoutVersion{\n                    holes{\n                      id\n                      number\n                      par\n                      name\n                    }\n                    layout{\n                      id\n                      name\n                      type\n                      course{\n                        id\n                        name\n                        type\n                      }\n                    }\n                  }\n                }\n              }\n              tour {\n                id\n                name\n                events {\n                  id\n                }\n              }\n            }\n          }\n          `,\n        },\n      })\n\n      this.roundInfo = roundInfo.data.data.event\n      this.loaded = true\n    },\n  },\n  beforeMount() {\n    this.loadData()\n  },\n  beforeCreate() {},\n  destroyed() {},\n}\n</script>\n\n<style lang=\"scss\" scoped>\na {\n  color: $ocean;\n\n  &:hover {\n    color: $ocean;\n    text-decoration: underline;\n  }\n}\n.rounds-list {\n  padding: 0 12px;\n}\n.round-card {\n  width: 100%;\n  border: 1px solid $sleet;\n  border-radius: 10px;\n  padding: 18px 20px 22px 20px;\n  margin-bottom: 24px;\n\n  .header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    h4 {\n      margin-bottom: 0;\n    }\n    .label {\n      line-height: normal;\n      padding: 4px 8px;\n      color: white;\n      text-transform: uppercase;\n      border-radius: 11px;\n      font-size: 10px;\n      letter-spacing: 1px;\n      @include Gilroy-Bold;\n\n      &.finished {\n        background: $midnight;\n      }\n      &.live {\n        background: $grass;\n      }\n      &.upcoming {\n        background: $sunset;\n      }\n    }\n  }\n  .date,\n  .play-format {\n    margin-top: 8px;\n    font-size: 14px;\n    margin-bottom: 0;\n  }\n  .date-play-format-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .course {\n    margin-top: 18px;\n    .course-name {\n      margin: 0;\n      strong {\n        @include Gilroy-Bold;\n      }\n    }\n\n    .layout-wrapper {\n      margin-top: 4px;\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: wrap;\n\n      .layout-name {\n        font-size: 14px;\n        margin: 0;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        line-height: 1rem;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        max-width: calc(100% - 90px);\n\n        svg {\n          margin-left: 6px;\n        }\n      }\n      .layout-toggle {\n        margin: 0;\n        color: $ocean;\n        font-size: 14px;\n\n        &:hover {\n          text-decoration: underline;\n          cursor: pointer;\n        }\n      }\n      .holes {\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        list-style: none;\n        margin-top: 16px;\n\n        .hole {\n          flex: 1;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          p {\n            margin: 0;\n          }\n\n          .par {\n            background: $par;\n            width: 100%;\n            text-align: center;\n            font-size: 12px;\n            padding: 4px 0;\n          }\n          .number {\n            margin-bottom: 8px;\n            width: 100%;\n            text-align: center;\n            font-size: 12px;\n          }\n        }\n      }\n\n      .layout {\n        width: 100%;\n        .holes {\n          list-style: none;\n          margin: 0;\n          padding: 0;\n          display: flex;\n          justify-content: flex-start;\n          align-items: flex-end;\n          width: 100%;\n\n          &.wrap {\n            flex-wrap: wrap;\n            justify-content: flex-start;\n            padding-bottom: 24px;\n            margin: 0;\n\n            li {\n              width: calc(5.5555555556%);\n              flex: unset;\n              box-sizing: border-box;\n            }\n          }\n\n          li {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            border-right: 1px solid white;\n            margin-top: 15px;\n            max-width: 40px;\n\n            &:last-child {\n              border-right: 0px solid white;\n            }\n            .hole-name {\n              font-size: 10px;\n              width: 100%;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              padding: 5px 0;\n            }\n            .hole-par {\n              display: flex;\n              justify-content: center;\n              align-items: center;\n              width: 100%;\n              font-size: 10px;\n              @include Gilroy-Bold;\n\n              padding: 5px 0;\n\n              &.low {\n                background-color: $mist;\n              }\n              &.mid {\n                background-color: $sleet;\n              }\n              &.high {\n                background-color: $blizzard;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .view-round {\n    margin-top: 24px;\n    width: 100%;\n    background: $cloud;\n    transition: all ease 0.3s;\n    border: none;\n    font-size: 16px;\n    border-radius: 6px;\n    &:hover {\n      background: $fog;\n    }\n  }\n}\n\n@media (min-width: 480px) and (orientation: landscape) {\n}\n\n@media (min-width: 544px) {\n}\n\n@media (min-width: 768px) {\n  .rounds-list {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    flex-wrap: wrap;\n  }\n  .round-card {\n    width: 48%;\n    padding: 20px 25px 26px 25px;\n    margin-bottom: 48px;\n\n    .header {\n      h4 {\n        font-size: 24px;\n      }\n    }\n    .date,\n    .play-format {\n      font-size: 16px;\n    }\n    .course {\n      .layout-wrapper {\n        margin-top: 2px;\n        .layout-name {\n          font-size: 16px;\n        }\n      }\n    }\n\n    .view-round {\n      height: 48px;\n      @include Gilroy-Bold;\n    }\n  }\n}\n\n@media (min-width: 992px) {\n  .rounds-list {\n    padding: 0;\n    display: flex;\n    justify-content: flex-start;\n    align-items: flex-start;\n    flex-wrap: wrap;\n  }\n  .round-card {\n    width: 31.3%;\n    margin-right: 3%;\n    padding: 20px 25px 26px 25px;\n    margin-bottom: 48px;\n\n    &:nth-child(3n) {\n      margin-right: 0;\n    }\n    .header {\n      h4 {\n        font-size: 24px;\n      }\n    }\n    .date,\n    .play-format {\n      font-size: 16px;\n    }\n    .course {\n      .layout-wrapper {\n        margin-top: 2px;\n        .layout-name {\n          font-size: 16px;\n          svg {\n            margin-left: 7px;\n          }\n        }\n      }\n    }\n\n    .view-round {\n      height: 48px;\n      @include Gilroy-Bold;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PublicEventRounds.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./PublicEventRounds.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PublicEventRounds.vue?vue&type=template&id=76ca3ff5&scoped=true\"\nimport script from \"./PublicEventRounds.vue?vue&type=script&lang=js\"\nexport * from \"./PublicEventRounds.vue?vue&type=script&lang=js\"\nimport style0 from \"./PublicEventRounds.vue?vue&type=style&index=0&id=76ca3ff5&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"76ca3ff5\",\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","loaded","staticClass","_l","roundInfo","rounds","round","roundIndex","pools","pool","poolIndex","key","id","_v","_s","length","name","$store","state","poolConversion","_e","status","poolDate","playFormat","playFormatFormatter","layoutVersion","layout","course","type","attrs","params","layoutId","courseId","eventId","$route","poolId","staticRenderFns","components","data","shownLayouts","computed","methods","getters","getPlayFormats","find","format","value","toggleShownLayout","includes","filter","push","moment","date","displayHole","hole","number","parEval","par","wrapHoles","holes","wrap","forEach","loadData","$axios","query","$router","currentRoute","event","beforeMount","beforeCreate","destroyed","component"],"sourceRoot":""}