New Electron

This commit is contained in:
AlphaX-Projects 2022-03-23 19:26:32 +01:00 committed by GitHub
parent 78e8df43da
commit 7e8cea47de
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -17,6 +17,7 @@ import '@polymer/app-layout/app-layout.js'
import '@polymer/paper-ripple' import '@polymer/paper-ripple'
import './settings-view/user-settings.js' import './settings-view/user-settings.js'
import './logout-view/logout-view.js'
class AppView extends connect(store)(LitElement) { class AppView extends connect(store)(LitElement) {
static get properties() { static get properties() {
@ -105,16 +106,22 @@ class AppView extends connect(store)(LitElement) {
</span> </span>
</div> </div>
<qort-theme-toggle></qort-theme-toggle> <qort-theme-toggle></qort-theme-toggle>
<div>&nbsp;&nbsp;&nbsp;&nbsp;</div>
<div style="display:inline">
<paper-icon-button icon="icons:settings" @click=${() => this.openSettings()} title="Settings"></paper-icon-button>
</div>
<div>&nbsp;&nbsp;</div> <div>&nbsp;&nbsp;</div>
<div style="display:inline"> <div style="display:inline">
<paper-icon-button icon="icons:settings" @click=${ () => this.openSettings()} title="Settings" ></paper-icon-button> <paper-icon-button icon="icons:exit-to-app" @click=${() => this.openLogout()} title="Logout"></paper-icon-button>
</div> </div>
<div>&nbsp;&nbsp;</div>
</app-toolbar> </app-toolbar>
</app-header> </app-header>
<show-plugin></show-plugin> <show-plugin></show-plugin>
</app-header-layout> </app-header-layout>
</app-drawer-layout> </app-drawer-layout>
<user-settings></user-settings> <user-settings></user-settings>
<logout-view></logout-view>
` `
} }
@ -133,6 +140,11 @@ class AppView extends connect(store)(LitElement) {
const settingsDialog = document.getElementById('main-app').shadowRoot.querySelector('app-view').shadowRoot.querySelector('user-settings') const settingsDialog = document.getElementById('main-app').shadowRoot.querySelector('app-view').shadowRoot.querySelector('user-settings')
settingsDialog.openSettings() settingsDialog.openSettings()
} }
openLogout() {
const logoutDialog = document.getElementById('main-app').shadowRoot.querySelector('app-view').shadowRoot.querySelector('logout-view')
logoutDialog.openLogout()
}
} }
window.customElements.define('app-view', AppView) window.customElements.define('app-view', AppView)