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

WIP updates

Browse Source
This commit is contained in:
Sacha Weatherstone
2022-11-27 22:50:46 +10:00
parent a9561fe622
commit e457cef3da
79 changed files with 2100 additions and 1284 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/PageComponents/ModuleConfig/CannedMessage.tsx
View File

@@ -21,16 +21,16 @@ export const CannedMessage = (): JSX.Element => {
handleSubmit,
formState: { errors, isDirty },
reset,
control,
control
} = useForm<CannedMessageValidation>({
defaultValues: moduleConfig.cannedMessage,
resolver: classValidatorResolver(CannedMessageValidation),
resolver: classValidatorResolver(CannedMessageValidation)
});
const moduleEnabled = useWatch({
control,
name: "rotary1Enabled",
defaultValue: false,
defaultValue: false
});
useEffect(() => {
@@ -40,22 +40,22 @@ export const CannedMessage = (): JSX.Element => {
const onSubmit = handleSubmit((data) => {
if (connection) {
void toast.promise(
connection.setModuleConfig(
{
connection.setModuleConfig({
moduleConfig: {
payloadVariant: {
oneofKind: "cannedMessage",
cannedMessage: data,
},
cannedMessage: data
}
},
async () => {
callback: async () => {
reset({ ...data });
await Promise.resolve();
}
),
}),
{
loading: "Saving...",
success: "Saved Canned Message Config, Restarting Node",
error: "No response received",
error: "No response received"
}
);
}

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

@@ -18,10 +18,10 @@ export const ExternalNotification = (): JSX.Element => {
handleSubmit,
formState: { errors, isDirty },
reset,
control,
control
} = useForm<ExternalNotificationValidation>({
defaultValues: moduleConfig.externalNotification,
resolver: classValidatorResolver(ExternalNotificationValidation),
resolver: classValidatorResolver(ExternalNotificationValidation)
});
useEffect(() => {
reset(moduleConfig.externalNotification);
@@ -30,22 +30,22 @@ export const ExternalNotification = (): JSX.Element => {
const onSubmit = handleSubmit((data) => {
if (connection) {
void toast.promise(
connection.setModuleConfig(
{
connection.setModuleConfig({
moduleConfig: {
payloadVariant: {
oneofKind: "externalNotification",
externalNotification: data,
},
externalNotification: data
}
},
async () => {
callback: async () => {
reset({ ...data });
await Promise.resolve();
}
),
}),
{
loading: "Saving...",
success: "Saved External Notification Config, Restarting Node",
error: "No response received",
error: "No response received"
}
);
}
@@ -54,7 +54,7 @@ export const ExternalNotification = (): JSX.Element => {
const moduleEnabled = useWatch({
control,
name: "enabled",
defaultValue: false,
defaultValue: false
});
return (
@@ -84,7 +84,7 @@ export const ExternalNotification = (): JSX.Element => {
suffix="ms"
disabled={!moduleEnabled}
{...register("outputMs", {
valueAsNumber: true,
valueAsNumber: true
})}
/>
<Input
@@ -93,7 +93,7 @@ export const ExternalNotification = (): JSX.Element => {
description="Max transmit power in dBm"
disabled={!moduleEnabled}
{...register("output", {
valueAsNumber: true,
valueAsNumber: true
})}
/>
<Controller
@@ -132,6 +132,18 @@ export const ExternalNotification = (): JSX.Element => {
/>
)}
/>
<Controller
name="usePwm"
control={control}
render={({ field: { value, ...rest } }) => (
<Toggle
label="Use PWM"
description="Description"
checked={value}
{...rest}
/>
)}
/>
</Form>
);
};

20
src/components/PageComponents/ModuleConfig/MQTT.tsx
View File

@@ -18,16 +18,16 @@ export const MQTT = (): JSX.Element => {
handleSubmit,
formState: { errors, isDirty },
reset,
control,
control
} = useForm<MQTTValidation>({
defaultValues: moduleConfig.mqtt,
resolver: classValidatorResolver(MQTTValidation),
resolver: classValidatorResolver(MQTTValidation)
});
const moduleEnabled = useWatch({
control,
name: "enabled",
defaultValue: false,
defaultValue: false
});
useEffect(() => {
@@ -37,22 +37,22 @@ export const MQTT = (): JSX.Element => {
const onSubmit = handleSubmit((data) => {
if (connection) {
void toast.promise(
connection.setModuleConfig(
{
connection.setModuleConfig({
moduleConfig: {
payloadVariant: {
oneofKind: "mqtt",
mqtt: data,
},
mqtt: data
}
},
async () => {
callback: async () => {
reset({ ...data });
await Promise.resolve();
}
),
}),
{
loading: "Saving...",
success: "Saved MQTT Config, Restarting Node",
error: "No response received",
error: "No response received"
}
);
}

22
src/components/PageComponents/ModuleConfig/RangeTest.tsx
View File

@@ -18,10 +18,10 @@ export const RangeTest = (): JSX.Element => {
handleSubmit,
formState: { errors, isDirty },
reset,
control,
control
} = useForm<RangeTestValidation>({
defaultValues: moduleConfig.rangeTest,
resolver: classValidatorResolver(RangeTestValidation),
resolver: classValidatorResolver(RangeTestValidation)
});
useEffect(() => {
@@ -31,22 +31,22 @@ export const RangeTest = (): JSX.Element => {
const onSubmit = handleSubmit((data) => {
if (connection) {
void toast.promise(
connection.setModuleConfig(
{
connection.setModuleConfig({
moduleConfig: {
payloadVariant: {
oneofKind: "rangeTest",
rangeTest: data,
},
rangeTest: data
}
},
async () => {
callback: async () => {
reset({ ...data });
await Promise.resolve();
}
),
}),
{
loading: "Saving...",
success: "Saved Range Test Config, Restarting Node",
error: "No response received",
error: "No response received"
}
);
}
@@ -55,7 +55,7 @@ export const RangeTest = (): JSX.Element => {
const moduleEnabled = useWatch({
control,
name: "enabled",
defaultValue: false,
defaultValue: false
});
return (
@@ -85,7 +85,7 @@ export const RangeTest = (): JSX.Element => {
disabled={!moduleEnabled}
suffix="Seconds"
{...register("sender", {
valueAsNumber: true,
valueAsNumber: true
})}
/>
<Controller

30
src/components/PageComponents/ModuleConfig/Serial.tsx
View File

@@ -18,10 +18,10 @@ export const Serial = (): JSX.Element => {
handleSubmit,
formState: { errors, isDirty },
reset,
control,
control
} = useForm<SerialValidation>({
defaultValues: moduleConfig.serial,
resolver: classValidatorResolver(SerialValidation),
resolver: classValidatorResolver(SerialValidation)
});
useEffect(() => {
@@ -31,22 +31,22 @@ export const Serial = (): JSX.Element => {
const onSubmit = handleSubmit((data) => {
if (connection) {
void toast.promise(
connection.setModuleConfig(
{
connection.setModuleConfig({
moduleConfig: {
payloadVariant: {
oneofKind: "serial",
serial: data,
},
serial: data
}
},
async () => {
callback: async () => {
reset({ ...data });
await Promise.resolve();
}
),
}),
{
loading: "Saving...",
success: "Saved Serial Config, Restarting Node",
error: "No response received",
error: "No response received"
}
);
}
@@ -55,7 +55,7 @@ export const Serial = (): JSX.Element => {
const moduleEnabled = useWatch({
control,
name: "enabled",
defaultValue: false,
defaultValue: false
});
return (
@@ -96,7 +96,7 @@ export const Serial = (): JSX.Element => {
description="Max transmit power in dBm"
disabled={!moduleEnabled}
{...register("rxd", {
valueAsNumber: true,
valueAsNumber: true
})}
/>
<Input
@@ -105,7 +105,7 @@ export const Serial = (): JSX.Element => {
description="Max transmit power in dBm"
disabled={!moduleEnabled}
{...register("txd", {
valueAsNumber: true,
valueAsNumber: true
})}
/>
<Input
@@ -114,7 +114,7 @@ export const Serial = (): JSX.Element => {
description="Max transmit power in dBm"
disabled={!moduleEnabled}
{...register("baud", {
valueAsNumber: true,
valueAsNumber: true
})}
/>
<Input
@@ -123,7 +123,7 @@ export const Serial = (): JSX.Element => {
description="Max transmit power in dBm"
disabled={!moduleEnabled}
{...register("timeout", {
valueAsNumber: true,
valueAsNumber: true
})}
/>
<Input
@@ -132,7 +132,7 @@ export const Serial = (): JSX.Element => {
description="Max transmit power in dBm"
disabled={!moduleEnabled}
{...register("mode", {
valueAsNumber: true,
valueAsNumber: true
})}
/>
</Form>

26
src/components/PageComponents/ModuleConfig/StoreForward.tsx
View File

@@ -18,10 +18,10 @@ export const StoreForward = (): JSX.Element => {
handleSubmit,
formState: { errors, isDirty },
reset,
control,
control
} = useForm<StoreForwardValidation>({
defaultValues: moduleConfig.storeForward,
resolver: classValidatorResolver(StoreForwardValidation),
resolver: classValidatorResolver(StoreForwardValidation)
});
useEffect(() => {
@@ -31,22 +31,22 @@ export const StoreForward = (): JSX.Element => {
const onSubmit = handleSubmit((data) => {
if (connection) {
void toast.promise(
connection.setModuleConfig(
{
connection.setModuleConfig({
moduleConfig: {
payloadVariant: {
oneofKind: "storeForward",
storeForward: data,
},
storeForward: data
}
},
async () => {
callback: async () => {
reset({ ...data });
await Promise.resolve();
}
),
}),
{
loading: "Saving...",
success: "Saved Store & Forward Config, Restarting Node",
error: "No response received",
error: "No response received"
}
);
}
@@ -55,7 +55,7 @@ export const StoreForward = (): JSX.Element => {
const moduleEnabled = useWatch({
control,
name: "enabled",
defaultValue: false,
defaultValue: false
});
return (
@@ -97,7 +97,7 @@ export const StoreForward = (): JSX.Element => {
suffix="Records"
disabled={!moduleEnabled}
{...register("records", {
valueAsNumber: true,
valueAsNumber: true
})}
/>
<Input
@@ -106,7 +106,7 @@ export const StoreForward = (): JSX.Element => {
description="Max transmit power in dBm"
disabled={!moduleEnabled}
{...register("historyReturnMax", {
valueAsNumber: true,
valueAsNumber: true
})}
/>
<Input
@@ -115,7 +115,7 @@ export const StoreForward = (): JSX.Element => {
description="Max transmit power in dBm"
disabled={!moduleEnabled}
{...register("historyReturnWindow", {
valueAsNumber: true,
valueAsNumber: true
})}
/>
</Form>

20
src/components/PageComponents/ModuleConfig/Telemetry.tsx
View File

@@ -18,10 +18,10 @@ export const Telemetry = (): JSX.Element => {
handleSubmit,
formState: { errors, isDirty },
reset,
control,
control
} = useForm<TelemetryValidation>({
defaultValues: moduleConfig.telemetry,
resolver: classValidatorResolver(TelemetryValidation),
resolver: classValidatorResolver(TelemetryValidation)
});
useEffect(() => {
@@ -31,22 +31,22 @@ export const Telemetry = (): JSX.Element => {
const onSubmit = handleSubmit((data) => {
if (connection) {
void toast.promise(
connection.setModuleConfig(
{
connection.setModuleConfig({
moduleConfig: {
payloadVariant: {
oneofKind: "telemetry",
telemetry: data,
},
telemetry: data
}
},
async () => {
callback: async () => {
reset({ ...data });
await Promise.resolve();
}
),
}),
{
loading: "Saving...",
success: "Saved Telemetry Config, Restarting Node",
error: "No response received",
error: "No response received"
}
);
}
@@ -90,7 +90,7 @@ export const Telemetry = (): JSX.Element => {
suffix="Seconds"
type="number"
{...register("environmentUpdateInterval", {
valueAsNumber: true,
valueAsNumber: true
})}
/>
<Controller