mirror of
https://github.com/linux-odyssey/linux-odyssey.git
synced 2026-11-06 03:20:13 +08:00
105 lines
3.0 KiB
Vue
105 lines
3.0 KiB
Vue
<script setup>
|
|
import { useRouter } from 'vue-router'
|
|
import { useToast } from 'vue-toastification'
|
|
import { logout } from '../utils/auth'
|
|
import { bugReportUrl } from '../config'
|
|
import sessionStore, { reset } from '../store/session'
|
|
|
|
const router = useRouter()
|
|
|
|
const toast = useToast()
|
|
|
|
const handleLogout = async () => {
|
|
try {
|
|
await logout()
|
|
reset()
|
|
router.push({ name: 'login' })
|
|
} catch (err) {
|
|
// toast.error('Failed to logout')
|
|
toast.error('登出失敗')
|
|
console.error(err)
|
|
}
|
|
}
|
|
const handleMap = async () => {
|
|
try {
|
|
router.push({ name: 'map' })
|
|
} catch (err) {
|
|
// toast.error('Failed to load map')
|
|
toast.error('無法讀取地圖')
|
|
console.error(err)
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div id="header" class="bg-bg-secondary content-center h-full w-full p-1">
|
|
<div class="h-full flex items-center justify-center mx-3">
|
|
<div class="flex items-center gap-3">
|
|
<!-- <button id="stream" class="flex items-center h-5 w-5">
|
|
<font-awesome-icon
|
|
:icon="['fas', 'bars']"
|
|
class="text-text-primary h-full w-full"
|
|
/>
|
|
</button>
|
|
<button id="backward" class="flex items-center h-5 w-5">
|
|
<font-awesome-icon
|
|
:icon="['fas', 'arrow-left']"
|
|
class="text-border h-full w-full"
|
|
/>
|
|
</button> -->
|
|
<p
|
|
id="HeaderText"
|
|
class="text-text-primary inline-block font-bold whitespace-nowrap"
|
|
style="font-size: 2vh"
|
|
v-if="sessionStore.quest"
|
|
>
|
|
{{ sessionStore.quest.title }}
|
|
</p>
|
|
</div>
|
|
<div class="h-full w-full flex gap-3 items-center justify-end">
|
|
<!-- <button id="warning" class="flex items-center h-5 w-5">
|
|
<font-awesome-icon
|
|
:icon="['fas', 'triangle-exclamation']"
|
|
class="text-text-primary h-full w-full"
|
|
/>
|
|
</button>
|
|
<button id="setting" class="flex items-center h-5 w-5">
|
|
<font-awesome-icon
|
|
:icon="['fas', 'gear']"
|
|
class="text-text-primary h-full w-full"
|
|
/>
|
|
</button>
|
|
<button id="fullscreen" class="flex items-center h-5 w-5">
|
|
<font-awesome-icon
|
|
:icon="['fas', 'expand']"
|
|
class="text-text-primary h-full w-full"
|
|
/>
|
|
</button> -->
|
|
<button title="Map" @click="handleMap" class="h-5 w-5">
|
|
<font-awesome-icon
|
|
:icon="['fas', 'map']"
|
|
class="text-text-primary h-full w-full"
|
|
/>
|
|
</button>
|
|
<a
|
|
title="Bug Report"
|
|
:href="bugReportUrl"
|
|
target="_blank"
|
|
class="h-5 w-5"
|
|
>
|
|
<font-awesome-icon
|
|
:icon="['fas', 'bug']"
|
|
class="text-text-primary h-full w-full"
|
|
/>
|
|
</a>
|
|
<button title="Sign Out" @click="handleLogout" class="h-5 w-5">
|
|
<font-awesome-icon
|
|
:icon="['fas', 'arrow-right-from-bracket']"
|
|
class="text-text-primary h-full w-full"
|
|
/>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|