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