From e746e7ec7ab457a67bc5fb6c41e1f4aaaa54b336 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Thu, 30 Jun 2022 00:13:50 +1000
Subject: Add button for jumping to root

Arguably redundant due to ability to click/tap on sidebar scrollbar
---
 src/App.vue                             |  7 ++++++-
 src/components/AncestryBar.vue          |  2 +-
 src/components/icon/FastForwardIcon.vue | 12 ++++++++++++
 3 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 src/components/icon/FastForwardIcon.vue

(limited to 'src')

diff --git a/src/App.vue b/src/App.vue
index 462c390..5f4d2e9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -44,6 +44,10 @@
 				@leaf-click="onLeafClick" @nonleaf-click="onNonleafClick"
 				@leaf-click-held="onLeafClickHeld" @nonleaf-click-held="onNonleafClickHeld"
 				@info-click="onInfoClick"/>
+			<icon-button v-if="detachedAncestors != null" :style="buttonStyles"
+				class="absolute bottom-0 left-0 -rotate-90 shadow">
+				<fast-forward-icon/>
+			</icon-button>
 		</div>
 	</div>
 	<!-- Modals -->
@@ -84,6 +88,7 @@ import PlayIcon from './components/icon/PlayIcon.vue';
 import PauseIcon from './components/icon/PauseIcon.vue';
 import SettingsIcon from './components/icon/SettingsIcon.vue';
 import HelpIcon from './components/icon/HelpIcon.vue';
+import FastForwardIcon from './components/icon/FastForwardIcon.vue';
 // Other
 	// Note: Import paths lack a .ts or .js extension because .ts makes vue-tsc complain, and .js makes vite complain
 import {TolNode, TolMap} from './tol';
@@ -980,7 +985,7 @@ export default defineComponent({
 	},
 	components: {
 		Tile, TutorialPane, AncestryBar,
-		IconButton, SearchIcon, PlayIcon, PauseIcon, SettingsIcon, HelpIcon,
+		IconButton, SearchIcon, PlayIcon, PauseIcon, SettingsIcon, HelpIcon, FastForwardIcon,
 		TileInfoModal, SearchModal, SettingsModal, HelpModal,
 	},
 });
diff --git a/src/components/AncestryBar.vue b/src/components/AncestryBar.vue
index 78972b2..cf9513f 100644
--- a/src/components/AncestryBar.vue
+++ b/src/components/AncestryBar.vue
@@ -8,7 +8,7 @@
 
 <script lang="ts">
 import {defineComponent, PropType} from 'vue';
-import Tile from './Tile.vue'
+import Tile from './Tile.vue';
 import {TolMap} from '../tol';
 import {LayoutNode, LayoutOptions} from '../layout';
 import {UiOptions} from '../lib';
diff --git a/src/components/icon/FastForwardIcon.vue b/src/components/icon/FastForwardIcon.vue
new file mode 100644
index 0000000..1efad04
--- /dev/null
+++ b/src/components/icon/FastForwardIcon.vue
@@ -0,0 +1,12 @@
+<template>
+<svg viewBox="-2 0 24 24" fill="none"
+	stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<polygon points="13 19 22 12 13 5 13 19"></polygon>
+	<polygon points="2 19 11 12 2 5 2 19"></polygon>
+</svg>
+</template>
+
+<script lang="ts">
+import {defineComponent, PropType} from 'vue';
+export default defineComponent({});
+</script>
-- 
cgit v1.2.3