Lissy93/dashy
1
1
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2024-12-24 09:22:53 +03:00
Code Issues Packages Projects Releases Wiki Activity

💬 Translate critical error text, and update styles

Browse Source
This commit is contained in:
Alicia Sykes 2024-04-27 00:45:30 +01:00
parent 9e6fb17d93
commit db63362327
3 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/locales/en.json
View File

@ -312,6 +312,14 @@
"view-title": "View Config" "view-title": "View Config"
} }
}, },
"critical-error": {
"title": "Configuration Load Error",
"subtitle": "Dashy has failed to load correctly due to a configuration error.",
"sub-ensure-that": "Ensure that",
"sub-error-details": "Error Details",
"sub-next-steps": "Next Steps",
"ignore-button": "Ignore Critical Errors"
},
"widgets": { "widgets": {
"general": { "general": {
"loading": "Loading...", "loading": "Loading...",

17
src/components/PageStrcture/CriticalError.vue
View File

@ -1,19 +1,17 @@
<template> <template>
<div class="critical-error-wrap" v-if="shouldShow"> <div class="critical-error-wrap" v-if="shouldShow">
<button class="close" title="Close Warning" @click="close">🗙</button> <button class="close" title="Close Warning" @click="close">🗙</button>
<h3>Configuration Load Error</h3> <h3>{{ $t('critical-error.title') }}</h3>
<p> <p>{{ $t('critical-error.subtitle') }}</p>
Dashy has failed to load correctly due to a configuration error. <h4>{{ $t('critical-error.sub-ensure-that') }}</h4>
</p>
<h4>Ensure that</h4>
<ul> <ul>
<li>The configuration file can be found at the specified location</li> <li>The configuration file can be found at the specified location</li>
<li>There are no CORS rules preventing client-side access</li> <li>There are no CORS rules preventing client-side access</li>
<li>The YAML is valid, parsable and matches the schema</li> <li>The YAML is valid, parsable and matches the schema</li>
</ul> </ul>
<h4>Error Details</h4> <h4>{{ $t('critical-error.sub-error-details') }}</h4>
<pre>{{ this.$store.state.criticalError }}</pre> <pre>{{ this.$store.state.criticalError }}</pre>
<h4>Next Steps</h4> <h4>{{ $t('critical-error.sub-next-steps') }}</h4>
<ul> <ul>
<li>Check the browser console for more details <li>Check the browser console for more details
(<a href="https://github.com/Lissy93/dashy/blob/master/docs/troubleshooting.md#how-to-open-browser-console">see how</a>) (<a href="https://github.com/Lissy93/dashy/blob/master/docs/troubleshooting.md#how-to-open-browser-console">see how</a>)
@ -29,7 +27,9 @@
</li> </li>
<li>Click 'Ignore Critical Errors' below to not show this warning again</li> <li>Click 'Ignore Critical Errors' below to not show this warning again</li>
</ul> </ul>
<button class="user-doesnt-care" @click="ignoreWarning">Ignore Critical Errors</button> <button class="user-doesnt-care" @click="ignoreWarning">
{{ $t('critical-error.ignore-button') }}
</button>
</div> </div>
</template> </template>
@ -69,6 +69,7 @@ export default {
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index: 3; z-index: 3;
max-width: 50rem;
background: var(--background-darker); background: var(--background-darker);
padding: 1rem; padding: 1rem;
border-radius: var(--curve-factor); border-radius: var(--curve-factor);

7
src/styles/color-themes.scss
View File

@ -1717,6 +1717,7 @@ html[data-theme='neomorphic'] {
.config-buttons > svg, .config-buttons > svg,
.display-options svg, .display-options svg,
form.minimal input, form.minimal input,
.critical-error-wrap button.user-doesnt-care,
a.config-button, button.config-button { a.config-button, button.config-button {
border-radius: 0.35rem; border-radius: 0.35rem;
box-shadow: var(--glass-button-shadow); box-shadow: var(--glass-button-shadow);
@ -1724,6 +1725,7 @@ html[data-theme='neomorphic'] {
border: 1px solid rgba(255, 255, 255, 0.19); border: 1px solid rgba(255, 255, 255, 0.19);
background: rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.15);
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
text-decoration: none;
&:hover, &.selected { &:hover, &.selected {
box-shadow: var(--glass-button-hover-shadow); box-shadow: var(--glass-button-hover-shadow);
border: 1px solid rgba(255, 255, 255, 0.25) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important;
@ -1791,6 +1793,11 @@ html[data-theme='neomorphic'] {
background: rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(50px); backdrop-filter: blur(50px);
} }
.critical-error-wrap {
backdrop-filter: blur(15px);
background: #0f0528c4;
}
} }
html[data-theme='glass'] { html[data-theme='glass'] {