From dcdf98964a42ccd83b2d2501bbed46a640bbc300 Mon Sep 17 00:00:00 2001
From: Djuri Baars <dsbaars@users.noreply.github.com>
Date: Mon, 11 Mar 2024 21:09:15 +0100
Subject: [PATCH] Add settings for new functionality

---
 src/lib/locales/en.json    |  2 +
 src/lib/locales/es.json    |  2 +
 src/lib/locales/nl.json    |  2 +
 src/routes/Control.svelte  | 79 +++++++++++++++++++-------------------
 src/routes/Settings.svelte | 18 +++++++++
 src/routes/Status.svelte   | 34 ++++++++--------
 6 files changed, 82 insertions(+), 55 deletions(-)

diff --git a/src/lib/locales/en.json b/src/lib/locales/en.json
index 93d7007..aab360c 100644
--- a/src/lib/locales/en.json
+++ b/src/lib/locales/en.json
@@ -17,6 +17,8 @@
 			"useBigCharsMcap": "Use big characters for market cap",
 			"useBlkCountdown": "Blocks countdown for halving",
 			"useSatsSymbol": "Use sats symbol",
+			"suffixPrice": "Suffix price format",
+			"disableLeds": "Disable all LEDs effects",
 			"otaUpdates": "OTA updates",
 			"enableMdns": "mDNS",
 			"fetchEuroPrice": "Fetch € price",
diff --git a/src/lib/locales/es.json b/src/lib/locales/es.json
index 13a77b6..adc42ab 100644
--- a/src/lib/locales/es.json
+++ b/src/lib/locales/es.json
@@ -22,6 +22,8 @@
 			"enableMdns": "mDNS",
 			"hostnamePrefix": "Prefijo de nombre de host",
 			"mempoolnstance": "Instancia de Mempool",
+			"suffixPrice": "Precio con sufijos",
+			"disableLeds": "Desactivar efectos de LED",
 			"otaUpdates": "Actualización por aire",
 			"wifiTxPowerText": "En la mayoría de los casos no es necesario configurar esto.",
 			"settingsSaved": "Configuración guardada",
diff --git a/src/lib/locales/nl.json b/src/lib/locales/nl.json
index c9ddae6..90d47c2 100644
--- a/src/lib/locales/nl.json
+++ b/src/lib/locales/nl.json
@@ -22,6 +22,8 @@
 			"screens": "Schermen",
 			"hostnamePrefix": "Hostnaam voorvoegsel",
 			"mempoolnstance": "Mempool instantie",
+			"suffixPrice": "Achtervoegsel prijs formaat",
+			"disableLeds": "Alle LEDs effecten uit",
 			"otaUpdates": "OTA updates",
 			"wifiTxPower": "WiFi TX power",
 			"wifiTxPowerText": "Meestal hoeft dit niet aangepast te worden.",
diff --git a/src/routes/Control.svelte b/src/routes/Control.svelte
index b36215d..01c41a0 100644
--- a/src/routes/Control.svelte
+++ b/src/routes/Control.svelte
@@ -106,45 +106,46 @@
 				<Button color="primary" on:click={setCustomText}>{$_('section.control.showText')}</Button>
 			</Form>
 			<hr />
-			<h3>LEDs</h3>
-			<Form>
-				<Row>
-					<Label md={4} for="ledColorPicker" size="sm">{$_('section.control.ledColor')}</Label>
-					<Col md="8">
-						<Row class="justify-content-between">
-							{#if ledStatus}
-								{#each ledStatus as led, i}
-									<Col>
-										<Input
-											type="color"
-											id="ledColorPicker[{i}]"
-											bind:value={led.hex}
-											class="mx-auto"
-											on:change={checkSyncLeds}
-										/>
-									</Col>
-								{/each}
-							{/if}
-						</Row>
-						<Row class="justify-content-between">
-							<Col>
-								<Input
-									bind:checked={keepLedsSameColor}
-									type="switch"
-									class="mx-auto"
-									label={$_('sections.control.keepSameColor')}
-								/>
-							</Col>
-						</Row>
-					</Col>
-				</Row>
-				<Button color="secondary" id="turnOffLedsBtn" on:click={turnOffLeds}
-					>{$_('section.control.turnOff')}</Button
-				>
-				<Button color="primary" on:click={setLEDcolor}>{$_('section.control.setColor')}</Button>
-			</Form>
-
-			<hr />
+			{#if !$settings.disableLeds}
+				<h3>LEDs</h3>
+				<Form>
+					<Row>
+						<Label md={4} for="ledColorPicker" size="sm">{$_('section.control.ledColor')}</Label>
+						<Col md="8">
+							<Row class="justify-content-between">
+								{#if ledStatus}
+									{#each ledStatus as led, i}
+										<Col>
+											<Input
+												type="color"
+												id="ledColorPicker[{i}]"
+												bind:value={led.hex}
+												class="mx-auto"
+												on:change={checkSyncLeds}
+											/>
+										</Col>
+									{/each}
+								{/if}
+							</Row>
+							<Row class="justify-content-between">
+								<Col>
+									<Input
+										bind:checked={keepLedsSameColor}
+										type="switch"
+										class="mx-auto"
+										label={$_('sections.control.keepSameColor')}
+									/>
+								</Col>
+							</Row>
+						</Col>
+					</Row>
+					<Button color="secondary" id="turnOffLedsBtn" on:click={turnOffLeds}
+						>{$_('section.control.turnOff')}</Button
+					>
+					<Button color="primary" on:click={setLEDcolor}>{$_('section.control.setColor')}</Button>
+				</Form>
+				<hr />
+			{/if}
 			<h3>{$_('section.control.systemInfo')}</h3>
 			<ul class="small system_info">
 				<li>{$_('section.control.version')}: {$settings.gitRev}</li>
diff --git a/src/routes/Settings.svelte b/src/routes/Settings.svelte
index dc21c79..c35b0d4 100644
--- a/src/routes/Settings.svelte
+++ b/src/routes/Settings.svelte
@@ -323,6 +323,24 @@
 							label={$_('section.settings.useSatsSymbol')}
 						/>
 					</Col>
+					<Col md="6">
+						<Input
+							id="suffixPrice"
+							bind:checked={$settings.suffixPrice}
+							type="switch"
+							bsSize="sm"
+							label={$_('section.settings.suffixPrice')}
+						/>
+					</Col>
+					<Col md="6">
+						<Input
+							id="disableLeds"
+							bind:checked={$settings.disableLeds}
+							type="switch"
+							bsSize="sm"
+							label={$_('section.settings.disableLeds')}
+						/>
+					</Col>
 				</Row>
 
 				<Row>
diff --git a/src/routes/Status.svelte b/src/routes/Status.svelte
index d37b029..63b082b 100644
--- a/src/routes/Status.svelte
+++ b/src/routes/Status.svelte
@@ -120,22 +120,24 @@
 				{/if}
 			{/if}
 			<hr />
-			<Row class="justify-content-evenly">
-				{#if $status.leds}
-					{#each $status.leds as led}
-						<Col>
-							<Input
-								type="color"
-								id="ledColorPicker"
-								bind:value={led.hex}
-								class="mx-auto"
-								disabled
-							/>
-						</Col>
-					{/each}
-				{/if}
-			</Row>
-			<hr />
+			{#if !$settings.disableLeds}
+				<Row class="justify-content-evenly">
+					{#if $status.leds}
+						{#each $status.leds as led}
+							<Col>
+								<Input
+									type="color"
+									id="ledColorPicker"
+									bind:value={led.hex}
+									class="mx-auto"
+									disabled
+								/>
+							</Col>
+						{/each}
+					{/if}
+				</Row>
+				<hr />
+			{/if}
 			<Progress striped value={memoryFreePercent}>{memoryFreePercent}%</Progress>
 			<div class="d-flex justify-content-between">
 				<div>{$_('section.status.memoryFree')}</div>