From d63fb5472f0885739509f29db10d43f8bd2abca7 Mon Sep 17 00:00:00 2001
From: Dario Ernst <daddel9@nebuk.de>
Date: Fri, 21 Jul 2017 16:49:38 +0200
Subject: [PATCH] Begin prototyping list-of-lists

---
 client/src/components/List-overview.vue      |  2 +-
 client/src/components/index/main.vue         |  2 +-
 client/src/components/list-overview/main.vue | 44 +++++++++++++++++++-
 client/src/router.js                         |  2 +-
 4 files changed, 46 insertions(+), 4 deletions(-)

diff --git a/client/src/components/List-overview.vue b/client/src/components/List-overview.vue
index 716e9f4..4af3db2 100644
--- a/client/src/components/List-overview.vue
+++ b/client/src/components/List-overview.vue
@@ -23,7 +23,7 @@
 			</div>
 
 			<div class="list no-border platform-delimiter">
-				<q-drawer-link to="/login">
+				<q-drawer-link to="/">
 					Logout
 				</q-drawer-link>
 			</div>
diff --git a/client/src/components/index/main.vue b/client/src/components/index/main.vue
index d94d392..7797462 100644
--- a/client/src/components/index/main.vue
+++ b/client/src/components/index/main.vue
@@ -3,7 +3,7 @@
 		<div class="layout-padding full-width">
 
 			<p class="full-width">
-				Wubwub Moar Explanation
+				Here be main app introduction
 			</p>
 		</div>
 	</div>
diff --git a/client/src/components/list-overview/main.vue b/client/src/components/list-overview/main.vue
index d94d392..79b8d0b 100644
--- a/client/src/components/list-overview/main.vue
+++ b/client/src/components/list-overview/main.vue
@@ -3,13 +3,55 @@
 		<div class="layout-padding full-width">
 
 			<p class="full-width">
-				Wubwub Moar Explanation
+				Here be your lists
 			</p>
+
+			<div class="list">
+				<div class="item two-lines">
+					<div class="item-primary">15</div>
+					<div class="item-content has-secondary">
+						<div>List 1</div>
+						<div>Has some description</div>
+					</div>
+					<i class="item-secondary item-link" @click="deleteList(0)">
+						delete
+					</i>
+				</div>
+				<div class="item two-lines">
+					<div class="item-primary">23</div>
+					<div class="item-content has-secondary">
+						<div>List 2</div>
+						<div>Has some description</div>
+					</div>
+					<i class="item-secondary item-link" @click="deleteList(1)">
+						delete
+					</i>
+				</div>
+				<div class="item two-lines">
+					<div class="item-primary">7</div>
+					<div class="item-content has-secondary">
+						<div>List 3</div>
+						<div>Has some description</div>
+					</div>
+					<i class="item-secondary item-link" @click="deleteList(2)">
+						delete
+					</i>
+				</div>
+			</div>
+
+
 		</div>
 	</div>
 </template>
 
 <script>
+	export default {
+		methods: {
+			deleteList (itemIndex) {
+				console.log('Delete: ' + itemIndex)
+			}
+		}
+	}
 </script>
 
 <style lang="stylus">
diff --git a/client/src/router.js b/client/src/router.js
index d9a2fd2..abdffb3 100644
--- a/client/src/router.js
+++ b/client/src/router.js
@@ -20,7 +20,7 @@ export default new VueRouter({
 		},
 		{
 			path: '/lists',
-			component: load('Lists-overview'),
+			component: load('List-overview'),
 			children: [
 				{ path: '', component: load('list-overview/main') }
 			]