Added append setting to trees

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: {

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];
 			}

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 ];