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

Better feedback when auto-updating and improve handling of disconnects and restarts
All checks were successful
/ build (push) Successful in 4m41s
Details
/ check-changes (push) Successful in 7s
Details

Browse source
This commit is contained in:
Djuri 2024-12-28 20:45:10 +01:00
parent 4057e18755
commit 468e105adf
12 changed files with 378 additions and 255 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/lib/components/Placeholder.svelte Normal file
View file

@ -0,0 +1,11 @@
<script lang="ts">
export let value: unknown;
export let checkValue: unknown = null;
export let width: number = 25;
$: valueToCheck = checkValue === null ? value : checkValue;
</script>
<span class:placeholder={!valueToCheck} class={!valueToCheck ? `w-${width}` : ''}>
{valueToCheck ? value : ''}
</span>

1
src/lib/components/index.ts
View file

@ -3,3 +3,4 @@ export { default as SettingsInput } from './SettingsInput.svelte';
export { default as SettingsSelect } from './SettingsSelect.svelte';
export { default as ToggleHeader } from './ToggleHeader.svelte';
export { default as ColorSchemeSwitcher } from './ColorSchemeSwitcher.svelte';
export { default as Placeholder } from './Placeholder.svelte';

3
src/lib/locales/de.json
View file

@ -107,7 +107,8 @@
"latestVersion": "Letzte Version",
"releaseDate": "Veröffentlichungsdatum",
"viewRelease": "Veröffentlichung anzeigen",
"autoUpdate": "Update installieren (experimentell)"
"autoUpdate": "Update installieren (experimentell)",
"autoUpdateInProgress": "Automatische Aktualisierung läuft, bitte warten..."
}
},
"colors": {

3
src/lib/locales/en.json
View file

@ -126,7 +126,8 @@
"latestVersion": "Latest Version",
"releaseDate": "Release Date",
"viewRelease": "View Release",
"autoUpdate": "Install update (experimental)"
"autoUpdate": "Install update (experimental)",
"autoUpdateInProgress": "Auto-update in progress, please wait..."
}
},
"colors": {

3
src/lib/locales/es.json
View file

@ -106,7 +106,8 @@
"latestVersion": "Ultima versión",
"releaseDate": "Fecha de lanzamiento",
"viewRelease": "Ver lanzamiento",
"autoUpdate": "Instalar actualización (experimental)"
"autoUpdate": "Instalar actualización (experimental)",
"autoUpdateInProgress": "Actualización automática en progreso, espere..."
}
},
"button": {

3
src/lib/locales/nl.json
View file

@ -97,7 +97,8 @@
"latestVersion": "Laatste versie",
"releaseDate": "Datum van publicatie",
"viewRelease": "Bekijk publicatie",
"autoUpdate": "Update installeren (experimenteel)"
"autoUpdate": "Update installeren (experimenteel)",
"autoUpdateInProgress": "Automatische update wordt uitgevoerd. Even geduld a.u.b...."
}
},
"colors": {

33
src/lib/style/app.scss
View file

@ -53,6 +53,8 @@ $input-font-size-sm: $font-size-base * 0.875;
@import '../node_modules/bootstrap/scss/tooltip';
@import '../node_modules/bootstrap/scss/toasts';
@import '../node_modules/bootstrap/scss/alert';
@import '../node_modules/bootstrap/scss/placeholders';
@import '../node_modules/bootstrap/scss/spinners';
@import '../node_modules/bootstrap/scss/helpers';
@import '../node_modules/bootstrap/scss/utilities/api';
@ -317,3 +319,34 @@ input[type='number'] {
.lightMode .bitaxelogo {
filter: brightness(0) saturate(100%);
}
.connection-lost-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
z-index: 1050;
display: flex;
justify-content: center;
align-items: center;
.overlay-content {
background-color: rgba(255, 255, 255, 0.75);
padding: 0.5rem;
border-radius: 0.5rem;
text-align: center;
i {
font-size: 1rem;
color: $danger;
margin-bottom: 1rem;
}
h4 {
margin-bottom: 0.5rem;
}
}
}