161sh/trashposs
1
0
Fork 0
mirror of https://iceshrimp.dev/crimekillz/trashposs synced 2024-11-21 16:33:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

Allow reference tab by name in URL directly, Fix Dead Links

Browse Source
This commit is contained in:
Crimekillz 2024-06-30 01:06:27 +02:00
parent 2ef8ae4e46
commit 9f5a433963
5 changed files with 12 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/client/src/components/MkNotification.vue
View File

@ -225,7 +225,7 @@
<MkA
v-if="notification.type === 'achievementEarned'"
class="text"
:to="'/my/achievements'">
:to="'/my/space/achievements'">
{{ i18n.ts._achievements._types['_' + notification.achievement].title }}
</MkA>
<span

8
packages/client/src/pages/my-space/index.vue
View File

@ -70,6 +70,10 @@
import { defaultStore } from "@/store";
import "swiper/scss";
import "swiper/scss/virtual";
const props = defineProps<{
tab?: string;
}>();
definePageMetadata({
title: i18n.ts.space,
@ -84,6 +88,7 @@
const tabs = ["achievements", "reels", "journal"];
let tab = $ref(tabs[0]);
watch($$(tab), () => syncSlide(tabs.indexOf(tab)));
const MOBILE_THRESHOLD = 500;
@ -124,6 +129,7 @@
function onSlideChange() {
tab = tabs[swiperRef.activeIndex];
window.history.pushState(null, null, '/my/space/' + tab);
}
function syncSlide(index) {
@ -131,7 +137,7 @@
}
onMounted(() => {
syncSlide(tabs.indexOf(swiperRef.activeIndex));
syncSlide(tabs.indexOf(props.tab ?? swiperRef.activeIndex));
});
onActivated(() => {

8
packages/client/src/router.ts
View File

@ -341,7 +341,7 @@ export const routes = [
component: page(() => import("./pages/discover.vue")),
},
{
path: "/discover",
path: "/discover/:tab?",
component: page(() => import("./pages/discover.vue")),
},
{
@ -582,7 +582,7 @@ export const routes = [
loginRequired: true,
},
{
path: "/my/snippets",
path: "/my/snippets/:tab?",
component: page(() => import("./pages/my-snippets/index.vue")),
loginRequired: true,
},
@ -643,12 +643,12 @@ export const routes = [
loginRequired: true,
},
{
path: "/my/space",
path: "/my/space/:tab?",
component: page(() => import("./pages/my-space/index.vue")),
loginRequired: true,
},
{
path: "/news",
path: "/news/:tab?",
component: page(() => import("./pages/news.vue")),
loginRequired: true,
},

8
packages/client/src/ui/visitor/b.vue
View File

@ -45,14 +45,6 @@
><i class="ph-lightning ph-bold ph-lg icon"></i
>{{ i18n.ts.discover }}</MkA
>
<MkA to="/pages" class="link" active-class="active"
><i class="ph-file-text ph-bold ph-lg icon"></i
>{{ i18n.ts.pages }}</MkA
>
<MkA to="/gallery" class="link" active-class="active"
><i class="ph-image-square ph-bold ph-lg icon"></i
>{{ i18n.ts.gallery }}</MkA
>
<MkA to="/settings" class="link" active-class="active">
<i class="ph-gear-six ph-bold ph-lg icon"></i
><span>{{ i18n.ts.settings }}</span>

8
packages/client/src/ui/visitor/header.vue
View File

@ -18,14 +18,6 @@
><i class="ph-lightning ph-bold ph-lg icon"></i
>{{ i18n.ts.discover }}</MkA
>
<MkA to="/pages" class="link" active-class="active"
><i class="ph-file-text ph-bold ph-lg icon"></i
>{{ i18n.ts.pages }}</MkA
>
<MkA to="/gallery" class="link" active-class="active"
><i class="ph-image-square ph-bold ph-lg icon"></i
>{{ i18n.ts.gallery }}</MkA
>
<div v-if="info" class="page active link">
<div class="title">
<i v-if="info.icon" class="icon" :class="info.icon"></i>