btclock/webui
3
0
Fork 2
Code Issues 1 Pull requests 11 Projects Releases 45 Packages Wiki Activity Actions

Add patch for inflexible sveltejs-kit

Browse source
This commit is contained in:
Djuri 2023-11-17 19:10:46 +01:00
parent 6740030a0c
commit e14e85425e
5 changed files with 62 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/routes/+layout.svelte
View file

@ -15,6 +15,7 @@
import { locale, locales, waitLocale } from 'svelte-i18n';
import type { LayoutLoad } from './$types';
import { browser } from '$app/environment';
import { page } from '$app/stores';
export const setLocale = (lang: string) => () => {
locale.set(lang);
@ -27,10 +28,10 @@
<Collapse navbar expand="md">
<Nav class="me-auto" navbar>
<NavItem>
<NavLink href="/">Home</NavLink>
<NavLink href="/" active="{$page.url.pathname === ("/")}">Home</NavLink>
</NavItem>
<NavItem>
<NavLink href="/api">API</NavLink>
<NavLink href="/api" active="{$page.url.pathname === ("/api")}">API</NavLink>
</NavItem>
</Nav>
<Dropdown inNavbar>

4
src/routes/+page.svelte
View file

@ -34,6 +34,10 @@
});
</script>
<svelte:head>
<title>&#8383;TClock</title>
</svelte:head>
<Container fluid>
<Row>
<Control bind:settings></Control>

43
src/routes/api/+page.svelte
View file

@ -4,21 +4,48 @@
import { onMount } from 'svelte';
import * as swaggerJson from './swagger.json';
//import SwaggerUI from 'swagger-ui';
//import 'swagger-ui/dist/swagger-ui.css';
// import SwaggerUI from 'swagger-ui';
import 'swagger-ui/dist/swagger-ui.css';
onMount(async () => {
// SwaggerUI({
// spec: swaggerJson,
// dom_id: '#swagger-ui-container'
// });
// @ts-ignore
SwaggerUIBundle({
spec: swaggerJson,
dom_id: '#swagger-ui-container',
presets: [
// @ts-ignore
SwaggerUIBundle.presets.apis,
// @ts-ignore
SwaggerUIStandalonePreset
],
// layout: "StandaloneLayout",
});
});
</script>
<svelte:head>
<title>API playground</title>
<title>API playground</title>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/5.10.0/swagger-ui-bundle.min.js"
integrity="sha512-Ckle4LZv9LhAfEdohBdUi+QCu0e7HkXHTeSPXfbDzbCsR87QNTUBylkBEPsBNn4Ph83yK1hJ6f2uH4QMtB0hTA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/5.10.0/swagger-ui-standalone-preset.min.js"
integrity="sha512-qwGi7EG31HcylzamsmacHLZJrfUGRuuHEaCMcOojuNpMu+paR554VjaCZ9LdUVTrmF8xC03YVqTzuKx0SDdruA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/swagger-ui/5.10.0/swagger-ui.min.css"
integrity="sha512-Ck+X9SARG7WscOTG4a8Qod5Zgd1MZlz4VtyyucjMJ3PnZy2lUl7q/v/0055yIfGM/v+f+216ME0/dv0qqtm6+g=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
</svelte:head>
<Container fluid>
<div id="swagger-ui-container" />
<div id="swagger-ui-container" />
</Container>