From 97d45558f5042ea3cd279a7b55c8aca27e395d5d Mon Sep 17 00:00:00 2001
From: Davide Alberani <da@erlug.linux.it>
Date: Sat, 21 Jan 2017 14:36:36 +0100
Subject: [PATCH] fixes #10: add a footer

---
 src/IbtFooter.vue | 31 +++++++++++++++++++++++++++++++
 src/main.js       |  5 +++--
 2 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 src/IbtFooter.vue

diff --git a/src/IbtFooter.vue b/src/IbtFooter.vue
new file mode 100644
index 0000000..178fcfc
--- /dev/null
+++ b/src/IbtFooter.vue
@@ -0,0 +1,31 @@
+<template>
+    <md-toolbar id="footer" class="md-dense">
+        <span><a href="https://github.com/raspibo/ibt2">ibt2</a> &copy; <a href="http://www.raspibo.org/">RaspiBO</a></span>
+    </md-toolbar>
+</template>
+<script>
+
+export default {}
+
+</script>
+
+<style>
+
+#footer {
+    text-align: center;
+    color: white;
+    display: block;
+    vertical-align: middle;
+    min-height: 16px;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+    position: absolute;
+    background-color: #b3e5fc;
+}
+
+#footer a {
+    color: white;
+}
+
+</style>
diff --git a/src/main.js b/src/main.js
index ddcbc3b..57c9279 100644
--- a/src/main.js
+++ b/src/main.js
@@ -28,6 +28,7 @@ import App from './App';
 import User from './User';
 import Users from './Users';
 import Toolbar from './Toolbar';
+import IbtFooter from './IbtFooter';
 
 Vue.use(Vuex);
 Vue.use(VueRouter);
@@ -48,7 +49,7 @@ const router = new VueRouter({routes});
 var vue = new Vue({
     el: '#app',
     store: store,
-    template: '<div id="app"><Toolbar /><router-view class="view"></router-view></div>',
+    template: '<div id="app"><toolbar /><router-view class="view"></router-view><ibt-footer /></div>',
     router: router,
-    components: { App, Toolbar, Users, User }
+    components: { App, Toolbar, IbtFooter, Users, User }
 });