diff --git a/qortal-ui-core/src/components/sidenav-menu.js b/qortal-ui-core/src/components/sidenav-menu.js deleted file mode 100644 index f79559fe..00000000 --- a/qortal-ui-core/src/components/sidenav-menu.js +++ /dev/null @@ -1,250 +0,0 @@ -import { LitElement, html, css } from 'lit'; -import { connect } from 'pwa-helpers'; -import { store } from '../store.js'; -import { translate, translateUnsafeHTML } from 'lit-translate'; - -import '@polymer/paper-ripple'; -import '@vaadin/icon'; -import '@vaadin/icons'; - -import '../functional-components/side-menu.js'; -import '../functional-components/side-menu-item.js'; -import './start-minting.js' - -class SidenavMenu extends connect(store)(LitElement) { - static get properties() { - return { - config: { type: Object }, - urls: { type: Object }, - nodeType: { type: String, reflect: true }, - theme: { type: String, reflect: true }, - addressInfo: { type: Object } - }; - } - - static get styles() { - return [ - css` - * { - --item-selected-color: var(--nav-selected-color); - --item-selected-color-text: var(--nav-selected-color-text); - --item-color-active: var(--nav-color-active); - --item-color-hover: var(--nav-color-hover); - --item-text-color: var(--nav-text-color); - --item-icon-color: var(--nav-icon-color); - --item-border-color: var(--nav-border-color); - --item-border-selected-color: var(--nav-border-selected-color); - } - - .s-menu { - list-style: none; - padding: 0px 0px; - background: var(--sidetopbar); - border-radius: 2px; - width: 100%; - border-top: 1px solid var(--border); - outline: none; - } - `, - ]; - } - - constructor() { - super(); - this.urls = []; - this.nodeType = ''; - this.theme = localStorage.getItem('qortalTheme') ? localStorage.getItem('qortalTheme') : 'light'; - this.addressInfo = {}; - } - - render() { - return html` -
- - ${this.renderNodeTypeMenu()} - -
- `; - } - - firstUpdated() { - this.getNodeType(); - } - - async getNodeType() { - const myNode = - store.getState().app.nodeConfig.knownNodes[ - store.getState().app.nodeConfig.node - ]; - const nodeUrl = - myNode.protocol + '://' + myNode.domain + ':' + myNode.port; - const url = `${nodeUrl}/admin/info`; - await fetch(url) - .then((response) => { - return response.json(); - }) - .then((data) => { - this.nodeType = data.type; - }) - .catch((err) => { - console.error('Request failed', err); - }); - } - - renderNodeTypeMenu() { - const addressInfo = this.addressInfo; - const isMinter = addressInfo?.error !== 124 && +addressInfo?.level > 0; - const isSponsor = +addressInfo?.level >= 5 - - if (this.nodeType === 'lite') { - return html` - - - - - - - - - - - - - ${this.renderNodeManagement()} - `; - } else { - return html` - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ${this.renderNodeManagement()} - -
- -
- `; - } - } - - renderNodeManagement() { - const checkNodeManagement = store.getState().app.nodeConfig.knownNodes[store.getState().app.nodeConfig.node]; - if ((checkNodeManagement.enableManagement = true)) { - return html` - - - - `; - } else { - return html``; - } - } - - stateChanged(state) { - this.config = state.config; - this.urls = state.app.registeredUrls; - this.addressInfo = state.app.accountInfo.addressInfo; - } -} - -window.customElements.define('sidenav-menu', SidenavMenu);