You've already forked AstralRinth
forked from didirus/AstralRinth
f8494030aa
* wip: backup page fixes and new impls for new apis * wip: more progress on backup fixes, almost done * lint * Backups cleanup * Don't show create warning if creating * Fix ongoing state * Download support * Support ready * Disable auto backup button * Use auth param for download of backups * Disable install buttons when backup is in progress, add retrying * Make prepare button have immediate feedback, don't refresh backups in all cases * Intl:extract & rebase fixes * Updated changelog and fix lint --------- Co-authored-by: Prospector <prospectordev@gmail.com>
53 lines
1.7 KiB
Vue
53 lines
1.7 KiB
Vue
<template>
|
|
<div class="static w-full grid-cols-1 md:relative md:flex">
|
|
<div class="static h-full flex-col pb-4 md:flex md:pb-0 md:pr-4">
|
|
<div class="z-10 flex select-none flex-col gap-2 rounded-2xl bg-bg-raised p-4 md:w-[16rem]">
|
|
<div v-for="link in navLinks" :key="link.label">
|
|
<NuxtLink
|
|
:to="link.href"
|
|
class="flex items-center gap-2 rounded-xl p-2 hover:bg-button-bg"
|
|
:class="{ 'bg-button-bg text-contrast': route.path === link.href }"
|
|
>
|
|
<div class="flex items-center gap-2 font-bold">
|
|
<component :is="link.icon" class="size-6" />
|
|
{{ link.label }}
|
|
</div>
|
|
|
|
<div class="flex-grow" />
|
|
<RightArrowIcon v-if="link.external" class="size-4" />
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="h-full w-full">
|
|
<NuxtPage
|
|
:route="route"
|
|
:server="server"
|
|
:backup-in-progress="backupInProgress"
|
|
@reinstall="onReinstall"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { RightArrowIcon } from "@modrinth/assets";
|
|
import type { RouteLocationNormalized } from "vue-router";
|
|
import type { Server } from "~/composables/pyroServers";
|
|
import type { BackupInProgressReason } from "~/pages/servers/manage/[id].vue";
|
|
|
|
const emit = defineEmits(["reinstall"]);
|
|
|
|
defineProps<{
|
|
navLinks: { label: string; href: string; icon: Component; external?: boolean }[];
|
|
route: RouteLocationNormalized;
|
|
server: Server<["general", "content", "backups", "network", "startup", "ws", "fs"]>;
|
|
backupInProgress?: BackupInProgressReason;
|
|
}>();
|
|
|
|
const onReinstall = (...args: any[]) => {
|
|
emit("reinstall", ...args);
|
|
};
|
|
</script>
|