Remove unused footer component
This commit is contained in:
Sky
Georg Krause
parent
564dc8fd65
commit
b248edd87c
|
|
@ -0,0 +1 @@
|
||||||
|
Remove unused Footer component (#1660)
|
||||||
|
|
@ -1,237 +0,0 @@
|
||||||
<template>
|
|
||||||
<footer
|
|
||||||
id="footer"
|
|
||||||
role="contentinfo"
|
|
||||||
class="ui vertical footer segment"
|
|
||||||
aria-labelledby="footer-label"
|
|
||||||
>
|
|
||||||
<h1
|
|
||||||
id="footer-label"
|
|
||||||
class="visually-hidden"
|
|
||||||
>
|
|
||||||
<translate translate-context="*/*/*">
|
|
||||||
Application footer
|
|
||||||
</translate>
|
|
||||||
</h1>
|
|
||||||
<div class="ui container">
|
|
||||||
<div class="ui stackable equal height stackable grid">
|
|
||||||
<section class="four wide column">
|
|
||||||
<h4
|
|
||||||
v-if="podName"
|
|
||||||
class="ui header ellipsis"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
v-translate="{instanceName: podName}"
|
|
||||||
translate-context="Footer/About/Title"
|
|
||||||
>About %{instanceName}</span>
|
|
||||||
</h4>
|
|
||||||
<h4
|
|
||||||
v-else
|
|
||||||
class="ui header ellipsis"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
v-translate="{instanceUrl: instanceHostname}"
|
|
||||||
translate-context="Footer/About/Title"
|
|
||||||
>About %{instanceUrl}</span>
|
|
||||||
</h4>
|
|
||||||
<div class="ui list">
|
|
||||||
<router-link
|
|
||||||
v-if="$route.path != '/about'"
|
|
||||||
class="link item"
|
|
||||||
to="/about"
|
|
||||||
>
|
|
||||||
<translate translate-context="Footer/About/List item.Link">
|
|
||||||
About
|
|
||||||
</translate>
|
|
||||||
</router-link>
|
|
||||||
<router-link
|
|
||||||
v-else-if="$route.path == '/about' && $store.state.auth.authenticated"
|
|
||||||
class="link item"
|
|
||||||
to="/library"
|
|
||||||
>
|
|
||||||
<translate translate-context="Footer/*/List item.Link">
|
|
||||||
Go to Library
|
|
||||||
</translate>
|
|
||||||
</router-link>
|
|
||||||
<router-link
|
|
||||||
v-else
|
|
||||||
class="link item"
|
|
||||||
to="/"
|
|
||||||
>
|
|
||||||
<translate translate-context="Footer/*/List item.Link">
|
|
||||||
Home Page
|
|
||||||
</translate>
|
|
||||||
</router-link>
|
|
||||||
<a
|
|
||||||
v-if="version"
|
|
||||||
class="link item"
|
|
||||||
href="https://docs.funkwhale.audio/changelog.html"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
<translate
|
|
||||||
translate-context="Footer/*/List item"
|
|
||||||
:translate-params="{version: version}"
|
|
||||||
>Version %{version}</translate>
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
role="button"
|
|
||||||
href=""
|
|
||||||
class="link item"
|
|
||||||
@click.prevent="$emit('show:set-instance-modal')"
|
|
||||||
>
|
|
||||||
<translate translate-context="Footer/*/List item.Link">Use another instance</translate>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<div class="ui form">
|
|
||||||
<div class="ui field">
|
|
||||||
<label for="language-select"><translate translate-context="Footer/Settings/Dropdown.Label/Short, Verb">Change language</translate></label>
|
|
||||||
<select
|
|
||||||
id="language-select"
|
|
||||||
class="ui dropdown"
|
|
||||||
:value="$language.current"
|
|
||||||
@change="$store.dispatch('ui/currentLanguage', $event.target.value)"
|
|
||||||
>
|
|
||||||
<option
|
|
||||||
v-for="(language, key) in $language.available"
|
|
||||||
:key="key"
|
|
||||||
:value="key"
|
|
||||||
>
|
|
||||||
{{ language }}
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="four wide column">
|
|
||||||
<h4
|
|
||||||
v-translate
|
|
||||||
class="ui header"
|
|
||||||
translate-context="Footer/*/Title"
|
|
||||||
>
|
|
||||||
Using Funkwhale
|
|
||||||
</h4>
|
|
||||||
<div class="ui list">
|
|
||||||
<a
|
|
||||||
href="https://docs.funkwhale.audio"
|
|
||||||
class="link item"
|
|
||||||
target="_blank"
|
|
||||||
><translate translate-context="Footer/*/List item.Link/Short, Noun">Documentation</translate></a>
|
|
||||||
<a
|
|
||||||
href="https://funkwhale.audio/apps"
|
|
||||||
class="link item"
|
|
||||||
target="_blank"
|
|
||||||
><translate translate-context="Footer/*/List item.Link">Mobile and desktop apps</translate></a>
|
|
||||||
<a
|
|
||||||
hrelf=""
|
|
||||||
class="link item"
|
|
||||||
@click.prevent="$emit('show:shortcuts-modal')"
|
|
||||||
><translate translate-context="*/*/*/Noun">Keyboard shortcuts</translate></a>
|
|
||||||
</div>
|
|
||||||
<div class="ui form">
|
|
||||||
<div class="ui field">
|
|
||||||
<label for="theme-select"><translate translate-context="Footer/Settings/Dropdown.Label/Short, Verb">Change theme</translate></label>
|
|
||||||
<select
|
|
||||||
id="theme-select"
|
|
||||||
class="ui dropdown"
|
|
||||||
:value="$store.state.ui.theme"
|
|
||||||
@change="$store.dispatch('ui/theme', $event.target.value)"
|
|
||||||
>
|
|
||||||
<option
|
|
||||||
v-for="theme in themes"
|
|
||||||
:key="theme.key"
|
|
||||||
:value="theme.key"
|
|
||||||
>
|
|
||||||
{{ theme.name }}
|
|
||||||
</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="four wide column">
|
|
||||||
<h4
|
|
||||||
v-translate
|
|
||||||
translate-context="Footer/*/Link"
|
|
||||||
class="ui header"
|
|
||||||
>
|
|
||||||
Getting help
|
|
||||||
</h4>
|
|
||||||
<div class="ui list">
|
|
||||||
<a
|
|
||||||
href="https://forum.funkwhale.audio/"
|
|
||||||
class="link item"
|
|
||||||
target="_blank"
|
|
||||||
><translate translate-context="Footer/*/Listitem.Link">Support forum</translate></a>
|
|
||||||
<a
|
|
||||||
href="https://matrix.to/#/#funkwhale-troubleshooting:matrix.org"
|
|
||||||
class="link item"
|
|
||||||
target="_blank"
|
|
||||||
><translate translate-context="Footer/*/List item.Link">Chat room</translate></a>
|
|
||||||
<a
|
|
||||||
href="https://dev.funkwhale.audio/funkwhale/funkwhale/issues"
|
|
||||||
class="link item"
|
|
||||||
target="_blank"
|
|
||||||
><translate translate-context="Footer/*/List item.Link">Issue tracker</translate></a>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="four wide column">
|
|
||||||
<h4
|
|
||||||
v-translate
|
|
||||||
class="ui header"
|
|
||||||
translate-context="Footer/*/Title/Short"
|
|
||||||
>
|
|
||||||
About Funkwhale
|
|
||||||
</h4>
|
|
||||||
<div class="ui list">
|
|
||||||
<a
|
|
||||||
href="https://funkwhale.audio"
|
|
||||||
class="link item"
|
|
||||||
target="_blank"
|
|
||||||
><translate translate-context="Footer/*/List item.Link">Official website</translate></a>
|
|
||||||
<a
|
|
||||||
href="https://contribute.funkwhale.audio"
|
|
||||||
class="link item"
|
|
||||||
target="_blank"
|
|
||||||
><translate translate-context="Footer/*/List item.Link">Contribute</translate></a>
|
|
||||||
<a
|
|
||||||
href="https://dev.funkwhale.audio/funkwhale/funkwhale"
|
|
||||||
class="link item"
|
|
||||||
target="_blank"
|
|
||||||
><translate translate-context="Footer/*/List item.Link">Source code</translate></a>
|
|
||||||
</div>
|
|
||||||
<div class="ui hidden divider" />
|
|
||||||
<p>
|
|
||||||
<translate translate-context="Footer/*/List item.Link">
|
|
||||||
The Funkwhale logo was kindly designed and provided by Francis Gading.
|
|
||||||
</translate>
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapState } from 'vuex'
|
|
||||||
import ThemesMixin from '@/components/mixins/Themes.vue'
|
|
||||||
import _ from 'lodash'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
mixins: [ThemesMixin],
|
|
||||||
props: { version: { type: String, required: true } },
|
|
||||||
computed: {
|
|
||||||
...mapState({
|
|
||||||
messages: state => state.ui.messages,
|
|
||||||
nodeinfo: state => state.instance.nodeinfo
|
|
||||||
}),
|
|
||||||
podName () {
|
|
||||||
return _.get(this.nodeinfo, 'metadata.nodeName')
|
|
||||||
},
|
|
||||||
instanceHostname () {
|
|
||||||
const url = this.$store.state.instance.instanceUrl
|
|
||||||
const parser = document.createElement('a')
|
|
||||||
parser.href = url
|
|
||||||
return parser.hostname
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
Loading…
Reference in New Issue