-
-
this.goBack()} class="address-bar-button">arrow_back_ios Back
+
+
+
+ this.goBack()} class="address-bar-button">arrow_back_ios Back
+
+
+
+
Publish / Update ${this.category}
+
Note: it is recommended that you set up port forwarding before hosting data, so that it can more easily accessed by peers on the network.
-
-
Publish / Update ${this.category}
-
Note: it is recommended that you set up port forwarding before hosting data, so that it can more easily accessed by peers on the network.
-
-
-
- this.selectName(e)} style="min-width: 130px; max-width:100%; width:100%;">
- ${this.myRegisteredName}
-
-
- ${this.renderUploadField()}
-
-
-
-
-
- ${this.generalMessage}
- ${this.errorMessage}
- ${this.successMessage}
+
+
+
+ this.selectName(e)} style="min-width: 130px; max-width:100%; width:100%;">
+ ${this.myRegisteredName}
+
+
+ ${this.renderUploadField()}
+
+
+
+
- ${this.loading ? html`
` : ''}
+
${this.generalMessage}
+
${this.errorMessage}
+
${this.successMessage}
-
- `
+
+ `
+ }
+
+ firstUpdated() {
+
+ this.changeTheme()
+
+ setInterval(() => {
+ this.changeTheme();
+ }, 100)
+
+ window.addEventListener('contextmenu', (event) => {
+ event.preventDefault()
+ this._textMenu(event)
+ })
+
+ window.addEventListener('click', () => {
+ parentEpml.request('closeCopyTextMenu', null)
+ })
+
+ window.onkeyup = (e) => {
+ if (e.keyCode === 27) {
+ parentEpml.request('closeCopyTextMenu', null)
+ }
+ }
+ }
+
+ changeTheme() {
+ const checkTheme = localStorage.getItem('qortalTheme')
+ if (checkTheme === 'dark') {
+ this.theme = 'dark';
+ } else {
+ this.theme = 'light';
+ }
+ document.querySelector('html').setAttribute('theme', this.theme);
}
// Navigation
-
goBack() {
window.history.back();
}
@@ -140,13 +281,13 @@ class PublishData extends LitElement {
renderUploadField() {
if (this.uploadType === "file") {
return html`
-
`;
}
else if (this.uploadType === "zip") {
return html`
Select zip file containing static content:
`;
}
else {
@@ -291,7 +432,6 @@ class PublishData extends LitElement {
url: `${uploadDataUrl}?apiKey=${this.getApiKey()}`,
body: `${postBody}`,
})
-
return uploadDataRes
}
@@ -302,7 +442,6 @@ class PublishData extends LitElement {
url: `/transactions/convert`,
body: `${transactionBytesBase58}`,
})
-
return convertedBytes
}
@@ -345,20 +484,11 @@ class PublishData extends LitElement {
else {
myResponse = response
}
-
return myResponse
}
-
validate()
}
-
- // Helper Functions (Re-Used in Most part of the UI )
-
- textColor(color) {
- return color == 'light' ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.87)'
- }
-
_textMenu(event) {
const getSelectedText = () => {
var text = ''
@@ -380,123 +510,9 @@ class PublishData extends LitElement {
parentEpml.request('openCopyTextMenu', textMenuObject)
}
}
-
checkSelectedTextAndShowMenu()
}
- constructor() {
- super()
-
- this.showName = false;
- this.showService = false
- this.showIdentifier = false
-
- const urlParams = new URLSearchParams(window.location.search)
- this.name = urlParams.get('name')
- this.service = urlParams.get('service')
- this.identifier = urlParams.get('identifier')
- this.category = urlParams.get('category')
- this.uploadType = urlParams.get('uploadType') !== "null" ? urlParams.get('uploadType') : "file"
-
- if (urlParams.get('showName') === "true") {
- this.showName = true
- }
- if (urlParams.get('showService') === "true") {
- this.showService = true
- }
- if (urlParams.get('showIdentifier') === "true") {
- this.showIdentifier = true
- }
-
- if (this.identifier != null) {
- if (this.identifier === "null" || this.identifier.trim().length == 0) {
- this.identifier = null
- }
- }
-
- // Default to true so the message doesn't appear and disappear quickly
- this.portForwardingEnabled = true
- this.names = []
- this.myRegisteredName = ''
- this.selectedName = 'invalid'
- this.path = ''
- this.successMessage = ''
- this.generalMessage = ''
- this.errorMessage = ''
- this.loading = false
- this.btnDisable = false
-
- const fetchNames = () => {
- parentEpml.request('apiCall', {
- url: `/names/address/${this.selectedAddress.address}?limit=0&reverse=true`
- }).then(res => {
-
- setTimeout(() => {
- this.names = res
- if (res[0] != null) {
- this.myRegisteredName = res[0].name;
- }
- }, 1)
- })
- setTimeout(fetchNames, this.config.user.nodeSettings.pingInterval)
- }
-
- const fetchPeersSummary = () => {
- parentEpml.request('apiCall', {
- url: `/peers/summary`
- }).then(res => {
-
- setTimeout(() => {
- this.portForwardingEnabled = (res.inboundConnections != null && res.inboundConnections > 0);
- }, 1)
- })
- setTimeout(fetchPeersSummary, this.config.user.nodeSettings.pingInterval)
- }
-
- let configLoaded = false
- parentEpml.ready().then(() => {
- parentEpml.subscribe('selected_address', async selectedAddress => {
- this.selectedAddress = {}
- selectedAddress = JSON.parse(selectedAddress)
- if (!selectedAddress || Object.entries(selectedAddress).length === 0) return
- this.selectedAddress = selectedAddress
- })
- parentEpml.subscribe('config', c => {
- if (!configLoaded) {
- setTimeout(fetchNames, 1)
- setTimeout(fetchPeersSummary, 1)
- configLoaded = true
- }
- this.config = JSON.parse(c)
- })
- parentEpml.subscribe('copy_menu_switch', async value => {
-
- if (value === 'false' && window.getSelection().toString().length !== 0) {
-
- this.clearSelection()
- }
- })
- })
- }
-
- firstUpdated() {
-
- window.addEventListener('contextmenu', (event) => {
- event.preventDefault()
- this._textMenu(event)
- })
-
- window.addEventListener('click', () => {
- parentEpml.request('closeCopyTextMenu', null)
- })
-
- window.onkeyup = (e) => {
- if (e.keyCode === 27) {
- parentEpml.request('closeCopyTextMenu', null)
- }
- }
- }
-
selectName(e) {
let name = this.shadowRoot.getElementById('registeredName')
this.selectedName = (name.value)
diff --git a/qortal-ui-plugins/plugins/core/qdn/websites.src.js b/qortal-ui-plugins/plugins/core/qdn/websites.src.js
index 3eb65edf..116450bc 100644
--- a/qortal-ui-plugins/plugins/core/qdn/websites.src.js
+++ b/qortal-ui-plugins/plugins/core/qdn/websites.src.js
@@ -388,6 +388,8 @@ class Websites extends LitElement {
firstUpdated() {
+ this.changeTheme()
+
setInterval(() => {
this.changeTheme();
}, 100)
@@ -404,7 +406,7 @@ class Websites extends LitElement {
})
this.followedNames = followedNames
- setTimeout(getFollowedNames, 60000)
+ setTimeout(getFollowedNames, 120000)
}
const getBlockedNames = async () => {
@@ -413,7 +415,7 @@ class Websites extends LitElement {
})
this.blockedNames = blockedNames
- setTimeout(getBlockedNames, 60000)
+ setTimeout(getBlockedNames, 120000)
}
const getWebFollowedNames = async () => {
@@ -422,7 +424,7 @@ class Websites extends LitElement {
})
this.webFollowedNames = webFollowedNames
- setTimeout(getWebFollowedNames, 60000)
+ setTimeout(getWebFollowedNames, 120000)
}
const getWebBlockedNames = async () => {
@@ -431,7 +433,7 @@ class Websites extends LitElement {
})
this.webBlockedNames = webBlockedNames
- setTimeout(getWebBlockedNames, 60000)
+ setTimeout(getWebBlockedNames, 120000)
}
const getBlockFollowedNames = async () => {
@@ -440,7 +442,7 @@ class Websites extends LitElement {
})
this.blockFollowedNames = blockFollowedNames
- setTimeout(getBlockFollowedNames, 60000)
+ setTimeout(getBlockFollowedNames, 120000)
}
const getBlockBlockedNames = async () => {
@@ -449,7 +451,7 @@ class Websites extends LitElement {
})
this.blockBlockedNames = blockBlockedNames
- setTimeout(getBlockBlockedNames, 60000)
+ setTimeout(getBlockBlockedNames, 120000)
}
const getSearchFollowedNames = async () => {
@@ -458,7 +460,7 @@ class Websites extends LitElement {
})
this.searchFollowedNames = searchFollowedNames
- setTimeout(getSearchFollowedNames, 60000)
+ setTimeout(getSearchFollowedNames, 120000)
}
const getSearchBlockedNames = async () => {
@@ -467,7 +469,7 @@ class Websites extends LitElement {
})
this.searchBlockedNames = searchBlockedNames
- setTimeout(getSearchBlockedNames, 60000)
+ setTimeout(getSearchBlockedNames, 120000)
}
const getRelayMode = async () => {
@@ -476,7 +478,7 @@ class Websites extends LitElement {
})
this.relayMode = relayMode;
- setTimeout(getRelayMode, 60000)
+ setTimeout(getRelayMode, 120000)
}
window.addEventListener("contextmenu", (event) => {
@@ -518,8 +520,8 @@ class Websites extends LitElement {
setTimeout(getSearchBlockedNames, 1)
setTimeout(getRelayMode, 1)
setInterval(this.getArbitraryResources, 120000)
- setInterval(this.getFollowedWebsites, 60000)
- setInterval(this.getBlockedWebsites, 60000)
+ setInterval(this.getFollowedWebsites, 120000)
+ setInterval(this.getBlockedWebsites, 120000)
configLoaded = true
}
this.config = JSON.parse(c)
diff --git a/qortal-ui-plugins/plugins/core/reward-share/reward-share.src.js b/qortal-ui-plugins/plugins/core/reward-share/reward-share.src.js
index 2b8bff8c..454a6b3d 100644
--- a/qortal-ui-plugins/plugins/core/reward-share/reward-share.src.js
+++ b/qortal-ui-plugins/plugins/core/reward-share/reward-share.src.js
@@ -165,6 +165,8 @@ class RewardShare extends LitElement {
firstUpdated() {
+ this.changeTheme()
+
setInterval(() => {
this.changeTheme();
}, 100)
diff --git a/qortal-ui-plugins/plugins/core/send-coin/send-coin.src.js b/qortal-ui-plugins/plugins/core/send-coin/send-coin.src.js
index ab0bbe43..0381c714 100644
--- a/qortal-ui-plugins/plugins/core/send-coin/send-coin.src.js
+++ b/qortal-ui-plugins/plugins/core/send-coin/send-coin.src.js
@@ -275,6 +275,8 @@ class SendMoneyPage extends LitElement {
firstUpdated() {
+ this.changeTheme()
+
setInterval(() => {
this.changeTheme();
}, 100)
diff --git a/qortal-ui-plugins/plugins/core/trade-portal/trade-portal.src.js b/qortal-ui-plugins/plugins/core/trade-portal/trade-portal.src.js
index ebfdb2e1..affbd1e6 100644
--- a/qortal-ui-plugins/plugins/core/trade-portal/trade-portal.src.js
+++ b/qortal-ui-plugins/plugins/core/trade-portal/trade-portal.src.js
@@ -855,8 +855,11 @@ class TradePortal extends LitElement {
}
firstUpdated() {
+
let _this = this
+ this.changeTheme()
+
setInterval(() => {
this.changeTheme();
}, 100)
diff --git a/qortal-ui-plugins/plugins/core/wallet/wallet-app.src.js b/qortal-ui-plugins/plugins/core/wallet/wallet-app.src.js
index 43f671ad..e21beca0 100644
--- a/qortal-ui-plugins/plugins/core/wallet/wallet-app.src.js
+++ b/qortal-ui-plugins/plugins/core/wallet/wallet-app.src.js
@@ -660,6 +660,8 @@ class MultiWallet extends LitElement {
firstUpdated() {
+ this.changeTheme()
+
setInterval(() => {
this.changeTheme();
}, 100)
From b0b19b77eb1ab0d432aacd5ae05d52f242320f38 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Wed, 9 Mar 2022 02:46:29 -0800
Subject: [PATCH 09/21] WIP
---
qortal-ui-core/config/default.styles.config.js | 9 ---------
qortal-ui-core/config/default.user.config.js | 1 -
2 files changed, 10 deletions(-)
diff --git a/qortal-ui-core/config/default.styles.config.js b/qortal-ui-core/config/default.styles.config.js
index 1a3e7590..ad0a5b04 100644
--- a/qortal-ui-core/config/default.styles.config.js
+++ b/qortal-ui-core/config/default.styles.config.js
@@ -34,15 +34,6 @@ const styles = {
'#2196f3',
'#d81b60'
]
- },
- // Will make theme be calculated from config.styles.themes[config.user.theme]... or make theme the base..so it becomes theme = {...config.styles.theme, ...config.styles.themes[config.user.theme]}
- themes: {
- light: {
- // ...
- },
- dark: {
- // ...
- }
}
}
diff --git a/qortal-ui-core/config/default.user.config.js b/qortal-ui-core/config/default.user.config.js
index ea0defd7..82c73732 100644
--- a/qortal-ui-core/config/default.user.config.js
+++ b/qortal-ui-core/config/default.user.config.js
@@ -6,7 +6,6 @@ const user = {
pingInterval: 10 * 1000, // (10 secs)
},
language: 'english', // default...english
- theme: 'light',
server: {
writeHosts: {
enabled: true,
From d17bc3ce69e6627f12236b74517d0622328d487a Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Wed, 9 Mar 2022 02:47:27 -0800
Subject: [PATCH 10/21] Fix
---
qortal-ui-core/src/plugins/streams.js | 11 ++++++-----
qortal-ui-core/src/redux/app/actions/node-config.js | 2 +-
qortal-ui-core/src/redux/config/config-reducer.js | 1 -
3 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/qortal-ui-core/src/plugins/streams.js b/qortal-ui-core/src/plugins/streams.js
index 18bf5f53..ad6696d1 100644
--- a/qortal-ui-core/src/plugins/streams.js
+++ b/qortal-ui-core/src/plugins/streams.js
@@ -4,7 +4,7 @@ import { EpmlStream } from 'epml'
const LOGIN_STREAM_NAME = 'logged_in'
const CONFIG_STREAM_NAME = 'config'
const SELECTED_ADDRESS_STREAM_NAME = 'selected_address'
-// const APP_INFO_STATE = 'app_info_state'
+const APP_INFO_STATE = 'app_info_state'
const CHAT_HEADS_STREAM_NAME = 'chat_heads'
const NODE_CONFIG_STREAM_NAME = 'node_config'
const COPY_MENU_SWITCH = 'copy_menu_switch'
@@ -13,7 +13,7 @@ const FRAME_PASTE_MENU_SWITCH = 'frame_paste_menu_switch'
export const loggedInStream = new EpmlStream(LOGIN_STREAM_NAME, () => store.getState().app.loggedIn)
export const configStream = new EpmlStream(CONFIG_STREAM_NAME, () => store.getState().config)
export const selectedAddressStream = new EpmlStream(SELECTED_ADDRESS_STREAM_NAME, () => store.getState().app.selectedAddress)
-// export const appInfoStateStream = new EpmlStream(APP_INFO_STATE, () => store.getState().app.appInfo)
+export const appInfoStateStream = new EpmlStream(APP_INFO_STATE, () => store.getState().app.appInfo)
export const chatHeadsStateStream = new EpmlStream(CHAT_HEADS_STREAM_NAME, () => store.getState().app.chatHeads)
export const nodeConfigStream = new EpmlStream(NODE_CONFIG_STREAM_NAME, () => store.getState().app.nodeConfig)
export const copyMenuSwitchStream = new EpmlStream(COPY_MENU_SWITCH, () => store.getState().app.copyMenuSwitch)
@@ -59,8 +59,9 @@ store.subscribe(() => {
chatHeadsStateStream.emit(state.app.chatHeads)
}
- // if (oldState.app.appInfo !== state.app.appInfo) {
- // appInfoStateStream.emit(state.app.appInfo)
- // }
+ if (oldState.app.appInfo !== state.app.appInfo) {
+ appInfoStateStream.emit(state.app.appInfo)
+ }
+
oldState = state
})
diff --git a/qortal-ui-core/src/redux/app/actions/node-config.js b/qortal-ui-core/src/redux/app/actions/node-config.js
index 20612381..7c4be8c4 100644
--- a/qortal-ui-core/src/redux/app/actions/node-config.js
+++ b/qortal-ui-core/src/redux/app/actions/node-config.js
@@ -97,7 +97,7 @@ const obj4 = {
protocol: 'http',
domain: '127.0.0.1',
port: 62391,
- enableManagement: false
+ enableManagement: true
}
const obj5 = {
diff --git a/qortal-ui-core/src/redux/config/config-reducer.js b/qortal-ui-core/src/redux/config/config-reducer.js
index 9dc83059..5a53f4d1 100644
--- a/qortal-ui-core/src/redux/config/config-reducer.js
+++ b/qortal-ui-core/src/redux/config/config-reducer.js
@@ -17,7 +17,6 @@ const DEFAULT_INITIAL_STATE = {
},
user: {
language: 'english',
- theme: 'light',
server: {},
node: 0,
knownNodes: [{}]
From 67ecc02ab997047a2429603e52d774350dd9daa5 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Wed, 9 Mar 2022 11:49:17 +0100
Subject: [PATCH 11/21] Update dependencies
---
qortal-ui-core/package.json | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/qortal-ui-core/package.json b/qortal-ui-core/package.json
index a281a663..4cc43b64 100644
--- a/qortal-ui-core/package.json
+++ b/qortal-ui-core/package.json
@@ -65,12 +65,12 @@
"epml": "^0.3.3",
"file-saver": "^2.0.5",
"lit": "^2.2.0",
- "postcss": "^8.4.7",
+ "postcss": "^8.4.8",
"pwa-helpers": "^0.9.1",
"random-sentence-generator": "^0.0.8",
"redux": "^4.1.2",
"redux-thunk": "^2.4.1",
- "rollup": "^2.68.0",
+ "rollup": "^2.70.0",
"rollup-plugin-node-globals": "^1.4.0",
"rollup-plugin-postcss": "^4.0.2",
"rollup-plugin-progress": "^1.1.2",
From 279e7c5acf7d6c4c9e686aa451e2aff53cbf7de0 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Wed, 9 Mar 2022 11:49:58 +0100
Subject: [PATCH 12/21] Update dependencies
---
qortal-ui-plugins/package.json | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/qortal-ui-plugins/package.json b/qortal-ui-plugins/package.json
index f063434d..5a0944c1 100644
--- a/qortal-ui-plugins/package.json
+++ b/qortal-ui-plugins/package.json
@@ -45,7 +45,7 @@
"epml": "^0.3.3",
"html-escaper": "^3.0.3",
"lit": "^2.2.0",
- "rollup": "^2.68.0",
+ "rollup": "^2.70.0",
"rollup-plugin-node-globals": "^1.4.0",
"rollup-plugin-progress": "^1.1.2",
"rollup-plugin-terser": "^7.0.2"
From ddc8d42886a66b80c8594a52ea7a6e79bae5ef41 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Thu, 10 Mar 2022 09:58:59 +0100
Subject: [PATCH 13/21] Download button back
---
.../src/components/login-view/create-account-section.js | 8 ++++++++
1 file changed, 8 insertions(+)
diff --git a/qortal-ui-core/src/components/login-view/create-account-section.js b/qortal-ui-core/src/components/login-view/create-account-section.js
index 04441df3..9a8b4cd5 100644
--- a/qortal-ui-core/src/components/login-view/create-account-section.js
+++ b/qortal-ui-core/src/components/login-view/create-account-section.js
@@ -423,6 +423,14 @@ class CreateAccountSection extends connect(store)(LitElement) {
This file is the ONLY way to access your account on a system that doesn't have it saved to the app/browser. BE SURE TO BACKUP THIS FILE IN MULTIPLE PLACES. The file is encrypted very securely and decrypted with your local password you created in the previous step. You can save it anywhere securely, but be sure to do that in multiple locations.
+
+
+ Download Wallet BackUp File
+ this.downloadBackup(this._wallet)} style="dispay: inline;">
+ cloud_download Save
+
+
From 2d28420c8d24b7708057c7e2ef3386d5535c2c1d Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Thu, 10 Mar 2022 12:19:11 -0800
Subject: [PATCH 14/21] New menu
---
.../side-menu-item-style.js | 153 +++++++++++++
.../functional-components/side-menu-item.js | 210 ++++++++++++++++++
.../src/functional-components/side-menu.js | 78 +++++++
3 files changed, 441 insertions(+)
create mode 100644 qortal-ui-core/src/functional-components/side-menu-item-style.js
create mode 100644 qortal-ui-core/src/functional-components/side-menu-item.js
create mode 100644 qortal-ui-core/src/functional-components/side-menu.js
diff --git a/qortal-ui-core/src/functional-components/side-menu-item-style.js b/qortal-ui-core/src/functional-components/side-menu-item-style.js
new file mode 100644
index 00000000..aec5bf0b
--- /dev/null
+++ b/qortal-ui-core/src/functional-components/side-menu-item-style.js
@@ -0,0 +1,153 @@
+import { css } from 'lit'
+
+export const sideMenuItemStyle = css`
+ :host {
+ --font-family: "Roboto", sans-serif;
+ --item-font-size: 1rem;
+ --sub-item-font-size: 0.85rem;
+ --item-padding: 1rem;
+ --item-content-padding: 1rem;
+ --icon-height: 1.25rem;
+ --icon-width: 1.25rem;
+ --item-border-radius: 5px;
+ --item-selected-color: #dddddd;
+ --item-selected-color-text: #333333;
+ --item-color-active: #d1d1d1;
+ --item-color-hover: #eeeeee;
+ --item-text-color: #080808;
+ --item-icon-color: #080808;
+ --item-border-color: #eeeeee;
+ --item-border-selected-color: #333333;
+
+ --overlay-box-shadow: 0 2px 4px -1px hsla(214, 53%, 23%, 0.16), 0 3px 12px -1px hsla(214, 50%, 22%, 0.26);
+ --overlay-background-color: #ffffff;
+
+ --spacing: 4px;
+
+ font-family: var(--font-family);
+ display: flex;
+ overflow: hidden;
+ flex-direction: column;
+ border-radius: var(--item-border-radius);
+ }
+
+ #itemLink {
+ align-items: center;
+ font-size: var(--item-font-size);
+ font-weight: 400;
+ height: var(--icon-height);
+ transition: background-color 200ms;
+ padding: var(--item-padding);
+ cursor: pointer;
+ display: inline-flex;
+ flex-grow: 1;
+ align-items: center;
+ overflow: hidden;
+ text-decoration: none;
+ border-bottom: 1px solid var(--item-border-color);
+ }
+
+ #itemLink:hover {
+ background-color: var(--item-color-hover);
+ }
+
+ #itemLink:active {
+ background-color: var(--item-color-active);
+ }
+
+ #content {
+ padding-left: var(--item-content-padding);
+ flex: 1;
+ }
+
+ :host([compact]) #content {
+ padding-left: 0;
+ display: none;
+ }
+
+ :host([selected]) #itemLink {
+ background-color: var(--item-selected-color);
+ color: var(--item-selected-color-text);
+ border-left: 3px solid var(--item-border-selected-color);
+ }
+
+ :host([selected]) slot[name="icon"]::slotted(*) {
+ color: var(--item-selected-color-text);
+ }
+
+ :host(:not([selected])) #itemLink{
+ color: var(--item-text-color);
+ }
+
+ :host([expanded]){
+ background-color: var(--item-selected-color);
+ }
+
+ :host([hasSelectedChild]){
+ background-color: var(--item-selected-color);
+ }
+
+ :host span {
+ cursor: inherit;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ user-select: none;
+ -webkit-user-select: none;
+ white-space: nowrap;
+ }
+
+ slot[name="icon"]::slotted(*) {
+ flex-shrink: 0;
+ color: var(--item-icon-color);
+ height: var(--icon-height);
+ width: var(--icon-width);
+ pointer-events: none;
+ }
+
+ #collapse-button {
+ float: right;
+ }
+
+ :host([compact]) #itemLink[level]:not([level="0"]) {
+ padding: calc( var(--item-padding) / 2);
+ }
+
+ :host(:not([compact])) #itemLink[level]:not([level="0"]) {
+ padding-left: calc(var(--icon-width) + var(--item-content-padding));
+ }
+
+ #itemLink[level]:not([level="0"]) #content {
+ display: block;
+ visibility: visible;
+ width: auto;
+ font-weight: 400;
+ font-size: var(--sub-item-font-size)
+ }
+
+ #overlay {
+ display: block;
+ left: 101%;
+ min-width: 200px;
+ padding: 4px 2px;
+ background-color: var(--overlay-background-color);
+ background-image: var(--overlay-background-image, none);
+ box-shadow: var(--overlay-box-shadow);
+ border: 1px solid var(--overlay-background-color);
+ border-left: 0;
+ border-radius: 0 3px 3px 0;
+ position: absolute;
+ z-index: 1;
+ animation: pop 200ms forwards;
+ }
+
+ @keyframes pop{
+ 0% {
+ transform: translateX(-5px);
+ opacity: 0.5;
+ }
+ 100% {
+ transform: translateX(0);
+ opacity: 1;
+ }
+ }
+`;
diff --git a/qortal-ui-core/src/functional-components/side-menu-item.js b/qortal-ui-core/src/functional-components/side-menu-item.js
new file mode 100644
index 00000000..8c869e5c
--- /dev/null
+++ b/qortal-ui-core/src/functional-components/side-menu-item.js
@@ -0,0 +1,210 @@
+import { LitElement, html, css } from 'lit'
+import { ifDefined } from 'lit/directives/if-defined.js'
+import { sideMenuItemStyle } from './side-menu-item-style.js'
+import '@vaadin/icon'
+import '@vaadin/icons'
+import '@polymer/paper-tooltip'
+
+export class SideMenuItem extends LitElement {
+ static get properties() {
+ return {
+ selected: { type: Boolean, reflect: true },
+ label: { type: String, reflect: true },
+ expanded: { type: Boolean, reflect: true },
+ compact: { type: Boolean, reflect: true },
+ href: { type: String, reflect: true },
+ target: { type: String, reflect: true }
+ }
+ }
+
+ static get styles() {
+ return css`
+ ${sideMenuItemStyle}
+ `
+ }
+
+ constructor() {
+ super()
+ this.selected = false
+ this.expanded = false
+ }
+
+ render() {
+ return html`
+ ${this._itemLinkTemplate()} ${this._tooltipTemplate()}
+ ${this._childrenTemplate()}
+ `
+ }
+
+ firstUpdated(changedProperties) {
+ if (!this.hasChildren()) {
+ return
+ }
+ this.collapseExpandIcon = document.createElement("vaadin-icon")
+ this.collapseExpandIcon.id = "collapse-button"
+ this.shadowRoot.getElementById("content").appendChild(this.collapseExpandIcon)
+ this._boundOutsideClickListener = this._outsideClickListener.bind(this)
+ }
+
+ _itemLinkTemplate() {
+ return html`
+
+
+ ${this.label}
+
+
+ `
+ }
+
+ _tooltipTemplate() {
+ return html`
+ ${this._getLevel === 0 && this.compact ? html`
+
+ ${this.label}
+
+ `
+ : undefined}
+ `
+ }
+
+ _childrenTemplate() {
+ return html`
+ ${this.expanded ? html`
+ ${this.compact ? html`
+
+ `
+ : html`
+
+ `}
+ `
+ : undefined}
+ `
+ }
+
+ updated(changedProperties) {
+ changedProperties.forEach((oldValue, propName) => {
+ if (propName === "compact") {
+ this._onCompactChanged()
+ }
+
+ if (propName === "expanded") {
+ this._onExpandedChanged()
+ }
+
+ if (propName === "selected"){
+ if (oldValue === this.selected){
+ return
+ }
+
+ if (this.selected) {
+ this._changeSelectedState(true)
+ this._markParentWithSelectedChild()
+ }
+ }
+ });
+ }
+
+ _onCompactChanged() {
+ this.expanded = false;
+
+ if (this.collapseExpandIcon == null) {
+ return;
+ }
+
+ if (!this.compact) {
+ this.collapseExpandIcon["icon"] = "vaadin:chevron-down-small"
+ } else {
+ this.collapseExpandIcon["icon"] = "vaadin:chevron-right-small"
+ }
+ }
+
+ _onExpandedChanged() {
+ if (this.collapseExpandIcon == null) {
+ return;
+ }
+
+ if (this.expanded) {
+ this._onHandleExpanded();
+ } else {
+ this._onHandleCollapsed();
+ }
+ }
+
+ _onHandleExpanded() {
+ if (!this.compact) {
+ this.collapseExpandIcon["icon"] = "vaadin:chevron-up-small"
+ } else {
+ this.collapseExpandIcon["icon"] = "vaadin:chevron-left-small"
+ document.addEventListener("click", this._boundOutsideClickListener, true)
+ }
+ }
+
+ _onHandleCollapsed() {
+ if (!this.compact) {
+ this.collapseExpandIcon["icon"] = "vaadin:chevron-down-small"
+ } else {
+ this.collapseExpandIcon["icon"] = "vaadin:chevron-right-small"
+ document.removeEventListener(
+ "click",
+ this._boundOutsideClickListener,
+ true
+ )
+ }
+ }
+
+ _onClick(e) {
+ if (!this.hasChildren()) {
+ this.selected = true
+ } else {
+ this.expanded = !this.expanded
+ e.preventDefault()
+ }
+ }
+
+ _outsideClickListener(event) {
+ const eventPath = event.composedPath()
+ if (eventPath.indexOf(this) < 0) {
+ this.expanded = false
+ }
+ }
+
+ _changeSelectedState(selected, sourceEvent) {
+ this.selected = selected
+ let evt = new CustomEvent("side-menu-item-select", {
+ bubbles: true,
+ cancelable: true,
+ detail: { sourceEvent: sourceEvent }
+ });
+ this.dispatchEvent(evt)
+ }
+
+ hasChildren() {
+ return !!this.querySelector("side-menu-item")
+ }
+
+ _markParentWithSelectedChild() {
+ let element = this.parentElement;
+ while (element instanceof SideMenuItem) {
+ element.setAttribute('hasSelectedChild', true)
+ element = element.parentElement;
+ }
+ }
+
+ get _getLevel() {
+ let level = 0
+ let element = this.parentElement
+ while (element instanceof SideMenuItem) {
+ level++;
+ element = element.parentElement
+ }
+ return level
+ }
+}
+
+window.customElements.define("side-menu-item", SideMenuItem);
diff --git a/qortal-ui-core/src/functional-components/side-menu.js b/qortal-ui-core/src/functional-components/side-menu.js
new file mode 100644
index 00000000..c3b08c24
--- /dev/null
+++ b/qortal-ui-core/src/functional-components/side-menu.js
@@ -0,0 +1,78 @@
+import {LitElement, html, css} from 'lit'
+
+class SideMenu extends LitElement {
+ static get properties() {
+ return {
+ items: {type: Array},
+ selectedValue: {type: String, reflect: true},
+ compact: {type: Boolean, reflect: true}
+ }
+ }
+
+ static get styles() {
+ return css`
+ nav {
+ padding: 0;
+ }
+
+ :host {
+ list-style: none;
+ width: 100%;
+ position: relative;
+ }
+
+ :host([compact]) {
+ width: auto;
+ }
+ `
+ }
+
+ constructor() {
+ super()
+ this.compact = false
+ }
+
+ render() {
+ return html`
+
+
+ `
+ }
+
+ firstUpdated(_changedProperties) {
+ this.items = [...this.querySelectorAll("side-menu-item")]
+ }
+
+ _handleSelect(event) {
+ let targetItem = event.target
+ this._deselectAllItems()
+ targetItem.selected = true
+ this.selectedValue = targetItem.label
+ }
+
+ _deselectAllItems() {
+ this.items.forEach(element => {
+ if (this.compact) {
+ element.expanded = false
+ }
+ element.selected = false
+ element.hasChildren() ? element.removeAttribute('hasSelectedChild') : undefined
+ });
+ }
+
+ updated(changedProperties) {
+ changedProperties.forEach((oldValue, propName) => {
+ if (propName === "compact") {
+ this.items.forEach(item => (item.compact = this.compact))
+ let evt = new CustomEvent("side-menu-compact-change", {
+ bubbles: true,
+ cancelable: true
+ })
+ this.dispatchEvent(evt)
+ }
+ })
+ }
+}
+
+window.customElements.define("side-menu", SideMenu);
From 702f1cf6a97cec4ecd874d24df0bbe06d8846b7e Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Thu, 10 Mar 2022 21:20:35 +0100
Subject: [PATCH 15/21] update to new menu
---
qortal-ui-core/package.json | 1 +
1 file changed, 1 insertion(+)
diff --git a/qortal-ui-core/package.json b/qortal-ui-core/package.json
index 4cc43b64..84ab6670 100644
--- a/qortal-ui-core/package.json
+++ b/qortal-ui-core/package.json
@@ -59,6 +59,7 @@
"@rollup/plugin-node-resolve": "^13.1.3",
"@rollup/plugin-replace": "^4.0.0",
"@vaadin/grid": "^23.0.1",
+ "@vaadin/icons": "^23.0.1",
"@vaadin/password-field": "^23.0.1",
"asmcrypto.js": "^2.3.2",
"bcryptjs": "^2.4.3",
From 8f186ade704d830633d650505f30e79847bc64f4 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Thu, 10 Mar 2022 21:23:53 +0100
Subject: [PATCH 16/21] add menu colors
---
qortal-ui-core/font/switch-theme.css | 16 ++++++++++++++++
1 file changed, 16 insertions(+)
diff --git a/qortal-ui-core/font/switch-theme.css b/qortal-ui-core/font/switch-theme.css
index 7ae7972d..993e68f3 100644
--- a/qortal-ui-core/font/switch-theme.css
+++ b/qortal-ui-core/font/switch-theme.css
@@ -22,6 +22,14 @@ html {
--switchbackground: #666666;
--switchborder: #333333;
--sidetopbar: #ffffff;
+ --nav-selected-color: #dddddd;
+ --nav-selected-color-text: #333333;
+ --nav-color-active: #d1d1d1;
+ --nav-color-hover: #eeeeee;
+ --nav-text-color: #080808;
+ --nav-icon-color: #080808;
+ --nav-border-color: #eeeeee;
+ --nav-border-selected-color: #03a9f4;
}
html[theme="dark"] {
@@ -48,4 +56,12 @@ html[theme="dark"] {
--switchbackground: #eeeeee;
--switchborder: #03a9f4;
--sidetopbar: #070d19;
+ --nav-selected-color: #0f1a2e;
+ --nav-selected-color-text: #76c8f5;
+ --nav-color-active: #d1d1d1;
+ --nav-color-hover: #444444;
+ --nav-text-color: #008fd5;
+ --nav-icon-color: #008fd5;
+ --nav-border-color: #0b305e;
+ --nav-border-selected-color: #76c8f5;
}
From 037ca2e45b48b3aa255b0cb6157e969d71b7f606 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Thu, 10 Mar 2022 21:24:27 +0100
Subject: [PATCH 17/21] color for menu
---
qortal-ui-core/src/styles/switch-theme.css | 16 ++++++++++++++++
1 file changed, 16 insertions(+)
diff --git a/qortal-ui-core/src/styles/switch-theme.css b/qortal-ui-core/src/styles/switch-theme.css
index 7ae7972d..993e68f3 100644
--- a/qortal-ui-core/src/styles/switch-theme.css
+++ b/qortal-ui-core/src/styles/switch-theme.css
@@ -22,6 +22,14 @@ html {
--switchbackground: #666666;
--switchborder: #333333;
--sidetopbar: #ffffff;
+ --nav-selected-color: #dddddd;
+ --nav-selected-color-text: #333333;
+ --nav-color-active: #d1d1d1;
+ --nav-color-hover: #eeeeee;
+ --nav-text-color: #080808;
+ --nav-icon-color: #080808;
+ --nav-border-color: #eeeeee;
+ --nav-border-selected-color: #03a9f4;
}
html[theme="dark"] {
@@ -48,4 +56,12 @@ html[theme="dark"] {
--switchbackground: #eeeeee;
--switchborder: #03a9f4;
--sidetopbar: #070d19;
+ --nav-selected-color: #0f1a2e;
+ --nav-selected-color-text: #76c8f5;
+ --nav-color-active: #d1d1d1;
+ --nav-color-hover: #444444;
+ --nav-text-color: #008fd5;
+ --nav-icon-color: #008fd5;
+ --nav-border-color: #0b305e;
+ --nav-border-selected-color: #76c8f5;
}
From 15295cb4411948778c2e8d40dd27981d2739cd63 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Thu, 10 Mar 2022 21:26:14 +0100
Subject: [PATCH 18/21] add vaadin icons
---
qortal-ui-plugins/plugins/core/main.src.js | 24 +++++++++++-----------
1 file changed, 12 insertions(+), 12 deletions(-)
diff --git a/qortal-ui-plugins/plugins/core/main.src.js b/qortal-ui-plugins/plugins/core/main.src.js
index 9967f31e..840862e2 100644
--- a/qortal-ui-plugins/plugins/core/main.src.js
+++ b/qortal-ui-plugins/plugins/core/main.src.js
@@ -13,7 +13,7 @@ parentEpml.ready().then(() => {
domain: 'core',
page: 'minting/index.html',
title: 'Minting Details',
- icon: 'info',
+ icon: 'vaadin:info-circle',
menus: [],
parent: false
},
@@ -22,7 +22,7 @@ parentEpml.ready().then(() => {
domain: 'core',
page: 'wallet/index.html',
title: 'Wallet',
- icon: 'account_balance_wallet',
+ icon: 'vaadin:wallet',
menus: [],
parent: false
},
@@ -31,7 +31,7 @@ parentEpml.ready().then(() => {
domain: 'core',
page: 'send-coin/index.html',
title: 'Send Coin',
- icon: 'send',
+ icon: 'vaadin:coin-piles',
menus: [],
parent: false
},
@@ -40,7 +40,7 @@ parentEpml.ready().then(() => {
domain: 'core',
page: 'trade-portal/index.html',
title: 'Trade Portal',
- icon: 'toc',
+ icon: 'vaadin:bullets',
menus: [],
parent: false
},
@@ -49,7 +49,7 @@ parentEpml.ready().then(() => {
domain: 'core',
page: 'reward-share/index.html',
title: 'Reward Share',
- icon: 'call_split',
+ icon: 'vaadin:share-square',
menus: [],
parent: false
},
@@ -58,7 +58,7 @@ parentEpml.ready().then(() => {
domain: 'core',
page: 'name-registration/index.html',
title: 'Name Registration',
- icon: 'assignment_ind',
+ icon: 'vaadin:user-check',
menus: [],
parent: false
},
@@ -67,7 +67,7 @@ parentEpml.ready().then(() => {
domain: 'core',
page: 'qdn/index.html',
title: 'Websites',
- icon: 'computer',
+ icon: 'vaadin:desktop',
menus: [],
parent: false
},
@@ -76,7 +76,7 @@ parentEpml.ready().then(() => {
domain: 'core',
page: 'qdn/data-management/index.html',
title: 'Data Management',
- icon: 'dns',
+ icon: 'vaadin:database',
menus: [],
parent: false
},
@@ -85,7 +85,7 @@ parentEpml.ready().then(() => {
domain: 'core',
page: 'messaging/q-chat/index.html',
title: 'Q-Chat',
- icon: 'message',
+ icon: 'vaadin:chat',
menus: [],
parent: false
},
@@ -94,7 +94,7 @@ parentEpml.ready().then(() => {
domain: 'core',
page: 'group-management/index.html',
title: 'Group Management',
- icon: 'group',
+ icon: 'vaadin:group',
menus: [],
parent: false
},
@@ -103,7 +103,7 @@ parentEpml.ready().then(() => {
domain: 'core',
page: 'puzzles/index.html',
title: 'Puzzles',
- icon: 'extension',
+ icon: 'vaadin:puzzle-piece',
menus: [],
parent: false
}
@@ -127,7 +127,7 @@ parentEpml.ready().then(() => {
domain: 'core',
page: 'node-management/index.html',
title: 'Node Management',
- icon: 'cloud',
+ icon: 'vaadin:cloud',
menus: [],
parent: false
}
From b19f7120bd966ccab658b194346929f617470470 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Thu, 10 Mar 2022 21:28:27 +0100
Subject: [PATCH 19/21] new menu
---
qortal-ui-core/src/components/sidenav-menu.js | 351 ++++++------------
1 file changed, 111 insertions(+), 240 deletions(-)
diff --git a/qortal-ui-core/src/components/sidenav-menu.js b/qortal-ui-core/src/components/sidenav-menu.js
index af78ab4d..f0ca27e3 100644
--- a/qortal-ui-core/src/components/sidenav-menu.js
+++ b/qortal-ui-core/src/components/sidenav-menu.js
@@ -1,259 +1,130 @@
import { LitElement, html, css } from 'lit'
import { connect } from 'pwa-helpers'
import { store } from '../store.js'
+import { doLogout } from '../redux/app/actions/login'
import '@material/mwc-icon'
import '@polymer/paper-ripple'
-import { doLogout } from '../redux/app/actions/login'
+import '@vaadin/icon'
+import '@vaadin/icons'
+
+import '../functional-components/side-menu.js'
+import '../functional-components/side-menu-item.js'
class SidenavMenu extends connect(store)(LitElement) {
- static get properties() {
- return {
- config: { type: Object },
- urls: { type: Object }
+ static get properties() {
+ return {
+ config: { type: Object },
+ urls: { type: Object }
+ }
}
- }
- static get styles() {
- return [
- css`
- .mcd-menu {
- list-style: none;
- padding: 0px 0px;
- background: var(--sidetopbar);
- border-radius: 2px;
- width: 100%;
- outline: none;
- }
+ 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);
+ }
- .mcd-menu li {
- position: relative;
- line-height: 48px;
- outline: none;
- padding: 2px;
- list-style: none;
- }
+ .s-menu {
+ list-style: none;
+ padding: 0px 0px;
+ background: var(--sidetopbar);
+ border-radius: 2px;
+ width: 100%;
+ border-top: 1px solid var(--border);
+ outline: none;
+ }
+ `
+ ]
+ }
- .mcd-menu li a {
- display: block;
- text-decoration: none;
- padding-left: 20px;
- color: var(--mainmenutext);
- text-align: left;
- height: 48px;
- position: relative;
- border-bottom: 1px solid var(--border);
- outline: none;
- }
+ constructor() {
+ super()
+ this.urls = []
+ }
- .mcd-menu li a mwc-icon {
- float: left;
- margin: 0 10px 0 0;
- padding-top: 12px;
- padding-right: 9px;
- }
-
- .mcd-menu li a span {
- display: block;
- text-transform: uppercase;
- outline: none;
- }
-
- .mcd-menu li a small {
- display: block;
- font-size: 10px;
- outline: none;
- }
-
- .mcd-menu li:hover > a mwc-icon {
- opacity: 1;
- }
-
- .mcd-menu li:hover a span {
- opacity: 1;
- outline: none;
- }
-
- .mcd-menu li:hover > a {
- background: var(--menuhover);
- color: var(--mainmenutexthover);
- }
-
- .mcd-menu li a.active {
- position: relative;
- color: #515151;
- background-color: var(--menuactive);
- outline: none;
- }
-
- .mcd-menu li a.active:before {
- content: "";
- position: absolute;
- top: 42%;
- left: 0;
- border-left: 5px solid #515151;
- border-top: 5px solid transparent;
- border-bottom: 5px solid transparent;
- outline: none;
- }
-
- .mcd-menu li a.active:after {
- content: "";
- position: absolute;
- top: 42%;
- right: 0;
- border-right: 5px solid #515151;
- border-top: 5px solid transparent;
- border-bottom: 5px solid transparent;
- outline: none;
- }
-
- .mcd-menu li ul,
- .mcd-menu li ul li ul {
- position: absolute;
- height: auto;
- min-width: 240px;
- padding: 0;
- margin: 0;
- background: #FFF;
- opacity: 0;
- visibility: hidden;
- transition: all 300ms linear;
- -o-transition: all 300ms linear;
- -ms-transition: all 300ms linear;
- -moz-transition: all 300ms linear;
- -webkit-transition: all 300ms linear;
- z-index: 999999999;
- left:280px;
- top: 0px;
- border-left: 4px solid #515151;
- outline: none;
- }
-
- .mcd-menu li ul:before {
- content: "";
- position: absolute;
- top: 25px;
- left: -9px;
- border-right: 5px solid #515151;
- border-bottom: 5px solid transparent;
- border-top: 5px solid transparent;
- outline: none;
- }
-
- .mcd-menu li:hover > ul,
- .mcd-menu li ul li:hover > ul {
- display: block;
- opacity: 1;
- visibility: visible;
- left:260px;
- outline: none;
- }
-
- .mcd-menu li ul li a {
- text-align: left;
- border: 0;
- border-bottom: 1px solid var(--border);
- height: auto;
- outline: none;
- }
-
- .mcd-menu li ul li a mwc-icon {
- display: inline-block;
- margin: 0 10px 0 0;
- }
-
- .mcd-menu li ul li ul {
- left: 230px;
- top: 0;
- border: 0;
- border-left: 4px solid #515151;
- outline: none;
- }
-
- .mcd-menu li ul li ul:before {
- content: "";
- position: absolute;
- top: 15px;
- left: -9px;
- border-right: 5px solid #515151;
- border-bottom: 5px solid transparent;
- border-top: 5px solid transparent;
- outline: none;
- }
-
- .mcd-menu li ul li:hover > ul {
- top: 0px;
- left: 200px;
- outline: none;
- }
- `
- ]
- }
-
- constructor() {
- super()
- this.urls = []
- }
-
- render() {
- return html`
-
-
+ render() {
+ return html`
+
`
- }
-
- firstUpdated() {
- // ...
- }
-
- stateChanged(state) {
- this.config = state.config
- this.urls = state.app.registeredUrls
- }
-
- async logout(e) {
- if(window.confirm('Are you sure you want to logout?')) {
- store.dispatch(doLogout());
}
- }
+
+ firstUpdated() {
+ // ...
+ }
+
+ 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
+ }
+
+ async logout(e) {
+ if(window.confirm('Are you sure you want to logout?')) {
+ store.dispatch(doLogout());
+ }
+ }
}
window.customElements.define('sidenav-menu', SidenavMenu)
From e989666768137117348bb4badbbd834c9df85f3c Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Thu, 10 Mar 2022 21:29:36 +0100
Subject: [PATCH 20/21] Fix size
---
qortal-ui-core/src/components/show-plugin.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/qortal-ui-core/src/components/show-plugin.js b/qortal-ui-core/src/components/show-plugin.js
index 01ef22ea..91531756 100644
--- a/qortal-ui-core/src/components/show-plugin.js
+++ b/qortal-ui-core/src/components/show-plugin.js
@@ -42,7 +42,7 @@ class ShowPlugin extends connect(store)(LitElement) {
iframe#showPluginFrame {
width:100%;
- height:calc(var(--window-height) - 68px);
+ height:calc(var(--window-height) - 64px);
border:0;
padding:0;
margin:0;
From b7ed94209dae497baf6f30ab5f1d4019eb5e5132 Mon Sep 17 00:00:00 2001
From: AlphaX-Projects <77661270+AlphaX-Projects@users.noreply.github.com>
Date: Thu, 10 Mar 2022 21:43:18 +0100
Subject: [PATCH 21/21] Bump version v1.8.0
---
package.json | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/package.json b/package.json
index 8de2edbe..5e79b038 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "qortal-ui",
- "version": "1.7.4",
+ "version": "1.8.0",
"description": "Qortal Project - decentralize the world - Data storage, communications, web hosting, decentralized trading, complete infrastructure for the future blockchain-based Internet",
"keywords": [
"QORT",