blitzwing/cobalt-7
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web/debug: show page content only when debug mode is enabled

Browse source
This commit is contained in:
wukko 2024-07-10 23:52:44 +06:00
parent 6c7695ca6c
commit 936da1c9ab
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 34 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
web/src/routes/settings/advanced/debug/+page.svelte
View file

@ -1,39 +1,51 @@
<script lang="ts">
import { device, app } from "$lib/device";
import { version } from "$lib/version";
import settings from "$lib/settings";
import { goto } from "$app/navigation";
import { defaultSettingsPage } from "$lib/settings/defaults";
$: {
if (!$settings.advanced.debug) {
goto(defaultSettingsPage(), { replaceState: true });
}
}
</script>
<div id="advanced-page">
device:
<div class="message-container subtext">
is.iPad: {device.is.iPad}
is.iPhone: {device.is.iPhone}
is.iOS: {device.is.iOS}
is.android: {device.is.android}
is.mobile: {device.is.mobile}
preferredLocale: {device.preferredLocale}
</div>
{#if $settings.advanced.debug}
<div id="advanced-page">
device:
<div class="message-container subtext">
is.iPad: {device.is.iPad}
is.iPhone: {device.is.iPhone}
is.iOS: {device.is.iOS}
is.android: {device.is.android}
is.mobile: {device.is.mobile}
preferredLocale: {device.preferredLocale}
</div>
app:
<div class="message-container subtext">
is.installed: {app.is.installed}
</div>
app:
<div class="message-container subtext">
is.installed: {app.is.installed}
</div>
version:
<div class="message-container subtext">
version: {version.version}
commit: {version.commit.slice(0, 7)}
branch: {version.branch}
remote: {version.remote}
version:
<div class="message-container subtext">
version: {version.version}
commit: {version.commit.slice(0, 7)}
branch: {version.branch}
remote: {version.remote}
</div>
</div>
</div>
{/if}
<style>
#advanced-page {
display: flex;
flex-direction: column;
padding: var(--padding);
gap: var(--padding)
gap: var(--padding);
}
.message-container {