helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

feat(web): coordinate input for asset location (#11291)

Browse source
This commit is contained in:
Michel Heusschen 2024-07-23 14:01:10 +02:00 • committed by GitHub
parent 8725656fd2
commit 7d3db11a5c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 126 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

27
web/src/lib/components/shared-components/coordinates-input.svelte Normal file
View file

@ -0,0 +1,27 @@
<script lang="ts">
import NumberRangeInput from '$lib/components/shared-components/number-range-input.svelte';
import { generateId } from '$lib/utils/generate-id';
import { t } from 'svelte-i18n';
export let lat: number | null | undefined = undefined;
export let lng: number | null | undefined = undefined;
export let onUpdate: (lat: number, lng: number) => void;
const id = generateId();
const onInput = () => {
if (lat != null && lng != null) {
onUpdate(lat, lng);
}
};
</script>
<div>
<label class="immich-form-label" for="latitude-input-{id}">{$t('latitude')}</label>
<NumberRangeInput id="latitude-input-{id}" min={-90} max={90} {onInput} bind:value={lat} />
</div>
<div>
<label class="immich-form-label" for="longitude-input-{id}">{$t('longitude')}</label>
<NumberRangeInput id="longitude-input-{id}" min={-180} max={180} {onInput} bind:value={lng} />
</div>