Add tooltip to version icons

This commit is contained in:
Fred Boniface 2024-04-19 17:10:55 +01:00
parent 3b7f34bdab
commit ee8b547a19

View File

@ -7,6 +7,7 @@
import { version, versionTag } from '$lib/stores/version';
import { getApiUrl } from '$lib/scripts/upstream';
import { IconBrandGolang, IconBrandJavascript, IconBrandNodejs, IconBrandPython, IconBrandSvelte, IconBrandTypescript, IconFileTypeSql } from '@tabler/icons-svelte';
import Tooltip from '$lib/Tooltip.svelte';
const title = 'Versions';
async function getData() {
@ -25,7 +26,10 @@
{:then data}
<Island>
<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"
>Web-app version<br /><span class="data"
>{version}{#if versionTag}-{versionTag}{/if}</span
@ -33,15 +37,20 @@
>
</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>
</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>
</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>
</p>
</Island>