{"version":3,"file":"default.3bf54ccd.js","sources":["../../../../components/navigation/MainMenu.vue","../../../../components/user-stats.vue","../../../../layouts/default.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport useMainNavigation from '~/data/mainNavigation'\n\nconst authStore = useAuthStore()\nconst garageStore = useGarageStore()\n\nconst userId = computed(() => authStore.currentUser?.id)\n\nconst mainNavigation = userId.value\n  ? useMainNavigation(userId.value.toString(), garageStore)\n  : ref([])\n</script>\n\n<template>\n  <div data-testid=\"navigation-main-menu\" class=\"tw-flex tw-flex-col\">\n    <NuxtLink\n      v-for=\"navItem in mainNavigation\"\n      :key=\"navItem.translationKey\"\n      :to=\"navItem.route\"\n      class=\"tw-flex tw-items-center tw-gap-3 tw-py-1\"\n    >\n      <div class=\"icon tw-inline-flex tw-items-center tw-justify-center\">\n        <FontAwesomeIcon class=\"tw-h-4 tw-w-4 tw-text-gray-800\" :icon=\"navItem.fontAwesomeIcon\" />\n      </div>\n\n      <span class=\"tw-truncate tw-text-sm tw-leading-none\">{{ $t(navItem.translationKey) }}</span>\n\n      <div\n        v-if=\"navItem.count\"\n        class=\"tw-ml-auto tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-bg-riser-red tw-text-xs tw-text-white\"\n      >\n        {{ navItem.count < 10 ? navItem.count : '!' }}\n      </div>\n    </NuxtLink>\n  </div>\n</template>\n","<template>\n  <div class=\"stats-item\">\n    <div class=\"no-wrap stats-item-top\">\n      <strong class=\"tw-text-4xl tw-font-black tw-leading-none\"\n        ><duration-item format=\"*h:mm\" :duration=\"averageDuration\"\n      /></strong>\n      <strong>{{ $t('Hours') }}</strong>\n    </div>\n    <div class=\"tw-text-sm tw-leading-tight\">\n      {{ $t('average per ride') }}\n    </div>\n  </div>\n  <div class=\"stats-item\">\n    <div class=\"tw-text-lg\">\n      <unit-item :value=\"averageDistance\">\n        <template #value=\"{ value }\">\n          <strong class=\"tw-text-4xl tw-font-black tw-leading-none\">{{ value }}</strong>\n        </template>\n\n        <template #unit=\"{ unit }\">\n          <strong>{{ unit }}</strong>\n        </template>\n      </unit-item>\n    </div>\n    <div class=\"tw-text-sm tw-leading-tight\">\n      {{ $t('average per ride') }}\n    </div>\n  </div>\n  <div v-if=\"timeSinceLastRide\" class=\"stats-item\">\n    <div class=\"no-wrap stats-item-top\">\n      <strong class=\"tw-text-4xl tw-font-black tw-leading-none\">{{ timeSinceLastRide }}</strong>\n      <strong>{{ $t('days') }}</strong>\n    </div>\n    <div class=\"tw-text-sm tw-leading-tight\">\n      {{ $t('since last ride') }}\n    </div>\n  </div>\n</template>\n\n<script>\nimport moment from 'moment'\nimport DurationItem from './duration-item'\nimport UnitItem from './unit-item'\n\nexport default {\n  name: 'UserStats',\n  components: {\n    DurationItem,\n    UnitItem\n  },\n  data() {\n    return {\n      timeSinceLastRide: ref(null)\n    }\n  },\n  props: {\n    user: {\n      type: Object,\n      required: true\n    }\n  },\n  async created() {\n    const trips = await this.$UserService.getUserTrips(this.user.id)\n    const lastTrip = trips\n      .sort((a, b) => {\n        return new Date(b.date) - new Date(a.date)\n      })\n      .shift()\n    if (!lastTrip) {\n      this.timeSinceLastRide = '∞'\n      return\n    }\n    const timeSinceLastTrip = moment(lastTrip.date) - moment()\n    const timeInDays = moment.duration(timeSinceLastTrip).asDays()\n    const roundedAbsolute = Math.round(Math.abs(timeInDays))\n\n    this.timeSinceLastRide = roundedAbsolute\n  },\n  computed: {\n    averageDuration() {\n      return this.user.total_time / this.user.trips_count || 0\n    },\n    averageDistance() {\n      return this.user.total_distance / this.user.trips_count || 0\n    }\n  }\n}\n</script>\n\n<style lang=\"sass\" scoped>\n.no-wrap\n  white-space: nowrap\n\n.large\n  font-size: 36px\n  margin-left: auto\n\n.stats-item-top\n  line-height: 0.9\n  vertical-align: bottom\n\n.stats-item-bottom\n  line-height: 0.9\n  vertical-align: top\n\n.stats-item\n  padding: 10px\n  text-align: right\n</style>\n","<template>\n  <div class=\"tw-flex tw-min-h-screen tw-flex-col\">\n    <NavigationTopBar />\n\n    <div\n      class=\"tw-container tw-mx-auto tw-mb-6 tw-mt-6 tw-flex tw-flex-grow tw-gap-6 tw-px-4 md:tw-mt-16\"\n      style=\"max-width: 1400px\"\n      data-margin-top=\"70\"\n    >\n      <div\n        v-if=\"session_token\"\n        class=\"nav-bar-wrapper tw-hidden tw-w-56 tw-flex-shrink-0 md:tw-block\"\n      >\n        <nav id=\"nav-bar\" class=\"card tw-relative tw-pt-4\">\n          <div class=\"user-in-navbar -tw-mt-10 tw-flex tw-flex-col tw-pb-2\">\n            <div class=\"tw-mb-2\">\n              <router-link\n                :to=\"`/user/${id}/timeline`\"\n                class=\"nav-userpic-link tw-relative tw-inline-flex tw-rounded-full\"\n              >\n                <userpic-item class=\"nav-userpic tw-h-14 tw-w-14\" />\n\n                <UserTypeItem\n                  class=\"tw-absolute -tw-right-2 -tw-top-2 tw-h-7 tw-w-7\"\n                  :account-type=\"user?.account_type\"\n                />\n              </router-link>\n            </div>\n\n            <h2 class=\"tw-mb-1 tw-text-lg tw-font-semibold tw-leading-none tw-text-black/80\">\n              <template v-if=\"user\"> {{ user.firstname }} {{ user.lastname }} </template>\n\n              <template v-else> - </template>\n            </h2>\n\n            <div class=\"tw-leading-none tw-text-black/90\">\n              <userbadge-item />\n            </div>\n          </div>\n\n          <hr class=\"tw-my-2 tw-border-b-0 tw-border-t tw-border-black/5\" />\n\n          <div v-if=\"session_token\" id=\"route-list\" class=\"tw-px-4 tw-py-2\">\n            <NavigationMainMenu />\n          </div>\n        </nav>\n\n        <user-stats :user=\"user\" />\n      </div>\n\n      <div id=\"content\" class=\"tw-w-full tw-flex-grow tw-overflow-hidden\">\n        <slot />\n      </div>\n    </div>\n\n    <NavigationFooterBar />\n\n    <NuxtLoadingIndicator />\n  </div>\n</template>\n\n<script>\nimport UserpicItem from '../components/userpic-item'\nimport UsernameItem from '../components/username-item'\nimport UserbadgeItem from '../components/userbadge-item'\nimport UserStats from '~/components/user-stats'\n\nexport default {\n  components: {\n    UserbadgeItem,\n    UsernameItem,\n    UserpicItem,\n    UserStats\n  },\n  data() {\n    return {\n      location: []\n    }\n  },\n  computed: {\n    session_token() {\n      const authStore = useAuthStore(this.$pinia)\n\n      return authStore.session_data.token\n    },\n    id() {\n      const authStore = useAuthStore(this.$pinia)\n\n      return authStore.currentUser?.id\n    },\n    user() {\n      const authStore = useAuthStore(this.$pinia)\n\n      return authStore.currentUser\n    }\n  },\n  async created() {\n    const geoip = await this.$GeoService.getGeoIP()\n    this.location = geoip\n  }\n}\n</script>\n\n<style scoped>\n#route-list a {\n  @apply tw-flex tw-items-center;\n}\n\n#route-list a .icon {\n  @apply tw-mr-2 tw-flex tw-w-6 tw-items-center tw-justify-center;\n}\n</style>\n\n<style lang=\"sass\" scoped>\n@import \"@/assets/vars.sass\"\n\n.nav-bar-wrapper\n  height: fit-content\n  position: sticky\n  top: calc(#{$top-bar-height} + 48px)\n\n  >:not(:first-child)\n    margin-top: $defaultMargin\n\n#nav-bar\n  box-sizing: border-box\n  padding-bottom: $padding\n.user-in-navbar\n  text-align: center\n  .nav-userpic\n    width: 50px\n    height: 50px\n    border: 2px solid $gray\n\n.nuxt-link-active\n  font-weight: normal\n\n.nuxt-link-exact-active\n  font-weight: bold\n// TODO solve dark-mode issues on adroid\n@media (prefers-color-scheme: dark)\n//   .icon\n//      filter: invert(1)\n</style>\n"],"names":["authStore","useAuthStore","garageStore","useGarageStore","userId","computed","_a","mainNavigation","useMainNavigation","ref","_sfc_main","DurationItem","UnitItem","lastTrip","a","b","timeSinceLastTrip","moment","timeInDays","roundedAbsolute","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_10","_hoisted_11","_hoisted_12","_createElementVNode","_createVNode","_component_duration_item","$options","_ctx","_toDisplayString","_component_unit_item","_withCtx","value","unit","$data","_openBlock","_createElementBlock","_hoisted_9","UserbadgeItem","UsernameItem","UserpicItem","UserStats","geoip","_component_NavigationTopBar","_component_router_link","_component_userpic_item","_component_UserTypeItem","_Fragment","_createTextVNode","_component_userbadge_item","_component_NavigationMainMenu","_component_user_stats","_renderSlot","_component_NavigationFooterBar","_component_NuxtLoadingIndicator"],"mappings":"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"}