From b0caffae1ae3fcfc1b7dd63e4e6c160976bd8e63 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Wed, 24 Apr 2019 14:05:16 +0200
Subject: [PATCH] Added better data to the Tree node list story

---
 .../ui/components/tree/TreeNodeList.Story.vue | 46 +++++++++++++------
 1 file changed, 33 insertions(+), 13 deletions(-)

diff --git a/app/imports/ui/components/tree/TreeNodeList.Story.vue b/app/imports/ui/components/tree/TreeNodeList.Story.vue
index 38629d93..36cef039 100644
--- a/app/imports/ui/components/tree/TreeNodeList.Story.vue
+++ b/app/imports/ui/components/tree/TreeNodeList.Story.vue
@@ -1,12 +1,7 @@
 <template lang="html">
-	<div>
-		<tree-node-list :children="children" group="example-group" :show-empty="true"/>
-		<samp>
-			{{dataString}}
-		</samp>
-		<div style="height: 200px" @drop="e => log(e.dataTransfer.getData('cow'))" @dragover.prevent></div>
-		<tree-node-list :children="otherChildren" group="example-group" :show-empty="true"/>
-	</div>
+	<v-card-text>
+		<tree-node-list :children="children" group="example-group" :show-empty="false"/>
+	</v-card-text>
 </template>
 
 <script>
@@ -18,12 +13,37 @@
 		},
 		data(){ return {
 			children: [
-				{name: 'child 1', children:[]},
-				{name: 'child 2', children: [
-					{name: 'grandchild 1', children:[]},
-					{name: 'grandchild 2', children:[]},
+				{name: 'Point buy', children:[
+					{name: 'Strength 14', children:[]},
+					{name: 'Dexterity 8', children:[]},
+					{name: 'Constitution 14', children:[]},
+					{name: 'Intelligence 8', children:[]},
+					{name: 'Wisdom 15', children:[]},
+					{name: 'Charisma 12', children:[]},
+				]},
+				{name: 'Hermit', children:[
+					{name: 'Discovery', children:[]},
+				]},
+				{name: 'Hill Dwarf', children: [
+					{name: 'Dwarven combat training', children:[]},
+					{name: 'Dwarven resilience', children:[]},
+					{name: 'Dwarven toughness', children:[]},
+					{name: 'Stone cutting', children:[]},
+				]},
+				{name: 'Cleric', children:[
+					{name: 'Level 1', children:[
+						{name: 'Spellcasting', children:[
+							{name: 'Light', children:[]},
+							{name: 'Sacred Flame', children:[]},
+							{name: 'Thaumaturgy', children:[]},
+						]},
+						{name: 'Divine domain: Tempest', children:[]},
+					]},
+					{name: 'Level 2', children:[]},
+					{name: 'Level 3', children:[]},
+					{name: 'Level 4', children:[]},
+					{name: 'Level 5', children:[]},
 				]},
-				{name: 'child 3', children:[]},
 			],
 			otherChildren: [],
 			drag: false,