|
|
@ -2,6 +2,7 @@ import { LitElement, html, css } from 'lit' |
|
|
|
import { connect } from 'pwa-helpers' |
|
|
|
import { connect } from 'pwa-helpers' |
|
|
|
import { store } from '../../store.js' |
|
|
|
import { store } from '../../store.js' |
|
|
|
import { stateAwait } from '../../stateAwait.js' |
|
|
|
import { stateAwait } from '../../stateAwait.js' |
|
|
|
|
|
|
|
import { translate, translateUnsafeHTML } from 'lit-translate' |
|
|
|
|
|
|
|
|
|
|
|
import '@material/mwc-button' |
|
|
|
import '@material/mwc-button' |
|
|
|
import '@material/mwc-icon' |
|
|
|
import '@material/mwc-icon' |
|
|
@ -36,6 +37,7 @@ class LoginView extends connect(store)(LitElement) { |
|
|
|
config: { type: Object }, |
|
|
|
config: { type: Object }, |
|
|
|
rippleLoadingMessage: { type: String }, |
|
|
|
rippleLoadingMessage: { type: String }, |
|
|
|
selectedPageElement: {}, |
|
|
|
selectedPageElement: {}, |
|
|
|
|
|
|
|
nodeConfig: { type: Object }, |
|
|
|
theme: { type: String, reflect: true } |
|
|
|
theme: { type: String, reflect: true } |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
@ -132,10 +134,8 @@ class LoginView extends connect(store)(LitElement) { |
|
|
|
max-height:var(--window-height); |
|
|
|
max-height:var(--window-height); |
|
|
|
margin-right: auto; |
|
|
|
margin-right: auto; |
|
|
|
margin-left: auto; |
|
|
|
margin-left: auto; |
|
|
|
|
|
|
|
|
|
|
|
width: calc(100vw); |
|
|
|
width: calc(100vw); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.qortal-logo { |
|
|
|
.qortal-logo { |
|
|
|
margin-left: auto; |
|
|
|
margin-left: auto; |
|
|
|
margin-right: auto; |
|
|
|
margin-right: auto; |
|
|
@ -202,7 +202,6 @@ class LoginView extends connect(store)(LitElement) { |
|
|
|
border-radius: 4px; |
|
|
|
border-radius: 4px; |
|
|
|
} |
|
|
|
} |
|
|
|
#loginContainerPages [page="welcome"] { |
|
|
|
#loginContainerPages [page="welcome"] { |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media only screen and (max-width: ${getComputedStyle(document.body).getPropertyValue('--layout-breakpoint-tablet')}) { |
|
|
|
@media only screen and (max-width: ${getComputedStyle(document.body).getPropertyValue('--layout-breakpoint-tablet')}) { |
|
|
@ -222,7 +221,6 @@ class LoginView extends connect(store)(LitElement) { |
|
|
|
padding-left:12px; |
|
|
|
padding-left:12px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@keyframes fade { |
|
|
|
@keyframes fade { |
|
|
|
from { |
|
|
|
from { |
|
|
|
opacity: 0; |
|
|
|
opacity: 0; |
|
|
@ -258,9 +256,9 @@ class LoginView extends connect(store)(LitElement) { |
|
|
|
display: none; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
<div class="login-page" ?hidden=${this.loggedIn}> |
|
|
|
<div class="login-page" ?hidden=${this.loggedIn}> |
|
|
|
<mwc-fab icon="settings" style="position:fixed; right:24px; bottom:24px;" @click=${() => settings.show()}></mwc-fab> |
|
|
|
<mwc-fab icon="settings" style="position:fixed; right:24px; bottom:24px;" @click=${() => settings.show()}></mwc-fab> |
|
|
|
|
|
|
|
<h4 style="position:fixed; right:24px; bottom:-19px; color:#03a8f5">${translate("appinfo.uiversion")}: ${this.nodeConfig.version ? this.nodeConfig.version : ''}</h4> |
|
|
|
<span style="position:fixed; left:24px; bottom:24px;"><qort-theme-toggle></qort-theme-toggle></span> |
|
|
|
<span style="position:fixed; left:24px; bottom:24px;"><qort-theme-toggle></qort-theme-toggle></span> |
|
|
|
<div class="login-card-container"> |
|
|
|
<div class="login-card-container"> |
|
|
|
<div class="login-card-center-container"> |
|
|
|
<div class="login-card-center-container"> |
|
|
@ -294,6 +292,7 @@ class LoginView extends connect(store)(LitElement) { |
|
|
|
if (this.loggedIn && !state.app.loggedIn) this.cleanup() |
|
|
|
if (this.loggedIn && !state.app.loggedIn) this.cleanup() |
|
|
|
this.loggedIn = state.app.loggedIn |
|
|
|
this.loggedIn = state.app.loggedIn |
|
|
|
this.config = state.config |
|
|
|
this.config = state.config |
|
|
|
|
|
|
|
this.nodeConfig = state.app.nodeConfig |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
cleanup() { |
|
|
|
cleanup() { |
|
|
|