Add tooltip to version icons
This commit is contained in:
parent
3b7f34bdab
commit
ee8b547a19
@ -7,6 +7,7 @@
|
|||||||
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, IconBrandNodejs, IconBrandPython, IconBrandSvelte, IconBrandTypescript, IconFileTypeSql } from '@tabler/icons-svelte';
|
import { IconBrandGolang, IconBrandJavascript, IconBrandNodejs, IconBrandPython, IconBrandSvelte, IconBrandTypescript, IconFileTypeSql } from '@tabler/icons-svelte';
|
||||||
|
import Tooltip from '$lib/Tooltip.svelte';
|
||||||
const title = 'Versions';
|
const title = 'Versions';
|
||||||
|
|
||||||
async function getData() {
|
async function getData() {
|
||||||
@ -25,7 +26,10 @@
|
|||||||
{:then data}
|
{:then data}
|
||||||
<Island>
|
<Island>
|
||||||
<p>
|
<p>
|
||||||
<IconBrandSvelte /><IconBrandJavascript /><IconBrandTypescript /><br>
|
<Tooltip text="Svelte"><IconBrandSvelte /></Tooltip>
|
||||||
|
<Tooltip text="Javascript"><IconBrandJavascript/></Tooltip>
|
||||||
|
<Tooltip text="Typescript"><IconBrandTypescript /></Tooltip>
|
||||||
|
<br>
|
||||||
<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,15 +37,20 @@
|
|||||||
>
|
>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<IconBrandNodejs /><IconBrandJavascript /><IconBrandTypescript /><br>
|
<Tooltip text="NodeJS"><IconBrandNodejs /></Tooltip>
|
||||||
|
<Tooltip text="Javascript"><IconBrandJavascript /></Tooltip>
|
||||||
|
<Tooltip text="Typescript"><IconBrandTypescript /></Tooltip>
|
||||||
|
<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>
|
<Tooltip text="Python"><IconBrandPython /></Tooltip>
|
||||||
|
<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>
|
<Tooltip text="Go"><IconBrandGolang /></Tooltip>
|
||||||
|
<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>
|
||||||
|
Loading…
Reference in New Issue
Block a user