mirror/web
1
0
Fork 0
mirror of https://github.com/meshtastic/web.git synced 2026-04-21 14:30:00 -04:00
Code Issues Packages Projects Releases Wiki Activity

Update external notification settings

Browse Source
This commit is contained in:
Sacha Weatherstone
2022-12-28 12:51:50 +11:00
parent cfe3e5659f
commit b1f86466f0
2 changed files with 101 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/components/PageComponents/ModuleConfig/ExternalNotification.tsx
View File

@@ -80,7 +80,7 @@ export const ExternalNotification = (): JSX.Element => {
<Input
type="number"
label="Output MS"
description="Max transmit power in dBm"
description="Description"
suffix="ms"
disabled={!moduleEnabled}
{...register("outputMs", {
@@ -90,12 +90,30 @@ export const ExternalNotification = (): JSX.Element => {
<Input
type="number"
label="Output"
description="Max transmit power in dBm"
description="Description"
disabled={!moduleEnabled}
{...register("output", {
valueAsNumber: true
})}
/>
<Input
type="number"
label="Output Vibrate"
description="Description"
disabled={!moduleEnabled}
{...register("outputVibra", {
valueAsNumber: true
})}
/>
<Input
type="number"
label="Output Buzzer"
description="Description"
disabled={!moduleEnabled}
{...register("outputBuzzer", {
valueAsNumber: true
})}
/>
<Controller
name="active"
control={control}
@@ -113,7 +131,31 @@ export const ExternalNotification = (): JSX.Element => {
control={control}
render={({ field: { value, ...rest } }) => (
<Toggle
label="Message"
label="Alert Message"
description="Description"
checked={value}
{...rest}
/>
)}
/>
<Controller
name="alertMessageVibra"
control={control}
render={({ field: { value, ...rest } }) => (
<Toggle
label="Alert Message Vibrate"
description="Description"
checked={value}
{...rest}
/>
)}
/>
<Controller
name="alertMessageBuzzer"
control={control}
render={({ field: { value, ...rest } }) => (
<Toggle
label="Alert Message Buzzer"
description="Description"
checked={value}
{...rest}
@@ -125,7 +167,31 @@ export const ExternalNotification = (): JSX.Element => {
control={control}
render={({ field: { value, ...rest } }) => (
<Toggle
label="Bell"
label="Alert Bell"
description="Description"
checked={value}
{...rest}
/>
)}
/>
<Controller
name="alertBellVibra"
control={control}
render={({ field: { value, ...rest } }) => (
<Toggle
label="Alert Bell Vibrate"
description="Description"
checked={value}
{...rest}
/>
)}
/>
<Controller
name="alertBellBuzzer"
control={control}
render={({ field: { value, ...rest } }) => (
<Toggle
label="Alert Bell Buzzer"
description="Description"
checked={value}
{...rest}
@@ -144,6 +210,15 @@ export const ExternalNotification = (): JSX.Element => {
/>
)}
/>
<Input
type="number"
label="Nag Timeout"
description="Description"
disabled={!moduleEnabled}
{...register("nagTimeout", {
valueAsNumber: true
})}
/>
</Form>
);
};