From 74eb92cb53ff13a2667b39bf4e2c1511e6d34a47 Mon Sep 17 00:00:00 2001
From: konrad <konrad@kola-entertainments.de>
Date: Sun, 9 Sep 2018 19:09:46 +0200
Subject: [PATCH] Added buttons to add lists/namespaces

---
 src/App.vue | 24 +++++++++++++++++++++---
 src/main.js |  4 ++++
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 058bafcb..391fe6d3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -25,7 +25,21 @@
 			<div class="box" v-if="user.authenticated">
 				<div class="container">
 					<div class="columns">
-						<div class="column is-2">
+						<div class="column is-3">
+							<div class="buttons">
+								<a class="button is-success">
+									<span class="icon is-small">
+										<icon icon="plus"/>
+									</span>
+									New Namespace
+								</a>
+								<a class="button is-success">
+									<span class="icon is-small">
+										<icon icon="list-ol"/>
+									</span>
+									New List
+								</a>
+							</div>
 							<aside class="menu">
 								<p class="menu-label" v-if="loading">Loading...</p>
 								<template v-for="n in namespaces">
@@ -40,7 +54,7 @@
 								</template>
 							</aside>
 						</div>
-						<div class="column is-10">
+						<div class="column">
 							<router-view/>
 						</div>
 					</div>
@@ -55,7 +69,6 @@
 </template>
 
 <script>
-	// <button class="button is-success" v-on:click="loadNamespaces()">Load Namespaces</button>
     import auth from './auth'
     import {HTTP} from './http-common'
 	import message from './message'
@@ -232,4 +245,9 @@
 			margin-right: 1rem;
 		}
 	}
+
+	/* Buttons icons */
+	.button .icon.is-small{
+		margin-right: 0.05rem !important;
+	}
 </style>
diff --git a/src/main.js b/src/main.js
index 5764695e..8c251a01 100644
--- a/src/main.js
+++ b/src/main.js
@@ -14,9 +14,13 @@ Vue.use(Notifications)
 // Icons
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faSignOutAlt } from '@fortawesome/free-solid-svg-icons'
+import { faPlus } from '@fortawesome/free-solid-svg-icons'
+import { faListOl } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 
 library.add(faSignOutAlt)
+library.add(faPlus)
+library.add(faListOl)
 
 Vue.component('icon', FontAwesomeIcon)