{"version":3,"file":"Search-C4QRvLFN.js","sources":["../../../resources/js/Components/Tables/PlayersTable.vue","../../../resources/js/Pages/Players/Search.vue"],"sourcesContent":["<template>\n  <base-table\n    v-bind=\"$attrs\"\n    :routes=\"routes\"\n    :columns=\"columns\"\n    loading-label=\"\"\n    hide-no-data\n    hide-top\n    no-timestamp-toggle\n    no-filters\n    grid\n  >\n    <template v-slot:item=\"props\">\n      <div class=\"q-table__grid-item col-xs-12 col-sm-6 col-md-4 col-lg-3\">\n        <Link :href=\"`/players/${props.row.id}`\" class=\"gh-link-card\">\n          <div class=\"flex items-center no-wrap\">\n            <player-avatar :player=\"props.row\" class=\"q-mr-sm\" size=\"md\" />\n            <div>\n              <div class=\"text-weight-bold ellipsis\">\n                <template v-if=\"props.row.key\">{{ props.row.key }}</template>\n                <template v-else>{{ $formats.capitalize(props.row.ckey) }}</template>\n              </div>\n              <div class=\"text-caption\">\n                Last seen\n                <template v-if=\"props.row.latest_connection\">\n                  {{ dayjs(props.row.latest_connection.created_at).fromNow() }}\n                </template>\n                <template v-else>never</template>\n              </div>\n            </div>\n          </div>\n        </Link>\n      </div>\n    </template>\n  </base-table>\n</template>\n\n<style lang=\"scss\" scoped>\n.gh-link-card {\n  .text-caption {\n    opacity: 0.6;\n  }\n}\n</style>\n\n<script>\nimport PlayerAvatar from '@/Components/PlayerAvatar.vue'\nimport dayjs from 'dayjs'\nimport BaseTable from './BaseTable.vue'\n\nexport default {\n  components: {\n    BaseTable,\n    PlayerAvatar,\n  },\n\n  setup() {\n    return {\n      dayjs,\n    }\n  },\n\n  data() {\n    return {\n      routes: { fetch: '/players/search' },\n      columns: [\n        { name: 'ckey', label: 'Ckey', field: 'ckey', sortable: true },\n        { name: 'key', label: 'Key', field: 'key', sortable: true },\n        // {\n        //   name: 'connections',\n        //   label: 'Connections',\n        //   field: 'connections_count',\n        //   sortable: true,\n        //   filter: {\n        //     type: 'range',\n        //   },\n        // },\n        // {\n        //   name: 'participations',\n        //   label: 'Participations',\n        //   field: 'participations_count',\n        //   sortable: true,\n        //   filter: {\n        //     type: 'range',\n        //   },\n        // },\n      ],\n    }\n  },\n}\n</script>\n","<template>\n  <div>\n    <div class=\"player-search\">\n      <q-form @submit=\"onSubmit\">\n        <q-input\n          v-model=\"search\"\n          rounded\n          bg-color=\"dark\"\n          input-class=\"text-white q-px-md\"\n          standout=\"bg-grey-9 text-white\"\n          placeholder=\"Player username\"\n          class=\"q-mb-md\"\n        >\n          <template v-slot:append>\n            <q-btn\n              v-if=\"search\"\n              flat\n              round\n              color=\"white\"\n              padding=\"xs\"\n              :icon=\"ionCloseOutline\"\n              @click=\"onClear\"\n              class=\"q-mr-sm\"\n            />\n            <q-btn\n              @click=\"onSubmit\"\n              type=\"submit\"\n              color=\"primary\"\n              text-color=\"dark\"\n              label=\"Search\"\n              :loading=\"showButtonLoad\"\n              :icon=\"ionSearch\"\n              rounded\n            />\n          </template>\n        </q-input>\n      </q-form>\n\n      <q-card v-if=\"showTutorial\" flat class=\"text-center q-pa-md\">\n        <q-card-section>\n          <q-icon :name=\"ionPeople\" size=\"5rem\" class=\"q-mb-md\" />\n          <div class=\"text-body1\">\n            Search for your favorite (or least favorite) player above by their BYOND username.\n          </div>\n        </q-card-section>\n      </q-card>\n    </div>\n\n    <players-table\n      v-show=\"!showTutorial\"\n      :initial=\"players\"\n      :search=\"{ name: searchFilter }\"\n      :pagination=\"{ rowsPerPage: 20 }\"\n      @loaded=\"onTableLoaded\"\n      @fetch-start=\"tableFetching = true\"\n      @fetch-end=\"onTableFetchEnd\"\n      flat\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@media (min-width: $breakpoint-md-min) {\n  .player-search {\n    padding: 1rem 20%;\n  }\n}\n</style>\n\n<script>\nimport { ionSearch, ionCloseOutline, ionPeople } from '@quasar/extras/ionicons-v6'\nimport AppLayout from '@/Layouts/AppLayout.vue'\nimport PlayersLayout from '@/Layouts/PlayersLayout.vue'\nimport PlayersTable from '@/Components/Tables/PlayersTable.vue'\n\nexport default {\n  layout: (h, page) => {\n    return h(AppLayout, { title: 'Player Search' }, () => h(PlayersLayout, () => page))\n  },\n\n  setup() {\n    return {\n      ionSearch,\n      ionCloseOutline,\n      ionPeople\n    }\n  },\n\n  components: {\n    PlayersTable,\n  },\n\n  props: {\n    players: Object,\n  },\n\n  data() {\n    return {\n      search: null,\n      searchFilter: null,\n      tableFetching: false,\n      forceShowTutorial: false,\n    }\n  },\n\n  computed: {\n    showTutorial() {\n      return this.forceShowTutorial || this.searchFilter === null\n    },\n\n    showButtonLoad() {\n      return this.showTutorial && this.tableFetching\n    },\n  },\n\n  methods: {\n    onSubmit() {\n      this.searchFilter = this.search\n    },\n\n    onClear() {\n      this.search = null\n      this.forceShowTutorial = true\n      this.onSubmit()\n    },\n\n    onTableLoaded({ filters }) {\n      if (filters.name) this.search = this.searchFilter = filters.name\n    },\n\n    onTableFetchEnd() {\n      this.tableFetching = false\n      if (this.search && this.forceShowTutorial) this.forceShowTutorial = false\n    },\n  },\n}\n</script>\n"],"names":["_sfc_main","BaseTable","PlayerAvatar","dayjs","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createBlock","_component_base_table","_mergeProps","_ctx","$data","_withCtx","props","_createElementVNode","_createVNode","_component_Link","_component_player_avatar","_openBlock","_createElementBlock","_Fragment","_createTextVNode","_toDisplayString","_cache","$setup","h","page","AppLayout","PlayersLayout","ionSearch","ionCloseOutline","ionPeople","PlayersTable","filters","QForm","$options","QInput","$event","QBtn","_createCommentVNode","QCard","QCardSection","QIcon","_component_players_table","$props"],"mappings":"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"}