This repository has been archived on 2024-07-22. You can view files and clone it, but cannot push or open issues or pull requests.
Zaimki/layouts/default.vue

51 lines
1.5 KiB
Vue

<template>
<div class="d-flex flex-column vh-100">
<div class="flex-grow-1">
<Header/>
<main class="container">
<Nuxt/>
<ScrollButton/>
</main>
</div>
<div class="container">
<Footer/>
</div>
<DialogueBox ref="dialogue"/>
<Lightbox/>
</div>
</template>
<script>
import Vue from 'vue';
export default {
mounted() {
Vue.prototype.$alert = (message, color='primary') => {
return new Promise((resolve, reject) => {
this.$refs.dialogue.show(false, message, color, resolve, reject);
});
};
Vue.prototype.$confirm = (message, color='primary') => {
return new Promise((resolve, reject) => {
this.$refs.dialogue.show(true, message, color, resolve, reject);
});
};
Vue.prototype.$post = (url, data, options = {}, timeout = 30000) => {
return new Promise((resolve, reject) => {
this.$axios.$post(url, data, {...options, timeout})
.then(data => resolve(data))
.catch(async e => {
console.error(e);
await this.$alert(this.$t('error.generic'), 'danger');
reject();
});
});
}
}
}
</script>
<style lang="scss">
@import "assets/style";
</style>