41 lines
1.3 KiB
Vue
41 lines
1.3 KiB
Vue
<script setup>
|
|
import axios from '@axios';
|
|
const seetingFooterText = ref();
|
|
const gotoTermsCondition = () => {
|
|
window.open('/terms-and-conditions', '_blank');
|
|
};
|
|
const gotoPrivacyPolicy = () => {
|
|
window.open('/privacy-policy', '_blank');
|
|
};
|
|
const gotoRefundPolicy = () => {
|
|
window.open('/refund-policy', '_blank');
|
|
};
|
|
onMounted(async () => {
|
|
|
|
let setting = await axios.post('/api/settings', {})
|
|
// console.log(setting.data)
|
|
seetingFooterText.value = setting.data.footer_text
|
|
})
|
|
</script>
|
|
<template>
|
|
<div class="h-100 d-flex align-center justify-space-between">
|
|
<!-- 👉 Footer: left content -->
|
|
<span class="d-flex align-center">
|
|
© Copyright {{ new Date().getFullYear() }}, {{ seetingFooterText }}
|
|
</span>
|
|
<!-- 👉 Footer: right content -->
|
|
<div class="d-flex align-center">
|
|
<a type="button" class="mr-3 ">Contact Us</a>
|
|
<a type="button" class="mr-3 " @click="gotoTermsCondition()">Terms & Conditions</a>
|
|
<a type="button" class="mr-3 " @click="gotoPrivacyPolicy()">Privacy Policy</a>
|
|
<a type="button" class="" @click="gotoRefundPolicy()">Refund Policy</a>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<style>
|
|
.layout-footer {
|
|
background-color: rgb(var(--v-theme-footer)) !important;
|
|
color: #fff !important;
|
|
}
|
|
</style>
|