{"version":3,"file":"ServerStatus-DEW8Qc1i.js","sources":["../../../resources/js/Pages/Home/Partials/ServerStatus.vue"],"sourcesContent":["<template>\n  <q-card\n    tag=\"a\"\n    :href=\"$route('play', server.server_id)\"\n    :class=\"mapId && `server-status--map-${mapId}`\"\n    target=\"_blank\"\n    class=\"server-status\"\n    flat\n  >\n    <q-card-section class=\"row items-center no-wrap full-height\">\n      <div class=\"server-status__info q-mr-md\">\n        <strong class=\"text-primary\">\n          {{ server.name }}\n        </strong>\n        <div class=\"server-status__station-name\">\n          <q-skeleton type=\"text\" v-if=\"loading\" />\n          <div v-else-if=\"error\" class=\"text-red text-weight-medium\">\n            Unable to reach the server.\n          </div>\n          <template v-else>{{ status.station_name }}</template>\n        </div>\n        <div class=\"text-caption row\">\n          <div v-if=\"error\">&nbsp;</div>\n          <q-skeleton type=\"text\" v-else-if=\"loading\" width=\"100%\" />\n          <template v-else>\n            <span>{{ $formats.capitalize(status.mode) }} Mode</span>\n            <q-separator vertical color=\"grey\" class=\"q-mx-sm q-my-xs\" />\n            <span>{{ status.players }} players</span>\n            <q-separator vertical color=\"grey\" class=\"q-mx-sm q-my-xs\" />\n            <span>\n              <template v-if=\"isPreRound\">Lobby</template>\n              <template v-else-if=\"isPostRound\">Ended</template>\n              <template v-else>{{ roundTime }}</template>\n              <q-tooltip>Round time</q-tooltip>\n            </span>\n            <q-separator vertical color=\"grey\" class=\"q-mx-sm q-my-xs\" />\n            <span>\n              {{ status.map_name }}\n              <q-tooltip>Current map</q-tooltip>\n            </span>\n          </template>\n        </div>\n      </div>\n      <q-btn class=\"q-ml-auto text-weight-bolder\" color=\"primary\" text-color=\"dark\" label=\"Join\" />\n    </q-card-section>\n    <img\n      v-if=\"mapId\"\n      :src=\"$helpers.publicUrl(`/maps/${mapId}/thumb.png`)\"\n      alt=\"\"\n      class=\"server-status__map\"\n    />\n  </q-card>\n</template>\n\n<style lang=\"scss\" scoped>\n.server-status {\n  $self: &;\n  position: relative;\n  display: block;\n  text-decoration: none;\n  overflow: hidden;\n\n  &__map {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n    z-index: 0;\n    width: 50%;\n    max-width: 300px;\n    filter: blur(1px);\n    mask-image: linear-gradient(to left, var(--q-dark) 0%, transparent 100%);\n    transition: all 200ms;\n  }\n\n  // Help with centering some maps that don't have the station quite in the middle\n  &--map-atlas &__map {\n    margin-top: 30px;\n    margin-right: 20px;\n  }\n  &--map-clarion &__map {\n    margin-top: -20px;\n    margin-right: -10px;\n  }\n  &--map-nadir &__map {\n    margin-top: 5px;\n  }\n  &--map-kondaru &__map {\n    margin-top: -15px;\n    margin-right: 25px;\n  }\n  &--map-donut3 &__map {\n    margin-top: -10px;\n  }\n  &--map-donut2 &__map {\n    margin-top: -25px;\n    margin-right: -40px;\n  }\n\n  &:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 4px;\n    background: var(--q-primary);\n    transition: all 200ms;\n  }\n\n  &:hover,\n  &:focus {\n    #{$self}__map {\n      transform: translateY(-50%) scale(1.1);\n    }\n\n    &:after {\n      width: 8px;\n    }\n  }\n\n  .q-card__section {\n    position: relative;\n    z-index: 1;\n    padding: 0.65rem 1rem;\n    text-shadow: 1px 1px 1px black;\n  }\n\n  &__info {\n    display: flex;\n    justify-content: space-evenly;\n    flex-direction: column;\n    width: 0;\n    height: 100%;\n    flex: 1;\n  }\n\n  &__station-name {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n}\n</style>\n\n<script>\nimport dayjs from 'dayjs'\n\nexport default {\n  emits: ['refreshed'],\n\n  props: {\n    server: Object,\n    waiting: Boolean,\n  },\n\n  data: () => {\n    return {\n      loading: true,\n      error: false,\n      status: {},\n      refreshTimer: null,\n      cancelToken: null,\n      cleaned: false,\n    }\n  },\n\n  computed: {\n    isPreRound() {\n      return this.status?.elapsed === 'pre'\n    },\n\n    isPostRound() {\n      return this.status?.elapsed === 'post'\n    },\n\n    roundTime() {\n      if (!this.status.elapsed || this.isPreRound) return 0\n      return dayjs.duration(parseInt(this.status.elapsed), 'seconds').format('H[h] m[m]')\n    },\n\n    mapId() {\n      if (!this.status.map_id) return ''\n      return this.status.map_id.toLowerCase().replace(/\\s/g, '')\n    },\n  },\n\n  created() {\n    this.$rtr.on('before', (e) => {\n      if (!e.detail.visit.async) this.cleanup()\n    })\n  },\n\n  beforeUnmount() {\n    this.cleanup()\n  },\n\n  watch: {\n    waiting: {\n      immediate: true,\n      handler(val) {\n        if (!val) this.refresh()\n      },\n    },\n  },\n\n  methods: {\n    async refresh() {\n      this.error = false\n      this.$rtr.reload({\n        only: ['status'],\n        data: { server: this.server.server_id },\n        preserveUrl: true,\n        preserveState: false,\n        onCancelToken: (cancelToken) => (this.cancelToken = cancelToken),\n        onSuccess: (page) => {\n          this.status = page.props.status\n        },\n        onError: () => {\n          this.error = true\n          this.status = {}\n        },\n        onFinish: (visit) => {\n          if (visit.cancelled) return\n          this.refreshTimer = setTimeout(() => {\n            this.refresh()\n          }, 60 * 1000)\n\n          this.$emit('refreshed', {\n            serverId: this.server.server_id,\n            status: this.status,\n            error: this.error,\n          })\n\n          this.loading = false\n        },\n      })\n    },\n\n    cleanup() {\n      if (this.cleaned) return\n      this.cleaned = true\n      this.cancelToken && this.cancelToken.cancel()\n      this.refreshTimer && clearTimeout(this.refreshTimer)\n    },\n  },\n}\n</script>\n"],"names":["_sfc_main","_a","dayjs","val","cancelToken","page","visit","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_5","_hoisted_7","_createBlock","QCard","_ctx","$props","_normalizeClass","$options","_withCtx","_createVNode","QCardSection","_createElementVNode","_toDisplayString","QSkeleton","_createElementBlock","_hoisted_4","_openBlock","_Fragment","_createTextVNode","_hoisted_6","QSeparator","QTooltip","_cache","QBtn","_createCommentVNode"],"mappings":"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"}