Добавлены параметры на вкладку Настройки

TODO.md

@@ -1,10 +1,13 @@
 # 🖱️ Front-end
 
-* [x] Не работает кнопка сброса переключателей зон
+* [x] Не работает кнопка сброса переключателей зон (98cdbc09df6d51c58125a17985ada3cd07efbcfb)
 * [ ] Реализовать проверку пустой команды при нажатии на кнопку `Отправить` команду
 * [x] Добавить индикаторы аварийного режима и реверса (7de9849d9aa86955d9c8c902177dc54ff802046e)
 * [ ] Вывод информации об устойстве на вкладке `Устройство`
 * [ ] Реализовать проверку версии программы из интернета
+* [ ] Во вкладку `Прошивка` добавить отображение текущей версии прошивки
+* [ ] Не работает кнопка `Записать параметры` во вкладке `Настройка`
+* [ ] Не работает кнопка `Прочитать параметры` во вкладке `Настройка`
 
 # ⚙️ Back-end
 

gui/index.html

@@ -305,9 +305,90 @@
 					</div>
 				</div>
 
-				<!-- Settings -->
+				<!-- Окно `Настройка` -->
 				<div id="appWindowSettings" class="d-none flex-fill card shadow p-3">
-					<div class="alert alert-danger text-center">В разработке</div>
+					<div class="form-check form-switch">
+						<input
+							class="form-check-input"
+							type="checkbox"
+							id="setting_buzzer"
+							checked />
+						<label class="form-check-label" for="setting_buzzer">Включить зуммер</label>
+					</div>
+
+					<div class="form-check form-switch">
+						<input
+							class="form-check-input"
+							type="checkbox"
+							id="setting_zones_by_analog"
+							checked />
+						<label class="form-check-label" for="setting_zones_by_analog">
+							Активация зоны аналоговым методом
+						</label>
+					</div>
+
+					<hr />
+
+					<p class="text-center">Настройка времени работы штока актуатора</p>
+					<div class="row mb-1">
+						<label for="setting_full_push" class="col-6 col-form-label">
+							Полное освобождение педали
+						</label>
+						<div class="col-6">
+							<input
+								type="number"
+								class="form-control"
+								id="setting_full_push"
+								min="200"
+								max="4000" />
+						</div>
+					</div>
+					<div class="row mb-1">
+						<label for="setting_zn_warning" class="col-6 col-form-label">
+							Зона ПРЕДУПРЕЖДЕНИЕ
+						</label>
+						<div class="col-6">
+							<input
+								type="number"
+								class="form-control"
+								id="setting_zn_warning"
+								min="200"
+								max="4000" />
+						</div>
+					</div>
+					<div class="row mb-1">
+						<label for="setting_zn_alert" class="col-6 col-form-label">
+							Зона ГОТОВНОСТЬ
+						</label>
+						<div class="col-6">
+							<input
+								type="number"
+								class="form-control"
+								id="setting_zn_alert"
+								min="200"
+								max="4000" />
+						</div>
+					</div>
+					<div class="row mb-1">
+						<label for="setting_zn_danger" class="col-6 col-form-label">
+							Зона ОПАСНОСТЬ
+						</label>
+						<div class="col-6">
+							<input
+								type="number"
+								class="form-control"
+								id="setting_zn_danger"
+								min="200"
+								max="4000" />
+						</div>
+					</div>
+
+					<hr />
+
+					<div class="d-grid gap-2">
+						<button class="btn btn-primary">Записать параметры</button>
+						<button class="btn btn-outline-success">Прочитать параметры</button>
+					</div>
 				</div>
 
 				<!-- FirmwareUpdate -->