-
{format(log.date, 'dd.MM.yyyy')}
+
{format(log.date, "dd.MM.yyyy")}
{#if mode == "edit"}
diff --git a/web/src/lib/components/summit_log/summit_log_modal.svelte b/web/src/lib/components/summit_log/summit_log_modal.svelte
index f73c4f5f..6f88a53d 100644
--- a/web/src/lib/components/summit_log/summit_log_modal.svelte
+++ b/web/src/lib/components/summit_log/summit_log_modal.svelte
@@ -4,11 +4,11 @@
import { summitLogSchema, type SummitLog } from "$lib/models/summit_log";
import { summitLog } from "$lib/stores/summit_log_store";
import { createForm } from "$lib/vendor/svelte-form-lib/index";
+ import { util } from "$lib/vendor/svelte-form-lib/util";
+ import { _ } from "svelte-i18n";
import Datepicker from "../base/datepicker.svelte";
import Modal from "../base/modal.svelte";
import TextField from "../base/text_field.svelte";
- import { util } from "$lib/vendor/svelte-form-lib/util";
-
export let openModal: (() => void) | undefined = undefined;
export let closeModal: (() => void) | undefined = undefined;
@@ -17,17 +17,17 @@
const { form, errors, handleChange, handleSubmit } = createForm
({
initialValues: $summitLog,
validationSchema: summitLogSchema,
- onSubmit: async (submittedValues) => {
+ onSubmit: async (submittedValues) => {
dispatch("save", submittedValues);
closeModal!();
},
});
- $: form.set(util.cloneDeep($summitLog));
+ $: form.set(util.cloneDeep($summitLog));
-
+
{$_("save")}
diff --git a/web/src/lib/components/trail/map_with_elevation.svelte b/web/src/lib/components/trail/map_with_elevation.svelte
new file mode 100644
index 00000000..20d967c3
--- /dev/null
+++ b/web/src/lib/components/trail/map_with_elevation.svelte
@@ -0,0 +1,111 @@
+
+
+
+
+
diff --git a/web/src/lib/components/trail/trail_card.svelte b/web/src/lib/components/trail/trail_card.svelte
index 331836a0..025242b5 100644
--- a/web/src/lib/components/trail/trail_card.svelte
+++ b/web/src/lib/components/trail/trail_card.svelte
@@ -1,7 +1,7 @@
+
+ handleDropdownClick(e.detail)}
+ let:toggleMenu={openDropdown}
+ >
+
+
+ handleListSelection(e.detail)}
+>
diff --git a/web/src/lib/components/trail/trail_filter_panel.svelte b/web/src/lib/components/trail/trail_filter_panel.svelte
index 07b7d0ab..15ae22f0 100644
--- a/web/src/lib/components/trail/trail_filter_panel.svelte
+++ b/web/src/lib/components/trail/trail_filter_panel.svelte
@@ -3,7 +3,7 @@
import type { Category } from "$lib/models/category";
import type { TrailFilter } from "$lib/models/trail";
import { country_codes } from "$lib/util/country_code_util";
- import { formatMeters } from "$lib/util/format_util";
+ import { formatDistance, formatElevation } from "$lib/util/format_util";
import { createEventDispatcher } from "svelte";
import DoubleSlider from "../base/double_slider.svelte";
import type { RadioItem } from "../base/radio_group.svelte";
@@ -11,6 +11,7 @@
import Search, { type SearchItem } from "../base/search.svelte";
import Slider from "../base/slider.svelte";
import { slide } from "svelte/transition";
+ import { _ } from "svelte-i18n";
export let categories: Category[];
export let filterExpanded: boolean = true;
@@ -33,9 +34,9 @@
const dispatch = createEventDispatcher();
const radioGroupItems: RadioItem[] = [
- { text: "Completed", value: "completed" },
- { text: "Not completed", value: "not_completed" },
- { text: "No preference", value: "no_preference" },
+ { text: $_("completed"), value: "completed" },
+ { text: $_("not-completed"), value: "not_completed" },
+ { text: $_("no-preference"), value: "no_preference" },
];
let searchDropdownItems: SearchItem[] = [];
@@ -112,7 +113,7 @@