Add comprehensive support for fertilizer application methods and metadata

.changeset/eleven-parrots-think.md

@@ -0,0 +1,5 @@
+---
+"@svenvw/fdm-app": minor
+---
+
+Display the application method for each fertilizer application in the list

.changeset/fluffy-steaks-follow.md

@@ -0,0 +1,5 @@
+---
+"@svenvw/fdm-calculator": patch
+---
+
+Fix unit conversion at calculation of N supply by other fertilizers

.changeset/fresh-buses-shop.md

@@ -0,0 +1,5 @@
+---
+"@svenvw/fdm-app": patch
+---
+
+Replace the `p_type_*` boolean flags with the unified `p_type` field across all fertilizer functions

.changeset/little-carrots-share.md

@@ -0,0 +1,5 @@
+---
+"@svenvw/fdm-data": minor
+---
+
+Add `p_app_method_options` as parameter of Fertilizer Catalogue

.changeset/new-knives-bet.md

@@ -0,0 +1,5 @@
+---
+"@svenvw/fdm-core": patch
+---
+
+Fixes a bug in `syncCatalogue` where, when an item already exists but its hash has changed, the other properties were not updated

.changeset/poor-towns-appear.md

@@ -0,0 +1,5 @@
+---
+"@svenvw/fdm-app": minor
+---
+
+Add a feature to select an existing fertilizer as a template for new fertilizers

.changeset/quick-states-melt.md

@@ -0,0 +1,5 @@
+---
+"@svenvw/fdm-app": minor
+---
+
+Improve the design of the fertilizer form page by making it more intuitive and clear.

.changeset/rich-donkeys-stay.md

@@ -0,0 +1,5 @@
+---
+"@svenvw/fdm-data": minor
+---
+
+Expose the `ApplicationMethods` union type in the `@svenvw/fdm-data` package

.changeset/shaggy-dancers-work.md

@@ -0,0 +1,5 @@
+---
+"@svenvw/fdm-core": minor
+---
+
+Add the new function `getSoilParameterDescription` to obtain details about fertilizer parameters

.changeset/silver-mice-train.md

@@ -0,0 +1,5 @@
+---
+"@svenvw/fdm-app": minor
+---
+
+Add an application-method field to the fertilizer-application form

.changeset/tidy-apes-watch.md

@@ -0,0 +1,5 @@
+---
+"@svenvw/fdm-core": minor
+---
+
+Add the parameter `p_app_method_options` to `fertilizer_catalogue` to represent the possible methods that can be used to apply the fertilizer

fdm-app/app/components/blocks/fertilizer-applications/form.tsx

@@ -22,9 +22,16 @@ import {
     PopoverContent,
     PopoverTrigger,
 } from "~/components/ui/popover"
+import {
+    Select,
+    SelectContent,
+    SelectItem,
+    SelectTrigger,
+    SelectValue,
+} from "~/components/ui/select"
 import { cn } from "~/lib/utils"
-import { Combobox } from "../../custom/combobox"
-import { LoadingSpinner } from "../../custom/loadingspinner"
+import { Combobox } from "~/components/custom/combobox"
+import { LoadingSpinner } from "~/components/custom/loadingspinner"
 import { FormSchema } from "./formschema"
 import type { FertilizerOption } from "./types.d"
 
@@ -40,10 +47,19 @@ export function FertilizerApplicationForm({
         resolver: zodResolver(FormSchema),
         defaultValues: {
             p_id: undefined,
+            p_app_method: undefined,
             p_app_amount: undefined,
             p_app_date: new Date(),
         },
     })
+    const p_id = form.watch("p_id")
+    const selectedFertilizer = options.find((option) => option.value === p_id)
+
+    useEffect(() => {
+        if (p_id) {
+            form.setValue("p_app_method", "")
+        }
+    }, [p_id, form.setValue])
 
     useEffect(() => {
         if (form.formState.isSubmitSuccessful) {
@@ -75,6 +91,43 @@ export function FertilizerApplicationForm({
                                 }
                             />
                         </div>
+                        <FormField
+                            control={form.control}
+                            name="p_app_method"
+                            render={({ field }) => (
+                                <FormItem>
+                                    <FormLabel>
+                                        Toedingsmethode
+                                        <span className="text-red-500">*</span>
+                                    </FormLabel>
+                                    <Select
+                                        onValueChange={field.onChange}
+                                        value={field.value ?? ""}
+                                        disabled={!selectedFertilizer}
+                                    >
+                                        <FormControl>
+                                            <SelectTrigger>
+                                                <SelectValue placeholder="Selecteer een methode" />
+                                            </SelectTrigger>
+                                        </FormControl>
+                                        <SelectContent>
+                                            {selectedFertilizer?.applicationMethodOptions?.map(
+                                                (option) => (
+                                                    <SelectItem
+                                                        key={option.value}
+                                                        value={option.value}
+                                                    >
+                                                        {option.label}
+                                                    </SelectItem>
+                                                ),
+                                            )}
+                                        </SelectContent>
+                                    </Select>
+                                    <FormDescription />
+                                    <FormMessage />
+                                </FormItem>
+                            )}
+                        />
                         <div>
                             <FormField
                                 control={form.control}
@@ -182,7 +235,7 @@ export function FertilizerApplicationForm({
                                 )}
                             />
                         </div>
-                        <div className="justify-end items-end">
+                        <div className="flex justify-end items-baseline">
                             <Button type="submit">
                                 {form.formState.isSubmitting ? (
                                     <div className="flex items-center space-x-2">

fdm-app/app/components/blocks/fertilizer-applications/formschema.tsx

@@ -12,6 +12,7 @@ export const FormSchema = z.object({
         .finite({
             message: "Hoeveelheid moet een geheel getal zijn",
         }),
+    p_app_method: z.string().min(1, "Toepassingsmethode is verplicht"),
     p_app_date: z.coerce.date({
         required_error: "Datum is verplicht",
         invalid_type_error: "Datum is ongeldig",

fdm-app/app/components/blocks/fertilizer-applications/list.tsx

@@ -2,12 +2,18 @@ import { format } from "date-fns"
 import { Button } from "~/components/ui/button"
 import { LoadingSpinner } from "../../custom/loadingspinner"
 import type { FertilizerApplication } from "./types.d"
+import type { ApplicationMethods } from "@svenvw/fdm-data"
 
 export function FertilizerApplicationsList({
     fertilizerApplications,
+    applicationMethodOptions,
     fetcher,
 }: {
     fertilizerApplications: FertilizerApplication[]
+    applicationMethodOptions: {
+        value: ApplicationMethods
+        label: string
+    }[]
     fetcher: {
         state: string
         submit: (
@@ -21,6 +27,7 @@ export function FertilizerApplicationsList({
 
         fetcher.submit({ p_app_id }, { method: "DELETE" })
     }
+
     return (
         <div className="space-y-4">
             {/* <div className="text-sm font-medium">Meststoffen</div> */}
@@ -34,7 +41,15 @@ export function FertilizerApplicationsList({
                             <p className="text-sm font-medium leading-none">
                                 {application.p_name_nl}
                             </p>
-                            {/* <p className="text-sm text-muted-foreground">m@example.com</p> */}
+                            <p className="text-sm text-muted-foreground">
+                                {application.p_app_method
+                                    ? applicationMethodOptions.find(
+                                          (x) =>
+                                              x.value ===
+                                              application.p_app_method,
+                                      )?.label
+                                    : "Toedieningsmethode niet bekend"}
+                            </p>
                         </div>
                         <div>
                             <p className="text-sm font-light leading-none">

fdm-app/app/components/blocks/fertilizer-applications/types.d.tsx

@@ -1,14 +1,21 @@
+import type { ApplicationMethods } from "@svenvw/fdm-data"
+
 export interface FertilizerApplication {
     p_app_id: string
     p_app_ids: string[]
     p_name_nl: string
     p_app_amount: number
     p_app_date: Date
+    p_app_method: ApplicationMethods | null
 }
 
 export interface FertilizerOption {
     value: string
     label: string
+    applicationMethodOptions: {
+        value: ApplicationMethods
+        label: string
+    }[]
 }
 
 export interface FertilizerApplicationsFormProps {