b5739cb72e
* merge trails function added * fix conflict resolve issues * avoid incorrect authorship when merging trail comments * require edit access for all selected trails before merge * fix likes checkbox binding in trail merge modal * improve error handling * require editable target and deletable sources for merge * avoid duplicate trail fetch during merge * prevent duplicate likes when merging trails * check photo download responses during trail merge * add merge completion toast notifications * cleanup * small fixes * move merge code to backend, option to merge single trail selection with similar one, automatic merge for integrations add as option, maintenance page to find and merge similar trails added * fix build error * fix * docu, beautifying, refactoring --------- Co-authored-by: Flomp <Flomp@users.noreply.github.com>
66 lines
2.3 KiB
Svelte
66 lines
2.3 KiB
Svelte
<script lang="ts">
|
|
import { goto } from "$app/navigation";
|
|
import { page } from "$app/state";
|
|
import type { SelectItem } from "$lib/components/base/select.svelte";
|
|
import { _ } from "svelte-i18n";
|
|
import type { Snippet } from "svelte";
|
|
interface Props {
|
|
children?: Snippet;
|
|
}
|
|
|
|
let { children }: Props = $props();
|
|
|
|
const settingsLinks: SelectItem[] = [
|
|
{ text: $_("profile"), value: "/settings/profile" },
|
|
{ text: $_("my-account"), value: "/settings/account" },
|
|
{ text: $_("privacy"), value: "/settings/privacy" },
|
|
|
|
{
|
|
text: $_("language") + " & " + $_("units"),
|
|
value: "/settings/language",
|
|
},
|
|
{ text: $_("notifications"), value: "/settings/notifications" },
|
|
{ text: $_("map"), value: "/settings/map" },
|
|
{ text: $_("integrations"), value: "/settings/integrations" },
|
|
{ text: $_("similar-trails"), value: "/settings/maintenance/similar-trails" },
|
|
{ text: `${$_("import")}/${$_("export")}`, value: "/settings/export" },
|
|
{
|
|
text: $_("help"),
|
|
value: "https://wanderer.to/run/installation/quick",
|
|
},
|
|
];
|
|
|
|
let activeIndex = $derived(
|
|
settingsLinks.findIndex((l) => l.value === page.url.pathname),
|
|
);
|
|
|
|
function handleItemClick(e: Event, item: SelectItem) {
|
|
e.stopPropagation();
|
|
if (item.value != settingsLinks.at(-1)?.value) {
|
|
goto(item.value);
|
|
} else {
|
|
window.open(item.value, "_blank");
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<div
|
|
class="grid grid-cols-1 md:grid-cols-[256px_1fr] max-w-6xl mx-4 md:mx-auto gap-x-12 items-start"
|
|
>
|
|
<menu class="p-4 border border-input-border rounded-xl mb-4">
|
|
{#each settingsLinks as item, i}
|
|
<li
|
|
class="menu-item flex items-center px-4 py-3 my-1 cursor-pointer hover:bg-menu-item-background-hover focus:bg-menu-item-background-focus transition-colors rounded-md"
|
|
class:bg-menu-item-background-hover={i == activeIndex}
|
|
role="presentation"
|
|
onmousedown={(e) => handleItemClick(e, item)}
|
|
>
|
|
{item.text}
|
|
</li>
|
|
{/each}
|
|
</menu>
|
|
<div class="settings-content">
|
|
{@render children?.()}
|
|
</div>
|
|
</div>
|