TobaOjo/Mav-Mobile-UI
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated forms along with addg tabs

Browse Source
This commit is contained in:
Toba Ojo
2025-08-18 12:53:30 +01:00
parent d537a32e2c
commit be7f0cf1de
29 changed files with 704 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/SettingForms/SightingData/SightingDataCard.tsx Normal file
View File

@@ -0,0 +1,14 @@
import Card from "../../UI/Card";
import CardHeader from "../../UI/CardHeader";
import SightingDataFields from "./SightingDataFields";
const SightingDataCard = () => {
return (
<Card>
<CardHeader title={"Sighting Data"} />
<SightingDataFields />
</Card>
);
};
export default SightingDataCard;

123
src/components/SettingForms/SightingData/SightingDataFields.tsx Normal file
View File

@@ -0,0 +1,123 @@
import { Field, useFormikContext } from "formik";
import FormGroup from "../components/FormGroup";
import FormToggle from "../components/FormToggle";
const SightingDataFields = () => {
useFormikContext();
return (
<div className="flex flex-col space-y-2">
<FormGroup>
<label htmlFor="overviewQuality">Overview Quality</label>
<Field
name="overviewQuality"
as="select"
className="p-2 border border-gray-400 rounded-lg text-white bg-[#253445]"
>
<option value="HIGH">High</option>
<option value="MEDIUM">Medium</option>
<option value="LOW">Low</option>
</Field>
</FormGroup>
<FormGroup>
<label htmlFor="overviewImageScaleFactor">
Overview Image Scale Factor
</label>
<Field
as="select"
className="p-2 border border-gray-400 rounded-lg text-white bg-[#253445]"
>
<option value="HIGH">Full</option>
<option value="MEDIUM">3/4</option>
<option value="LOW">2/4</option>
<option value="LOW">1/4</option>
</Field>
</FormGroup>
<FormGroup>
<label htmlFor="overviewType">Overview Type</label>
<Field
as="select"
className="p-2 border border-gray-400 rounded-lg text-white bg-[#253445]"
>
<option value="PlainOverview">Plain Overview</option>
<option value="IncludePlatePatches">Include Plate Patches</option>
</Field>
</FormGroup>
<FormGroup>
<label htmlFor="invertMotion">Invert Motion</label>
<FormToggle name="invertMotion" />
</FormGroup>
<FormGroup>
<label htmlFor="maxPlateValueLength">Max Plate Value Length</label>
<Field
name="maxPlateValueLength"
type={"number"}
className="p-1.5 border border-gray-400 rounded-lg"
/>
</FormGroup>
<FormGroup>
<label htmlFor="vrmToTransit">VRM To Transit</label>
<Field
as="select"
className="p-2 border border-gray-400 rounded-lg text-white bg-[#253445]"
>
<option value="PlainOverview">plain VRM ASCII (default)</option>
<option value="IncludePlatePatches">plain VRM ASCII (default)</option>
</Field>
</FormGroup>
<FormGroup>
<label htmlFor="staticReadAction">Static Read Action</label>
<Field
as="select"
className="p-2 border border-gray-400 rounded-lg text-white bg-[#253445]"
>
<option value="UseLaneDirection">Use Lane Direction</option>
<option value="IncludePlatePatches">plain VRM ASCII (default)</option>
</Field>
</FormGroup>
<FormGroup>
<label htmlFor="noRegionAction">No Region Action</label>
<Field
as="select"
className="p-2 border border-gray-400 rounded-lg text-white bg-[#253445]"
>
<option value="UseLaneDirection">Send</option>
<option value="IncludePlatePatches">plain VRM ASCII (default)</option>
</Field>
</FormGroup>
<FormGroup>
<label htmlFor="countryCodeType">Country Code Type</label>
<Field
as="select"
className="p-2 border border-gray-400 rounded-lg text-white bg-[#253445]"
>
<option value="IBAN 2 Character code (default)">
IBAN 2 Character code (default)
</option>
<option value="IncludePlatePatches">plain VRM ASCII (default)</option>
</Field>
</FormGroup>
<FormGroup>
<label htmlFor="overviewQualityOverride">
Overview Quality Override
</label>
<Field
name="maxPlateValueLength"
type={"number"}
className="p-1.5 border border-gray-400 rounded-lg"
/>
</FormGroup>
<FormGroup>
<label htmlFor="sightingDataEnabled">Sighting Data Enabled</label>
<FormToggle name="sightingDataEnabled" />
</FormGroup>
<FormGroup>
<label htmlFor="sighthingDataVerbose">Sighting Data Verbose</label>
<FormToggle name="sighthingDataVerbose" />
</FormGroup>
</div>
);
};
export default SightingDataFields;