mirror of
https://github.com/TeamPiped/Piped
synced 2025-09-06 05:21:14 +02:00
63 lines
1.8 KiB
Vue
63 lines
1.8 KiB
Vue
<template>
|
|
<footer>
|
|
<a aria-label="GitHub" href="https://github.com/TeamPiped/Piped" target="_blank">
|
|
<font-awesome-icon :icon="['fab', 'github']" />
|
|
<span class="ml-2" v-t="'actions.source_code'" />
|
|
</a>
|
|
<a href="https://piped-docs.kavin.rocks/" target="_blank">
|
|
<font-awesome-icon :icon="['fa', 'book']" />
|
|
<span class="ml-2" v-t="'actions.documentation'" />
|
|
</a>
|
|
<a href="https://github.com/TeamPiped/Piped#donations" target="_blank">
|
|
<font-awesome-icon :icon="['fab', 'bitcoin']" />
|
|
<span class="ml-2" v-t="'actions.donations'" />
|
|
</a>
|
|
<a v-if="statusPageHref" :href="statusPageHref">
|
|
<font-awesome-icon :icon="['fa', 'server']" />
|
|
<span class="ml-2" v-t="'actions.status_page'" />
|
|
</a>
|
|
<a v-if="donationHref" :href="donationHref">
|
|
<font-awesome-icon :icon="['fa', 'donate']" />
|
|
<span class="ml-2" v-t="'actions.instance_donations'" />
|
|
</a>
|
|
</footer>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
donationHref: null,
|
|
statusPageHref: null,
|
|
};
|
|
},
|
|
mounted() {
|
|
this.fetchConfig();
|
|
},
|
|
methods: {
|
|
async fetchConfig() {
|
|
this.fetchJson(this.apiUrl() + "/config").then(config => {
|
|
this.donationHref = config?.donationUrl;
|
|
this.statusPageHref = config?.statusPageUrl;
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
footer {
|
|
text-align: center;
|
|
width: 100%;
|
|
margin-top: 30rem;
|
|
margin-bottom: 10rem;
|
|
background: var(--efy_bg1);
|
|
border-radius: var(--efy_radius);
|
|
padding: 15rem 5rem;
|
|
}
|
|
|
|
footer > a {
|
|
margin: 0 15rem;
|
|
}
|
|
</style>
|