68 lines
2.5 KiB
Vue
68 lines
2.5 KiB
Vue
<script setup lang="ts">
|
|
const buildTime = import.meta.env.__BUILD_TIME__ as string
|
|
const buildCommit = import.meta.env.__BUILD_COMMIT__ as string
|
|
const buildTimeDate = new Date(buildTime)
|
|
|
|
const timeAgoOptions = useTimeAgoOptions()
|
|
|
|
const buildTimeAgo = useTimeAgo(buildTime, timeAgoOptions)
|
|
</script>
|
|
|
|
<template>
|
|
<footer p4 text-sm text-secondary-light flex="~ col">
|
|
<div flex="~ gap2" items-center mb4>
|
|
<CommonTooltip :content="$t('nav_footer.toggle_theme')">
|
|
<button flex i-ri:sun-line dark:i-ri:moon-line text-lg :aria-label="$t('nav_footer.toggle_theme')" @click="toggleDark()" />
|
|
</CommonTooltip>
|
|
<CommonTooltip :content="$t('nav_footer.zen_mode')">
|
|
<button
|
|
flex
|
|
text-lg
|
|
:class="isZenMode ? 'i-ri:layout-right-2-line' : 'i-ri:layout-right-line'"
|
|
:aria-label="$t('nav_footer.zen_mode')"
|
|
@click="toggleZenMode()"
|
|
/>
|
|
</CommonTooltip>
|
|
<NavSelectLanguage>
|
|
<CommonTooltip :content="$t('nav_footer.select_language')">
|
|
<button flex :aria-label="$t('nav_footer.select_language')">
|
|
<div i-ri:earth-line text-lg />
|
|
</button>
|
|
</CommonTooltip>
|
|
</NavSelectLanguage>
|
|
<NavSelectFeatureFlags v-if="isMastoInitialised && currentUser">
|
|
<CommonTooltip :content="$t('nav_footer.select_feature_flags')">
|
|
<button flex :aria-label="$t('nav_footer.select_feature_flags')">
|
|
<div i-ri:flag-line text-lg />
|
|
</button>
|
|
</CommonTooltip>
|
|
</NavSelectFeatureFlags>
|
|
</div>
|
|
<div>
|
|
<button cursor-pointer hover:underline @click="openPreviewHelp">
|
|
{{ $t('nav_footer.show_intro') }}
|
|
</button>
|
|
</div>
|
|
<div>{{ $t('app_desc_short') }}</div>
|
|
<div v-if="isMastoInitialised">
|
|
<i18n-t keypath="nav_footer.built_at">
|
|
<time :datetime="buildTime" :title="$d(buildTimeDate, 'long')">{{ buildTimeAgo }}</time>
|
|
</i18n-t>
|
|
<template v-if="buildCommit">
|
|
·
|
|
<NuxtLink
|
|
external
|
|
:href="`https://github.com/elk-zone/elk/commit/${buildCommit}`"
|
|
target="_blank"
|
|
font-mono
|
|
>
|
|
{{ buildCommit.slice(0, 7) }}
|
|
</NuxtLink>
|
|
</template>
|
|
</div>
|
|
<div>
|
|
<a href="https://m.webtoo.ls/@elk" target="_blank">Mastodon</a> · <a href="https://chat.elk.zone" target="_blank">Discord</a> · <a href="https://github.com/elk-zone" target="_blank">GitHub</a>
|
|
</div>
|
|
</footer>
|
|
</template>
|