mirror of
https://github.com/TeamPiped/Piped.git
synced 2025-04-26 16:46:32 +00:00
70 lines
1.9 KiB
Vue
70 lines
1.9 KiB
Vue
<template>
|
|
<footer class="efy_trans_filter">
|
|
<a aria-label="GitHub" href="https://github.com/TeamPiped/Piped" target="_blank">
|
|
<font-awesome-icon :icon="['fab', 'github']" />
|
|
<span v-t="'actions.source_code'" />
|
|
</a>
|
|
<a href="https://docs.piped.video/" target="_blank">
|
|
<font-awesome-icon :icon="['fa', 'book']" />
|
|
<span v-t="'actions.documentation'" />
|
|
</a>
|
|
<a href="https://github.com/TeamPiped/Piped#donations" target="_blank">
|
|
<font-awesome-icon :icon="['fab', 'bitcoin']" />
|
|
<span v-t="'actions.donations'" />
|
|
</a>
|
|
<a v-if="statusPageHref" :href="statusPageHref">
|
|
<font-awesome-icon :icon="['fa', 'server']" />
|
|
<span v-t="'actions.status_page'" />
|
|
</a>
|
|
<a v-if="donationHref" :href="donationHref">
|
|
<font-awesome-icon :icon="['fa', 'donate']" />
|
|
<span 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 {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 15rem;
|
|
justify-content: center;
|
|
width: 100%;
|
|
margin: 15rem 0 0 0;
|
|
background: var(--efy_bg1);
|
|
border-radius: var(--efy_radius);
|
|
padding: 15rem 5rem;
|
|
border: var(--efy_border);
|
|
}
|
|
footer > a {
|
|
margin: 0;
|
|
}
|
|
footer a {
|
|
color: var(--efy_text) !important;
|
|
-webkit-text-fill-color: var(--efy_text) !important;
|
|
background: transparent !important;
|
|
}
|
|
</style>
|