TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix linting issues.

Browse source
This commit is contained in:
Kavin 2022-11-14 01:55:53 +00:00
parent e764b0cdf1
commit 1ad228e39e
No known key found for this signature in database
GPG key ID: 49451E4482CC5BCD
1 changed files with 47 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

94
src/components/FooterComponent.vue
View file

@ -1,55 +1,55 @@
<template> <template>
<footer class="text-center py-4 rounded-xl children:(mx-3) w-full mt-10 mb-5"> <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"> <a aria-label="GitHub" href="https://github.com/TeamPiped/Piped" target="_blank">
<font-awesome-icon :icon="['fab', 'github']" /> <font-awesome-icon :icon="['fab', 'github']" />
<span class="ml-2" v-t="'actions.source_code'" /> <span class="ml-2" v-t="'actions.source_code'" />
</a> </a>
<a href="https://docs.piped.video/" target="_blank"> <a href="https://docs.piped.video/" target="_blank">
<font-awesome-icon :icon="['fa', 'book']" /> <font-awesome-icon :icon="['fa', 'book']" />
<span class="ml-2" v-t="'actions.documentation'" /> <span class="ml-2" v-t="'actions.documentation'" />
</a> </a>
<a href="https://github.com/TeamPiped/Piped#donations" target="_blank"> <a href="https://github.com/TeamPiped/Piped#donations" target="_blank">
<font-awesome-icon :icon="['fab', 'bitcoin']" /> <font-awesome-icon :icon="['fab', 'bitcoin']" />
<span class="ml-2" v-t="'actions.donations'" /> <span class="ml-2" v-t="'actions.donations'" />
</a> </a>
<a v-if="statusPageHref" :href="statusPageHref"> <a v-if="statusPageHref" :href="statusPageHref">
<font-awesome-icon :icon="['fa', 'server']" /> <font-awesome-icon :icon="['fa', 'server']" />
<span class="ml-2" v-t="'actions.status_page'" /> <span class="ml-2" v-t="'actions.status_page'" />
</a> </a>
<a v-if="donationHref" :href="donationHref"> <a v-if="donationHref" :href="donationHref">
<font-awesome-icon :icon="['fa', 'donate']" /> <font-awesome-icon :icon="['fa', 'donate']" />
<span class="ml-2" v-t="'actions.instance_donations'" /> <span class="ml-2" v-t="'actions.instance_donations'" />
</a> </a>
</footer> </footer>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
donationHref: null, donationHref: null,
statusPageHref: null, statusPageHref: null,
}; };
}, },
mounted() { mounted() {
this.fetchConfig(); this.fetchConfig();
}, },
methods: { methods: {
async fetchConfig() { async fetchConfig() {
this.fetchJson(this.apiUrl() + "/config").then((config) => { this.fetchJson(this.apiUrl() + "/config").then(config => {
this.donationHref = config?.donationUrl; this.donationHref = config?.donationUrl;
this.statusPageHref = config?.statusPageUrl; this.statusPageHref = config?.statusPageUrl;
}); });
}, },
}, },
}; };
</script> </script>
<style> <style>
footer { footer {
@apply bg-light-900; @apply bg-light-900;
} }
.dark footer { .dark footer {
@apply bg-dark-800; @apply bg-dark-800;
} }
</style> </style>