You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
2.1 KiB
70 lines
2.1 KiB
<script> |
|
import { onMount } from 'svelte'; |
|
import { useTinyRouter } from 'svelte-tiny-router'; |
|
|
|
import { logout, user } from '../user.svelte.js'; |
|
import { t } from '../translations.svelte.js'; |
|
|
|
import TimeRecorder from './TimeRecorder.svelte'; |
|
|
|
let key = $state(null); |
|
const router = useTinyRouter(); |
|
const modules = $state([]); |
|
|
|
async function fetchModules(){ |
|
const url = `${location.protocol}//${location.host.replace('5173','8080')}/legacy/user/modules`; |
|
const resp = await fetch(url,{credentials:'include'}); |
|
if (resp.ok){ |
|
const arr = await resp.json(); |
|
for (let entry of arr) { |
|
let name = t('module.'+entry.module); |
|
if (name) modules.push({name:name,url:entry.url}); |
|
} |
|
} else { |
|
console.log('error'); |
|
} |
|
} |
|
|
|
function go(path){ |
|
router.navigate(path); |
|
return false; |
|
} |
|
|
|
async function search(e){ |
|
e.preventDefault(); |
|
router.navigate(`/search?key=${key}`); |
|
return false; |
|
} |
|
|
|
onMount(fetchModules); |
|
</script> |
|
|
|
<style> |
|
nav a{ |
|
padding: 3px; |
|
} |
|
</style> |
|
|
|
<nav> |
|
<form onsubmit={search}> |
|
<input type="text" bind:value={key} /> |
|
<button type="submit">{t('search')}</button> |
|
</form> |
|
<a href="#" onclick={() => go('/user')}>{t('users')}</a> |
|
<a href="#" onclick={() => go('/company')}>{t('companies')}</a> |
|
<a href="#" onclick={() => go('/project')}>{t('projects')}</a> |
|
<a href="#" onclick={() => go('/task')}>{t('tasks')}</a> |
|
<a href="#" onclick={() => go('/document')}>{t('documents')}</a> |
|
<a href="#" onclick={() => go('/bookmark')}>{t('bookmarks')}</a> |
|
<a href="#" onclick={() => go('/notes')}>{t('notes')}</a> |
|
<a href="#" onclick={() => go('/time')}>{t('timetracking')}</a> |
|
<a href="#" onclick={() => go('/wiki')}>{t('wiki')}</a> |
|
<a href="https://svelte.dev/tutorial/svelte/state" target="_blank">{t('tutorial')}</a> |
|
{#each modules as module,i} |
|
{#if module.name.trim()}<a href={module.url}>{module.name}</a>{/if} |
|
{/each} |
|
{#if user.name } |
|
<a onclick={logout}>{t('logout')}</a> |
|
{/if} |
|
<TimeRecorder /> |
|
</nav>
|
|
|