Add settings for new functionality

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",

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",

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.",

src/routes/Control.svelte

@@ -106,45 +106,46 @@
 				<Button color="primary" on:click={setCustomText}>{$_('section.control.showText')}</Button>
 			</Form>
 			<hr />
-			<h3>LEDs</h3>
+			{#if !$settings.disableLeds}
-			<Form>
+				<h3>LEDs</h3>
-				<Row>
+				<Form>
-					<Label md={4} for="ledColorPicker" size="sm">{$_('section.control.ledColor')}</Label>
+					<Row>
-					<Col md="8">
+						<Label md={4} for="ledColorPicker" size="sm">{$_('section.control.ledColor')}</Label>
-						<Row class="justify-content-between">
+						<Col md="8">
-							{#if ledStatus}
+							<Row class="justify-content-between">
-								{#each ledStatus as led, i}
+								{#if ledStatus}
-									<Col>
+									{#each ledStatus as led, i}
-										<Input
+										<Col>
-											type="color"
+											<Input
-											id="ledColorPicker[{i}]"
+												type="color"
-											bind:value={led.hex}
+												id="ledColorPicker[{i}]"
-											class="mx-auto"
+												bind:value={led.hex}
-											on:change={checkSyncLeds}
+												class="mx-auto"
-										/>
+												on:change={checkSyncLeds}
-									</Col>
+											/>
-								{/each}
+										</Col>
-							{/if}
+									{/each}
-						</Row>
+								{/if}
-						<Row class="justify-content-between">
+							</Row>
-							<Col>
+							<Row class="justify-content-between">
-								<Input
+								<Col>
-									bind:checked={keepLedsSameColor}
+									<Input
-									type="switch"
+										bind:checked={keepLedsSameColor}
-									class="mx-auto"
+										type="switch"
-									label={$_('sections.control.keepSameColor')}
+										class="mx-auto"
-								/>
+										label={$_('sections.control.keepSameColor')}
-							</Col>
+									/>
-						</Row>
+								</Col>
-					</Col>
+							</Row>
-				</Row>
+						</Col>
-				<Button color="secondary" id="turnOffLedsBtn" on:click={turnOffLeds}
+					</Row>
-					>{$_('section.control.turnOff')}</Button
+					<Button color="secondary" id="turnOffLedsBtn" on:click={turnOffLeds}
-				>
+						>{$_('section.control.turnOff')}</Button
-				<Button color="primary" on:click={setLEDcolor}>{$_('section.control.setColor')}</Button>
+					>
-			</Form>
+					<Button color="primary" on:click={setLEDcolor}>{$_('section.control.setColor')}</Button>
-
+				</Form>
-			<hr />
+				<hr />
+			{/if}
 			<h3>{$_('section.control.systemInfo')}</h3>
 			<ul class="small system_info">
 				<li>{$_('section.control.version')}: {$settings.gitRev}</li>

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>

src/routes/Status.svelte

@@ -120,22 +120,24 @@
 				{/if}
 			{/if}
 			<hr />
-			<Row class="justify-content-evenly">
+			{#if !$settings.disableLeds}
-				{#if $status.leds}
+				<Row class="justify-content-evenly">
-					{#each $status.leds as led}
+					{#if $status.leds}
-						<Col>
+						{#each $status.leds as led}
-							<Input
+							<Col>
-								type="color"
+								<Input
-								id="ledColorPicker"
+									type="color"
-								bind:value={led.hex}
+									id="ledColorPicker"
-								class="mx-auto"
+									bind:value={led.hex}
-								disabled
+									class="mx-auto"
-							/>
+									disabled
-						</Col>
+								/>
-					{/each}
+							</Col>
-				{/if}
+						{/each}
-			</Row>
+					{/if}
-			<hr />
+				</Row>
+				<hr />
+			{/if}
 			<Progress striped value={memoryFreePercent}>{memoryFreePercent}%</Progress>
 			<div class="d-flex justify-content-between">
 				<div>{$_('section.status.memoryFree')}</div>