Merge pull request #259 from gdi-be/28512-additional-fixes

Use TextInput for Extent inputs

Author: KaiVolland

src/lib/components/Form/Field/18_ExtentField.svelte

@@ -2,7 +2,6 @@
   import { getFormContext } from '$lib/context/FormContext.svelte';
   import FieldTools from '../FieldTools.svelte';
   import FieldHint from '../FieldHint.svelte';
-  import NumberInput from '../Inputs/NumberInput.svelte';
   import type { CRS, PartialExtent } from '$lib/models/metadata';
   import { MetadataService } from '$lib/services/MetadataService';
   import Button, { Icon, Label } from '@smui/button';
@@ -15,6 +14,7 @@
   import { page } from '$app/state';
   import { ValidationService } from '$lib/services/ValidationService';
   import { logger } from 'loggisch';
+  import TextInput from '../Inputs/TextInput.svelte';
 
   const t = $derived(page.data.t);
 
@@ -167,7 +167,7 @@
       </div>
       <div class="extent-fields">
         <div class="inline-fields">
-          <NumberInput
+          <TextInput
             label={t('18_ExtentField.label_min_x')}
             fieldConfig={minXFieldConfig}
             bind:value={inputValue.minx}
@@ -178,7 +178,7 @@
             step={['EPSG:4326', 'EPSG:4258'].includes(crs?.label as CRS) ? '0.0001' : undefined}
             validationResult={validationResultMinX}
           />
-          <NumberInput
+          <TextInput
             bind:value={inputValue.maxx}
             label={t('18_ExtentField.label_max_x')}
             fieldConfig={maxXFieldConfig}
@@ -191,7 +191,7 @@
           />
         </div>
         <div class="inline-fields">
-          <NumberInput
+          <TextInput
             bind:value={inputValue.miny}
             label={t('18_ExtentField.label_min_y')}
             fieldConfig={minYFieldConfig}
@@ -202,7 +202,7 @@
             step={['EPSG:4326', 'EPSG:4258'].includes(crs?.label as CRS) ? '0.0001' : undefined}
             validationResult={validationResultMinY}
           />
-          <NumberInput
+          <TextInput
             bind:value={inputValue.maxy}
             label={t('18_ExtentField.label_max_y')}
             fieldConfig={maxYFieldConfig}

src/lib/components/Form/Inputs/TextInput.svelte

@@ -7,11 +7,11 @@
 
   type InputProps = {
     maxlength?: number;
-    value?: string;
+    value?: string | number;
     class?: string;
     explanation?: string;
     label?: string;
-    fieldConfig?: FullFieldConfig<string>;
+    fieldConfig?: FullFieldConfig;
     onfocus?: (evt: FocusEvent) => void;
     onblur?: (evt: FocusEvent) => void;
     validationResult?: ValidationResult;

src/lib/components/Form/service/40_ServiceForm.svelte

@@ -19,6 +19,7 @@
   import { page } from '$app/state';
   import { toast } from 'svelte-french-toast';
   import { invalidateAll } from '$app/navigation';
+  import { logger } from 'loggisch';
 
   const t = $derived(page.data.t);
 
@@ -84,7 +85,7 @@
           (s: Service) => s.serviceIdentification === service.serviceIdentification
         )?.legendImage;
         if (newLegendImage && JSON.stringify(oldLegendImage) !== JSON.stringify(newLegendImage)) {
-          toast.success(t('serviceform.legend_autoupdate_info'));
+          logger.info(t('serviceform.legend_autoupdate_info'));
           service = setNestedValue(service, 'legendImage', newLegendImage);
         }
       }