From 9bac5f601dbb0515433cce300dedf78bb498252c Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Fri, 1 Apr 2022 13:27:17 +0100
Subject: [PATCH] Add option to disable marker UI

---
 index.html                 | 3 +++
 src/components/Sidebar.vue | 4 +++-
 src/index.d.ts             | 1 +
 src/store/getters.ts       | 5 +++++
 src/store/mutations.ts     | 4 ++++
 src/store/state.ts         | 2 ++
 6 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 769a48c..5698004 100644
--- a/index.html
+++ b/index.html
@@ -177,6 +177,9 @@
 
                 // Disable the map right click menu
                 disableContextMenu: false,
+
+                // Disable the markers button and list
+                disableMarkerUI: false,
             },
 
             // Config version. Do not modify.
diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 08a0850..b4a0a24 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -24,7 +24,7 @@
 			        @click="handleSectionClick" @keydown="handleSectionKeydown">
 				<SvgIcon :name="mapCount > 1 ? 'maps' : 'servers'"></SvgIcon>
 			</button>
-			<button class="button--markers" data-section="markers"
+			<button v-if="markerUIEnabled" class="button--markers" data-section="markers"
 			        :title="messageMarkers"
 			        :aria-label="messageMarkers"
 			        :aria-expanded="markersVisible"
@@ -93,6 +93,7 @@ export default defineComponent({
 			messageMarkers = computed(() => store.state.messages.markersHeading),
 			messagePlayers = computed(() => store.getters.playersHeading),
 
+			markerUIEnabled = computed(() => store.getters.markerUIEnabled),
 			playerMakersEnabled = computed(() => store.getters.playerMarkersEnabled),
 
 			playersVisible = computed(() => currentlyVisible.value.has('players')),
@@ -165,6 +166,7 @@ export default defineComponent({
 			markersVisible,
 			followVisible,
 			playerMakersEnabled,
+			markerUIEnabled,
 
 			handleSidebarKeydown,
 			handleSectionKeydown,
diff --git a/src/index.d.ts b/src/index.d.ts
index f391255..7d2a6dc 100644
--- a/src/index.d.ts
+++ b/src/index.d.ts
@@ -124,6 +124,7 @@ interface LiveAtlasUIConfig {
 	playersSearch: boolean;
 	compactPlayerMarkers: boolean;
 	disableContextMenu: boolean;
+	disableMarkerUI: boolean;
 }
 
 export type LiveAtlasUIElement = 'layers' | 'chat' | LiveAtlasSidebarSection;
diff --git a/src/store/getters.ts b/src/store/getters.ts
index 417722c..bf3edcb 100644
--- a/src/store/getters.ts
+++ b/src/store/getters.ts
@@ -20,6 +20,7 @@ import {getMinecraftTime, getUrlForLocation} from "@/util";
 
 export type Getters = {
 	playerMarkersEnabled(state: State): boolean;
+	markerUIEnabled(state: State): boolean;
 	coordinatesControlEnabled(state: State): boolean;
 	clockControlEnabled(state: State): boolean;
 	loginEnabled(state: State): boolean;
@@ -35,6 +36,10 @@ export const getters: GetterTree<State, State> & Getters = {
 		return state.components.players.markers !== undefined;
 	},
 
+	markerUIEnabled(state: State): boolean {
+		return !state.ui.disableMarkerUI;
+	},
+
 	coordinatesControlEnabled(state: State): boolean {
 		return state.components.coordinatesControl !== undefined;
 	},
diff --git a/src/store/mutations.ts b/src/store/mutations.ts
index dda4e48..7d56832 100644
--- a/src/store/mutations.ts
+++ b/src/store/mutations.ts
@@ -134,6 +134,10 @@ export const mutations: MutationTree<State> & Mutations = {
 			state.ui.disableContextMenu = uiConfig.disableContextMenu;
 		}
 
+		if(typeof uiConfig.disableMarkerUI === 'boolean') {
+			state.ui.disableMarkerUI = uiConfig.disableMarkerUI;
+		}
+
 		if(typeof uiConfig.playersSearch === 'boolean') {
 			state.ui.playersSearch = uiConfig.playersSearch;
 		}
diff --git a/src/store/state.ts b/src/store/state.ts
index 38fcef2..e1442f3 100644
--- a/src/store/state.ts
+++ b/src/store/state.ts
@@ -87,6 +87,7 @@ export type State = {
 		playersSearch: boolean;
 		compactPlayerMarkers: boolean;
 		disableContextMenu: boolean;
+		disableMarkerUI: boolean;
 
 		screenWidth: number;
 		screenHeight: number;
@@ -228,6 +229,7 @@ export const state: State = {
 		playersSearch: true,
 		compactPlayerMarkers: false,
 		disableContextMenu: false,
+		disableMarkerUI: false,
 
 		screenWidth: window.innerWidth,
 		screenHeight: window.innerHeight,