mirror of
https://github.com/BillyOutlast/drop.git
synced 2026-02-04 00:31:17 +01:00
63ac2b8ffc
* feat: nginx + torrential basics & services system * fix: lint + i18n * fix: update torrential to remove openssl * feat: add torrential to Docker build * feat: move to self hosted runner * fix: move off self-hosted runner * fix: update nginx.conf * feat: torrential cache invalidation * fix: update torrential for cache invalidation * feat: integrity check task * fix: lint * feat: move to version ids * fix: client fixes and client-side checks * feat: new depot apis and version id fixes * feat: update torrential * feat: droplet bump and remove unsafe update functions * fix: lint * feat: v4 featureset: emulators, multi-launch commands * fix: lint * fix: mobile ui for game editor * feat: launch options * fix: lint * fix: remove axios, use $fetch * feat: metadata and task api improvements * feat: task actions * fix: slight styling issue * feat: fix style and lints * feat: totp backend routes * feat: oidc groups * fix: update drop-base * feat: creation of passkeys & totp * feat: totp signin * feat: webauthn mfa/signin * feat: launch selecting ui * fix: manually running tasks * feat: update add company game modal to use new SelectorGame * feat: executor selector * fix(docker): update rust to rust nightly for torrential build (#305) * feat: new version ui * feat: move package lookup to build time to allow for deno dev * fix: lint * feat: localisation cleanup * feat: apply localisation cleanup * feat: potential i18n refactor logic * feat: remove args from commands * fix: lint * fix: lockfile --------- Co-authored-by: Aden Lindsay <140392385+AdenMGB@users.noreply.github.com>
100 lines
2.8 KiB
Vue
100 lines
2.8 KiB
Vue
<template>
|
|
<div class="flex grow flex-col gap-y-5 overflow-y-auto px-6 py-4">
|
|
<span class="inline-flex items-center gap-x-2 font-semibold text-zinc-100">
|
|
<UserIcon class="size-5" /> {{ $t("account.title") }}
|
|
</span>
|
|
<nav class="flex flex-1 flex-col">
|
|
<ul role="list" class="flex flex-1 flex-col gap-y-7">
|
|
<li>
|
|
<ul role="list" class="-mx-2 space-y-1">
|
|
<li v-for="(item, itemIdx) in navigation" :key="item.route">
|
|
<NuxtLink
|
|
:href="item.route"
|
|
:class="[
|
|
itemIdx == currentPageIndex
|
|
? 'bg-zinc-800 text-white'
|
|
: 'text-zinc-400 hover:bg-zinc-800 hover:text-white',
|
|
'group flex gap-x-3 rounded-md p-2 text-sm/6 font-semibold',
|
|
]"
|
|
>
|
|
<component
|
|
:is="item.icon"
|
|
class="size-6 shrink-0"
|
|
aria-hidden="true"
|
|
/>
|
|
{{ item.label }}
|
|
<span
|
|
v-if="item.count !== undefined"
|
|
class="ml-auto w-9 min-w-max whitespace-nowrap rounded-full bg-zinc-900 px-2.5 py-0.5 text-center text-xs/5 font-medium text-white ring-1 ring-inset ring-zinc-700"
|
|
aria-hidden="true"
|
|
>{{ item.count }}</span
|
|
>
|
|
</NuxtLink>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {
|
|
BellIcon,
|
|
HomeIcon,
|
|
LockClosedIcon,
|
|
DevicePhoneMobileIcon,
|
|
WrenchScrewdriverIcon,
|
|
CodeBracketIcon,
|
|
} from "@heroicons/vue/24/outline";
|
|
import { UserIcon } from "@heroicons/vue/24/solid";
|
|
import type { Component } from "vue";
|
|
|
|
const notifications = useNotifications();
|
|
const { t } = useI18n();
|
|
|
|
const navigation: Ref<
|
|
(NavigationItem & { icon: Component; count?: number })[]
|
|
> = computed(() => [
|
|
{
|
|
label: t("account.home.title"),
|
|
route: "/account",
|
|
icon: HomeIcon,
|
|
prefix: "/account",
|
|
},
|
|
{
|
|
label: t("account.security.title"),
|
|
route: "/account/security",
|
|
prefix: "/account/security",
|
|
icon: LockClosedIcon,
|
|
},
|
|
{
|
|
label: t("account.devices.title"),
|
|
route: "/account/devices",
|
|
prefix: "/account/devices",
|
|
icon: DevicePhoneMobileIcon,
|
|
},
|
|
{
|
|
label: t("account.token.title"),
|
|
route: "/account/tokens",
|
|
prefix: "/account/tokens",
|
|
icon: CodeBracketIcon,
|
|
},
|
|
{
|
|
label: t("account.notifications.notifications"),
|
|
route: "/account/notifications",
|
|
prefix: "/account/notifications",
|
|
icon: BellIcon,
|
|
count: notifications.value.length,
|
|
},
|
|
{
|
|
label: t("account.settings"),
|
|
route: "/account/settings",
|
|
prefix: "/account/settings",
|
|
icon: WrenchScrewdriverIcon,
|
|
},
|
|
]);
|
|
|
|
const currentPageIndex = useCurrentNavigationIndex(navigation.value);
|
|
</script>
|