Docker/AdventureLog
Docker/AdventureLog
1
0
Fork 0
mirror of https://github.com/seanmorley15/AdventureLog.git synced 2025-07-23 14:59:36 +02:00
Code Issues Releases Activity

localization v1

Browse source
This commit is contained in:
Sean Morley 2024-10-26 23:03:35 -04:00
parent 6f8864a13d
commit 6cf62cfb82
12 changed files with 661 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

21
frontend/src/lib/components/AboutModal.svelte
View file

@ -3,6 +3,7 @@
const dispatch = createEventDispatcher();
import { onMount } from 'svelte';
let modal: HTMLDialogElement;
import { t } from 'svelte-i18n';
import { appVersion, copyrightYear, versionChangelog } from '$lib/config';
onMount(() => {
@ -28,7 +29,7 @@
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
<div class="modal-box" role="dialog" on:keydown={handleKeydown} tabindex="0">
<h3 class="font-bold text-lg">
About AdventureLog<span class=" inline-block"
{$t('about.about')} AdventureLog<span class=" inline-block"
><img src="/favicon.png" alt="Map Logo" class="w-10 -mb-3 ml-2" /></span
>
</h3>
@ -49,28 +50,30 @@
class="text-primary-500 underline">Sean Morley</a
>
</p>
<p class="py-1">Licensed under the GPL-3.0 License.</p>
<p class="py-1">{$t('about.license')}</p>
<p class="py-1">
<a
href="https://github.com/seanmorley15/AdventureLog"
target="_blank"
rel="noopener noreferrer"
class="text-primary-500 underline">Source Code</a
class="text-primary-500 underline">{$t('about.source_code')}</a
>
</p>
<p class="py-1">Made with ❤️ in the United States.</p>
<p class="py-1">{$t('about.message')}</p>
<div class="divider"></div>
<h3 class="font-bold text-md">Open Source Attributions</h3>
<h3 class="font-bold text-md">{$t('about.oss_attributions')}</h3>
<p class="py-1 mb-4">
Location Search and Geocoding is provided by <a
{$t('about.nominatim_1')}
<a
target="_blank"
rel="noopener noreferrer"
class="text-primary-500 underline"
href="https://operations.osmfoundation.org/policies/nominatim/">OpenStreepMap</a
>. Their data is liscensed under the ODbL license.
<br /> Additional attributions can be found in the README file.
>. {$t('about.nominatim_2')}
<br />
{$t('about.other_attributions')}
</p>
<button class="btn btn-primary" on:click={close}>Close</button>
<button class="btn btn-primary" on:click={close}>{$t('about.close')}</button>
</div>
</dialog>

18
frontend/src/lib/components/Avatar.svelte
View file

@ -1,5 +1,6 @@
<script lang="ts">
import { goto } from '$app/navigation';
import { t } from 'svelte-i18n';
export let user: any;
@ -28,14 +29,17 @@
>
<!-- svelte-ignore a11y-missing-attribute -->
<!-- svelte-ignore a11y-missing-attribute -->
<p class="text-lg ml-4 font-bold">Hi, {user.first_name} {user.last_name}</p>
<li><button on:click={() => goto('/profile')}>Profile</button></li>
<li><button on:click={() => goto('/adventures')}>My Adventures</button></li>
<li><button on:click={() => goto('/activities')}>My Activities</button></li>
<li><button on:click={() => goto('/shared')}>Shared With Me</button></li>
<li><button on:click={() => goto('/settings')}>User Settings</button></li>
<p class="text-lg ml-4 font-bold">
{$t('navbar.greeting')}, {user.first_name}
{user.last_name}
</p>
<li><button on:click={() => goto('/profile')}>{$t('navbar.profile')}</button></li>
<li><button on:click={() => goto('/adventures')}>{$t('navbar.my_adventures')}</button></li>
<li><button on:click={() => goto('/activities')}>{$t('navbar.my_activities')}</button></li>
<li><button on:click={() => goto('/shared')}>{$t('navbar.shared_with_me')}</button></li>
<li><button on:click={() => goto('/settings')}>{$t('navbar.settings')}</button></li>
<form method="post">
<li><button formaction="/?/logout">Logout</button></li>
<li><button formaction="/?/logout">{$t('navbar.logout')}</button></li>
</form>
</ul>
</div>

56
frontend/src/lib/components/Navbar.svelte
View file

@ -15,6 +15,7 @@
import Avatar from './Avatar.svelte';
import PaletteOutline from '~icons/mdi/palette-outline';
import { page } from '$app/stores';
import { t } from 'svelte-i18n';
let query: string = '';
@ -72,28 +73,32 @@
>
{#if data.user}
<li>
<button on:click={() => goto('/adventures')}>Adventures</button>
<button on:click={() => goto('/adventures')}>{$t('navbar.adventures')}</button>
</li>
<li>
<button on:click={() => goto('/collections')}>Collections</button>
<button on:click={() => goto('/collections')}>{$t('navbar.collections')}</button>
</li>
<li>
<button on:click={() => goto('/worldtravel')}>World Travel</button>
<button on:click={() => goto('/worldtravel')}>{$t('navbar.worldtravel')}</button>
</li>
<li>
<button on:click={() => goto('/map')}>Map</button>
<button on:click={() => goto('/map')}>{$t('navbar.map')}</button>
</li>
<li>
<button on:click={() => goto('/users')}>Users</button>
<button on:click={() => goto('/users')}>{$t('navbar.users')}</button>
</li>
{/if}
{#if !data.user}
<li>
<button class="btn btn-primary" on:click={() => goto('/login')}>Login</button>
<button class="btn btn-primary" on:click={() => goto('/login')}
>{$t('navbar.login')}</button
>
</li>
<li>
<button class="btn btn-primary" on:click={() => goto('/signup')}>Signup</button>
<button class="btn btn-primary" on:click={() => goto('/signup')}
>{$t('navbar.signup')}</button
>
</li>
{/if}
@ -114,7 +119,9 @@
/>
</svg>
</label>
<button on:click={searchGo} type="submit" class="btn btn-primary">Search</button>
<button on:click={searchGo} type="submit" class="btn btn-primary"
>{$t('navbar.search')}</button
>
</form>
</ul>
</div>
@ -126,17 +133,22 @@
<ul class="menu menu-horizontal px-1 gap-2">
{#if data.user}
<li>
<button class="btn btn-neutral" on:click={() => goto('/adventures')}>Adventures</button>
</li>
<li>
<button class="btn btn-neutral" on:click={() => goto('/collections')}>Collections</button>
</li>
<li>
<button class="btn btn-neutral" on:click={() => goto('/worldtravel')}>World Travel</button
<button class="btn btn-neutral" on:click={() => goto('/adventures')}
>{$t('navbar.adventures')}</button
>
</li>
<li>
<button class="btn btn-neutral" on:click={() => goto('/map')}>Map</button>
<button class="btn btn-neutral" on:click={() => goto('/collections')}
>{$t('navbar.collections')}</button
>
</li>
<li>
<button class="btn btn-neutral" on:click={() => goto('/worldtravel')}
>{$t('navbar.worldtravel')}</button
>
</li>
<li>
<button class="btn btn-neutral" on:click={() => goto('/map')}>{$t('navbar.map')}</button>
</li>
<li>
<button class="btn btn-neutral" on:click={() => goto('/users')}
@ -147,10 +159,14 @@
{#if !data.user}
<li>
<button class="btn btn-primary" on:click={() => goto('/login')}>Login</button>
<button class="btn btn-primary" on:click={() => goto('/login')}
>{$t('navbar.login')}</button
>
</li>
<li>
<button class="btn btn-primary" on:click={() => goto('/signup')}>Signup</button>
<button class="btn btn-primary" on:click={() => goto('/signup')}
>{$t('navbar.signup')}</button
>
</li>
{/if}
@ -171,7 +187,9 @@
/>
</svg>
</label>
<button on:click={searchGo} type="submit" class="btn btn-neutral">Search</button>
<button on:click={searchGo} type="submit" class="btn btn-neutral"
>{$t('navbar.search')}</button
>
</form>
</ul>
</div>