Compare commits
No commits in common. "70fb62fd6f8bc5996bc65f6502a56db6f9cb80c7" and "0a666afc58ca5a1d442be54b262d092965172ce9" have entirely different histories.
70fb62fd6f
...
0a666afc58
|
@ -3,31 +3,27 @@
|
||||||
{
|
{
|
||||||
title: 'Home',
|
title: 'Home',
|
||||||
path: '/',
|
path: '/',
|
||||||
svgPath: '/images/navigation/home.svg',
|
svgPath: '/images/navigation/home.svg'
|
||||||
icon: IconHome
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'PIS Finder',
|
title: 'PIS Finder',
|
||||||
path: '/pis/',
|
path: '/pis/',
|
||||||
svgPath: '/images/navigation/info.svg',
|
svgPath: '/images/navigation/info.svg'
|
||||||
icon: IconNumbers
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'Menu',
|
title: 'Menu',
|
||||||
path: '/more/',
|
path: '/more/',
|
||||||
svgPath: '/images/navigation/more.svg',
|
svgPath: '/images/navigation/more.svg'
|
||||||
icon: IconMenu2
|
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
import { page } from '$app/stores';
|
import { page } from '$app/stores';
|
||||||
import { IconHome, IconMenu2, IconNumbers } from '@tabler/icons-svelte';
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
|
||||||
{#each links as item}
|
{#each links as item}
|
||||||
<a href={item.path} class:active={$page.url.pathname == item.path}>
|
<a href={item.path} class:active={$page.url.pathname == item.path}>
|
||||||
<svelte:component this={item.icon} />
|
<img src={item.svgPath} alt={item.title} />
|
||||||
<br />
|
<br />
|
||||||
<span>{item.title}</span>
|
<span>{item.title}</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -1,20 +1,19 @@
|
||||||
<script>
|
<script>
|
||||||
import Header from '$lib/navigation/header.svelte';
|
import Header from '$lib/navigation/header.svelte';
|
||||||
import Nav from '$lib/navigation/nav.svelte';
|
import Nav from '$lib/navigation/nav.svelte';
|
||||||
import { IconCode, IconHelp, IconInfoCircle, IconLocation, IconMessageCode, IconNumber, IconSettings, IconSpy, IconUser, IconUserPlus, IconVersions } from '@tabler/icons-svelte';
|
|
||||||
const title = 'More';
|
const title = 'More';
|
||||||
|
|
||||||
const links = [
|
const links = [
|
||||||
{ title: 'Your Data', path: '/more/data', icon: IconUser},
|
{ title: 'Your Data', path: '/more/data' },
|
||||||
{ title: 'Registration', path: '/more/reg', icon: IconUserPlus },
|
{ title: 'Registration', path: '/more/reg' },
|
||||||
{ title: 'Settings', path: '/more/settings', icon: IconSettings },
|
{ title: 'Settings', path: '/more/settings' },
|
||||||
{ title: 'Help', path: '/more/help', icon: IconHelp },
|
{ title: 'Help', path: '/more/help' },
|
||||||
{ title: 'About', path: '/more/about', icon: IconInfoCircle },
|
{ title: 'About', path: '/more/about' },
|
||||||
{ title: 'Location Reference Code Lookup', path: '/more/corpus', icon: IconLocation },
|
{ title: 'Location Reference Code Lookup', path: '/more/corpus' },
|
||||||
{ title: 'Reason Code Lookup', path: '/more/reasons', icon: IconMessageCode },
|
{ title: 'Reason Code Lookup', path: '/more/reasons' },
|
||||||
{ title: 'Privacy Policy', path: '/more/privacy', icon: IconSpy },
|
{ title: 'Privacy Policy', path: '/more/privacy' },
|
||||||
{ title: 'Component Versions', path: '/more/versions', icon: IconVersions },
|
{ title: 'Component Versions', path: '/more/versions' },
|
||||||
{ title: 'Statistics', path: '/more/statistics', icon: IconNumber }
|
{ title: 'Statistics', path: '/more/statistics' }
|
||||||
];
|
];
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -23,7 +22,6 @@
|
||||||
{#each links as item}
|
{#each links as item}
|
||||||
<a href={item.path}>
|
<a href={item.path}>
|
||||||
<div>
|
<div>
|
||||||
<svelte:component this={item.icon} />
|
|
||||||
<p>{item.title}</p>
|
<p>{item.title}</p>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
@ -39,19 +37,13 @@
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-left: none;
|
border-left: none;
|
||||||
padding-left: 0.5rem;
|
|
||||||
overflow-x: hidden;
|
|
||||||
border-right: none;
|
border-right: none;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 0.5rem;
|
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
color: white;
|
color: white;
|
||||||
|
@ -62,7 +54,6 @@
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
}
|
||||||
@media (min-width: 600px) {
|
@media (min-width: 600px) {
|
||||||
p {
|
p {
|
||||||
|
|
|
@ -6,7 +6,6 @@
|
||||||
import LargeLogo from '$lib/images/large-logo.svelte';
|
import LargeLogo from '$lib/images/large-logo.svelte';
|
||||||
import { version, versionTag } from '$lib/stores/version';
|
import { version, versionTag } from '$lib/stores/version';
|
||||||
import { getApiUrl } from '$lib/scripts/upstream';
|
import { getApiUrl } from '$lib/scripts/upstream';
|
||||||
import { IconBrandGolang, IconBrandJavascript, IconBrandPython, IconBrandSvelte, IconBrandTypescript, IconFileTypeSql } from '@tabler/icons-svelte';
|
|
||||||
const title = 'Versions';
|
const title = 'Versions';
|
||||||
|
|
||||||
async function getData() {
|
async function getData() {
|
||||||
|
@ -25,7 +24,6 @@
|
||||||
{:then data}
|
{:then data}
|
||||||
<Island>
|
<Island>
|
||||||
<p>
|
<p>
|
||||||
<IconBrandSvelte />
|
|
||||||
<a class="data" href="https://git.fjla.uk/owlboard/owlboard-svelte" target="_blank"
|
<a class="data" href="https://git.fjla.uk/owlboard/owlboard-svelte" target="_blank"
|
||||||
>Web-app version<br /><span class="data"
|
>Web-app version<br /><span class="data"
|
||||||
>{version}{#if versionTag}-{versionTag}{/if}</span
|
>{version}{#if versionTag}-{versionTag}{/if}</span
|
||||||
|
@ -33,23 +31,19 @@
|
||||||
>
|
>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<IconBrandTypescript /><br>
|
|
||||||
<a class="data" href="https://git.fjla.uk/owlboard/backend" target="_blank">API Server version<br /><span class="data">{data?.backend || 'Unknown'}</span></a>
|
<a class="data" href="https://git.fjla.uk/owlboard/backend" target="_blank">API Server version<br /><span class="data">{data?.backend || 'Unknown'}</span></a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<IconBrandPython /><br>
|
|
||||||
<a class="data" href="https://git.fjla.uk/owlboard/db-manager" target="_blank">DB Manager version<br /><span class="data">{data?.['db-manager'] || 'Unknown'}</span></a>
|
<a class="data" href="https://git.fjla.uk/owlboard/db-manager" target="_blank">DB Manager version<br /><span class="data">{data?.['db-manager'] || 'Unknown'}</span></a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<IconBrandGolang /><br>
|
|
||||||
<a class="data" href="https://git.fjla.uk/owlboard/mq-client" target="_blank">MQ Client version<br /><span class="data">{data?.['mq-client'] || 'Not installed'}</span></a>
|
<a class="data" href="https://git.fjla.uk/owlboard/mq-client" target="_blank">MQ Client version<br /><span class="data">{data?.['mq-client'] || 'Not installed'}</span></a>
|
||||||
</p>
|
</p>
|
||||||
</Island>
|
</Island>
|
||||||
{:catch}
|
{:catch}
|
||||||
<Island>
|
<Island>
|
||||||
<p>
|
<p>
|
||||||
<IconBrandSvelte /><IconBrandJavascript /><IconBrandTypescript /><br>
|
Web-app Version<br /><span class="data">{version}-{versionTag}</span>
|
||||||
Web-app Version<br /><span class="data">{version}{#if versionTag}-{versionTag}{/if}</span>
|
|
||||||
</p>
|
</p>
|
||||||
<p>Unable to fetch server versions</p>
|
<p>Unable to fetch server versions</p>
|
||||||
</Island>
|
</Island>
|
||||||
|
|
Loading…
Reference in New Issue