mirror of
https://github.com/TeamPiped/Piped.git
synced 2024-09-21 18:11:33 +00:00
57 lines
1.7 KiB
Vue
57 lines
1.7 KiB
Vue
|
<template>
|
||
|
|
<footer class="text-center py-4 rounded-xl children:(mx-3) w-full mt-10 mb-5">
|
||
|
|
<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() {
|
||
|
|
fetch("config.json").then(async response => {
|
||
|
|
const config = await response.json();
|
||
|
|
this.donationHref = config.donation_href;
|
||
|
|
this.statusPageHref = config.status_page_href;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
footer {
|
||
|
|
@apply bg-light-900;
|
||
|
|
}
|
||
|
|
.dark footer {
|
||
|
|
@apply bg-dark-800;
|
||
|
|
}
|
||
|
|
</style>
|