From d5afa6831cd29434d4ae91a56b884313e930ad9f Mon Sep 17 00:00:00 2001
From: Sander <sander@bitcoiners.zijn.cool>
Date: Mon, 2 Dec 2024 15:02:47 +0100
Subject: [PATCH] add mqtt config options

---
 src/lib/locales/en.json    |  3 +++
 src/routes/Settings.svelte | 47 ++++++++++++++++++++++++++++++++++++++
 tests/test.ts              |  1 +
 3 files changed, 51 insertions(+)

diff --git a/src/lib/locales/en.json b/src/lib/locales/en.json
index b4420dd..05f884f 100644
--- a/src/lib/locales/en.json
+++ b/src/lib/locales/en.json
@@ -66,6 +66,9 @@
 			},
 			"ledFlashOnZap": "LED flash on Nostr Zap",
 			"flFlashOnZap": "Frontlight flash on Nostr Zap",
+			"mqttEnabled": "Enable MQTT",
+			"mqttHost": "MQTT hostname or IP",
+			"mqttRootTopic": "MQTT root topic",
 			"showAll": "Show all",
 			"hideAll": "Hide all"
 		},
diff --git a/src/routes/Settings.svelte b/src/routes/Settings.svelte
index 14c5fb7..4c79233 100644
--- a/src/routes/Settings.svelte
+++ b/src/routes/Settings.svelte
@@ -790,6 +790,53 @@
 								{/if}
 							{/if}
 						</Row>
+						<Row>
+							<Col md="6" xl="12" xxl="6">
+								<Input
+									id="mqttEnabled"
+									bind:checked={$settings.mqttEnabled}
+									type="switch"
+									bsSize={$uiSettings.inputSize}
+									label="{$_('section.settings.mqttEnabled')} ({$_('restartRequired')})"
+								/>
+							</Col>
+						</Row>
+						{#if $settings.mqttEnabled}
+							<Row>
+								<Label md={6} for="mqttHost" size={$uiSettings.inputSize}
+									>{$_('section.settings.mqttHost')}</Label
+								>
+								<Col md="6">
+									<InputGroup size={$uiSettings.inputSize}>
+										<Input
+											type="text"
+											bind:value={$settings.mqttHost}
+											name="mqttHost"
+											id="mqttHost"
+											bsSize={$uiSettings.inputSize}
+											required
+										></Input>
+									</InputGroup>
+								</Col>
+							</Row>
+							<Row>
+								<Label md={6} for="mqttRootTopic" size={$uiSettings.inputSize}
+									>{$_('section.settings.mqttRootTopic')}</Label
+								>
+								<Col md="6">
+									<InputGroup size={$uiSettings.inputSize}>
+										<Input
+											type="text"
+											bind:value={$settings.mqttRootTopic}
+											name="mqttRootTopic"
+											id="mqttRootTopic"
+											bsSize={$uiSettings.inputSize}
+											required
+										></Input>
+									</InputGroup>
+								</Col>
+							</Row>
+						{/if}
 					</ToggleHeader>
 				</Row><Row>
 					<ToggleHeader header={$_('section.settings.section.system')} isOpen={systemIsOpen}>
diff --git a/tests/test.ts b/tests/test.ts
index 4fa59ca..b1bd8ac 100644
--- a/tests/test.ts
+++ b/tests/test.ts
@@ -48,6 +48,7 @@ const settingsJson = {
 	bitaxeEnabled: false,
 	bitaxeHostname: 'bitaxe1',
 	nostrZapNotify: true,
+	mqttEnabled: false,
 	hwRev: 'REV_A_EPD_2_13',
 	fsRev: '4c5d9616212b27e3f05c35370f0befcf2c5a04b2',
 	nostrZapPubkey: 'b5127a08cf33616274800a4387881a9f98e04b9c37116e92de5250498635c422',