Files
dougal-software/lib/www/client/source/src/components/footer.vue
D. Berge f32066695e Add notifications control.
Experimental. Pushes updates of interest (currently
new / changed log entries) via the Notifications API.
Can be enabled or disabled by the user at any time.
2020-09-15 02:41:05 +02:00

58 lines
1.1 KiB
Vue

<!-- kate: replace-tabs on; indent-width 2; -->
<template>
<v-footer app>
<dougal-help-dialog></dougal-help-dialog>
<v-spacer></v-spacer>
<small>&copy; {{year}} <a href="https://aaltronav.eu/" target="_blank" class="brand">Aaltronav</a></small>
<v-spacer></v-spacer>
<dougal-notifications-control class="mr-6"></dougal-notifications-control>
<div title="Night mode">
<v-switch
class="ma-auto"
flat
hide-details
v-model="$vuetify.theme.dark"
append-icon="mdi-weather-night"
></v-switch>
</div>
</v-footer>
</template>
<style>
@font-face {
font-family: "Bank Gothic Medium";
src: local("Bank Gothic Medium"), url("/fonts/bank-gothic-medium.woff");
}
.brand {
font-family: "Bank Gothic Medium";
}
</style>
<script>
import DougalHelpDialog from '@/components/help-dialog';
import DougalNotificationsControl from '@/components/notifications-control';
export default {
name: 'DougalFooter',
components: {
DougalHelpDialog,
DougalNotificationsControl
},
computed: {
year () {
const date = new Date();
return date.getUTCFullYear();
}
}
};
</script>