From 4f23e2a264306a05b09d214810a4ea7d3be46eec Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Fri, 11 Jun 2021 23:55:52 -0500
Subject: [PATCH] Added append setting to trees

---
 src/components/tree/Tree.vue     |  7 ++++---
 src/components/tree/TreeNode.vue | 10 +++++++++-
 src/data/mod.js                  |  2 +-
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/tree/Tree.vue b/src/components/tree/Tree.vue
index 88b088b..1c02f50 100644
--- a/src/components/tree/Tree.vue
+++ b/src/components/tree/Tree.vue
@@ -1,10 +1,10 @@
 <template>
 	<div v-frag>
 		<span class="row" v-for="(row, index) in rows" :key="index">
-			<tree-node v-for="(node, nodeIndex) in row" :key="nodeIndex" :id="node" @show-modal="openModal" />
+			<tree-node v-for="(node, nodeIndex) in row" :key="nodeIndex" :id="node" @show-modal="openModal" :append="append" />
 		</span>
 		<span class="side-nodes" v-if="rows.side">
-			<tree-node v-for="(node, nodeIndex) in rows.side" :key="nodeIndex" :id="node" @show-modal="openModal" small />
+			<tree-node v-for="(node, nodeIndex) in rows.side" :key="nodeIndex" :id="node" @show-modal="openModal" :append="append" small />
 		</span>
 		<modal :show="showModal" @close="closeModal">
 			<div slot="header"><h2 v-if="modalHeader">{{ modalHeader }}</h2></div>
@@ -26,7 +26,8 @@ export default {
 		};
 	},
 	props: {
-		nodes: Array
+		nodes: Array,
+		append: Boolean
 	},
 	inject: [ 'tab' ],
 	computed: {
diff --git a/src/components/tree/TreeNode.vue b/src/components/tree/TreeNode.vue
index 4d95a97..cd9be89 100644
--- a/src/components/tree/TreeNode.vue
+++ b/src/components/tree/TreeNode.vue
@@ -31,7 +31,8 @@ export default {
 	name: 'tree-node',
 	props: {
 		id: [ String, Number ],
-		small: Boolean
+		small: Boolean,
+		append: Boolean
 	},
 	inject: [ 'tab' ],
 	computed: {
@@ -94,6 +95,13 @@ export default {
 				this.layer.onClick();
 			} else if (this.layer.modal) {
 				this.$emit('show-modal', this.id);
+			} else if (this.append) {
+				if (player.tabs.includes(this.id)) {
+					const index = player.tabs.lastIndexOf(this.id);
+					player.tabs = [...player.tabs.slice(0, index), ...player.tabs.slice(index + 1)];
+				} else {
+					player.tabs = [...player.tabs, this.id];
+				}
 			} else {
 				player.tabs = [...player.tabs.slice(0, this.tab.index + 1), this.id];
 			}
diff --git a/src/data/mod.js b/src/data/mod.js
index 4dd9bdb..8e128c5 100644
--- a/src/data/mod.js
+++ b/src/data/mod.js
@@ -38,7 +38,7 @@ const spook = {
 
 const main = {
 	id: 'main',
-	display: '<tree />'
+	display: '<tree append="true" />'
 }
 
 export const initialLayers = [ main, f, c, a, g, h, spook ];