-
- this.goBack()} title="${translate(
- 'general.back'
- )}" class="address-bar-button">arrow_back_ios
- this.goForward()} title="${translate(
- 'browserpage.bchange1'
- )}" class="address-bar-button">arrow_forward_ios
- this.refresh()} title="${translate(
- 'browserpage.bchange2'
- )}" class="address-bar-button">refresh
- this.goBackToList()} title="${translate(
- 'browserpage.bchange3'
- )}" class="address-bar-button">home
-
- this.delete()} title="${translate(
- 'browserpage.bchange4'
- )} ${this.service} ${this.name} ${translate(
- 'browserpage.bchange5'
- )}" class="address-bar-button float-right">delete
- ${this.renderBlockUnblockButton()}
- ${this.renderFollowUnfollowButton()}
-
-
-
+
+
+
+ this.goBack()} title="${translate('general.back')}" class="address-bar-button">arrow_back_ios
+ this.goForward()} title="${translate('browserpage.bchange1')}" class="address-bar-button">arrow_forward_ios
+ this.refresh()} title="${translate('browserpage.bchange2')}" class="address-bar-button">refresh
+ this.goBackToList()} title="${translate('browserpage.bchange3')}" class="address-bar-button">home
+
+ ${this.renderFullScreen()}
+ this.delete()} title="${translate('browserpage.bchange4')} ${this.service} ${this.name} ${translate('browserpage.bchange5')}" class="address-bar-button float-right">delete
+ ${this.renderBlockUnblockButton()}
+ ${this.renderFollowUnfollowButton()}
+
+
+
+
-
- `;
+ `;
+ }
+
+ renderFullScreen() {
+ if (window.innerHeight == screen.height) {
+ return html`
+
this.exitFullScreen()}
+ title="${translate('browserpage.bchange9')} ${this.name}"
+ class="address-bar-button float-right"
+ >
+ fullscreen_exit
+
+ `
+ } else {
+ return html`
+
this.goFullScreen()}
+ title="${translate('browserpage.bchange9')} ${this.name}"
+ class="address-bar-button float-right"
+ >
+ fullscreen
+
+ `
+ }
+ }
+
+ goFullScreen() {
+ var elem = this.shadowRoot.getElementById('websitesWrapper')
+
+ if (elem.requestFullscreen) {
+ elem.requestFullscreen()
+ } else if (elem.mozRequestFullScreen) {
+ elem.mozRequestFullScreen()
+ } else if (elem.webkitRequestFullscreen) {
+ elem.webkitRequestFullscreen()
+ } else if (elem.msRequestFullscreen) {
+ elem.msRequestFullscreen()
+ }
+
+ this.renderFullScreen()
+ }
+
+ exitFullScreen() {
+ if(document.exitFullscreen) {
+ document.exitFullscreen()
+ } else if (document.mozCancelFullScreen) {
+ document.mozCancelFullScreen()
+ } else if (document.webkitExitFullscreen) {
+ document.webkitExitFullscreen()
+ } else if (document.msExitFullscreen) {
+ document.msExitFullscreen()
+ }
+
+ this.renderFullScreen()
}
async unitJoinFee() {
@@ -2165,9 +2207,11 @@ class WebBrowser extends LitElement {
goBackToList() {
if (this.service == "APP") {
+ this.exitFullScreen()
window.location = '../../q-app/index.html';
}
else { // Default to websites list
+ this.exitFullScreen()
window.location = '../index.html';
}
}
@@ -2516,7 +2560,7 @@ async function showModalAndWait(type, data) {
window.parent.reduxStore.dispatch( window.parent.reduxAction.removeQAPPAutoAuth(false))
return
}
- window.parent.reduxStore.dispatch( window.parent.reduxAction.allowQAPPAutoAuth(true))
+ window.parent.reduxStore.dispatch(window.parent.reduxAction.allowQAPPAutoAuth(true))
})
}
});
@@ -2608,6 +2652,16 @@ async function showErrorAndWait(type, data, data1) {
// Add the styles for the modal
const styles = `
+ * {
+ --mdc-theme-primary: rgb(3, 169, 244);
+ --mdc-theme-secondary: var(--mdc-theme-primary);
+ --paper-input-container-focus-color: var(--mdc-theme-primary);
+ --mdc-checkbox-unchecked-color: var(--black);
+ --mdc-theme-on-surface: var(--black);
+ --mdc-checkbox-disabled-color: var(--black);
+ --mdc-checkbox-ink-color: var(--black);
+ }
+
.backdrop {
position: fixed;
top: 0;
@@ -2723,7 +2777,7 @@ const styles = `
align-items: center;
font-family: Montserrat, sans-serif;
font-weight: 600;
- color: black;
+ color: var(--black);
}
.modal-buttons {
diff --git a/qortal-ui-plugins/plugins/core/qdn/publish/publish.src.js b/qortal-ui-plugins/plugins/core/qdn/publish/publish.src.js
index 4be8bf2b..602704d1 100644
--- a/qortal-ui-plugins/plugins/core/qdn/publish/publish.src.js
+++ b/qortal-ui-plugins/plugins/core/qdn/publish/publish.src.js
@@ -10,6 +10,7 @@ registerTranslateConfig({
import '@material/mwc-button'
import '@material/mwc-textfield'
import '@material/mwc-select'
+import '@material/mwc-dialog'
import '@material/mwc-list/mwc-list-item.js'
import '@polymer/paper-progress/paper-progress.js'
@@ -55,6 +56,10 @@ class PublishData extends LitElement {
* {
--mdc-theme-primary: rgb(3, 169, 244);
--mdc-theme-secondary: var(--mdc-theme-primary);
+ --mdc-dialog-content-ink-color: var(--black);
+ --mdc-theme-surface: var(--white);
+ --mdc-dialog-min-width: 400px;
+ --mdc-dialog-max-width: 1024px;
--paper-input-container-focus-color: var(--mdc-theme-primary);
--lumo-primary-text-color: rgb(0, 167, 245);
--lumo-primary-color-50pct: rgba(0, 167, 245, 0.5);
@@ -68,7 +73,6 @@ class PublishData extends LitElement {
--_lumo-grid-secondary-border-color: var(--border2);
}
-
input[type=text] {
padding: 6px 6px 6px 6px;
color: var(--black);
@@ -94,7 +98,10 @@ class PublishData extends LitElement {
}
#publishWrapper .buttons {
- width: auto !important;
+ display: flex;
+ justify-content: space-between;
+ max-width:100%;
+ width:100%;
}
mwc-textfield {
@@ -124,16 +131,24 @@ class PublishData extends LitElement {
.address-bar-button mwc-icon {
width: 30px;
}
+
+ .red {
+ --mdc-theme-primary: #F44336;
+ }
+
+ .green {
+ --mdc-theme-primary: #198754;
+ }
`
}
constructor() {
super()
- this.showName = false;
+ this.showName = false
this.showService = false
this.showIdentifier = false
- this.showMetadata = false
+ this.showMetadata = false
const urlParams = new URLSearchParams(window.location.search)
this.name = urlParams.get('name')
@@ -182,7 +197,7 @@ class PublishData extends LitElement {
setTimeout(() => {
this.names = res
if (res[0] != null) {
- this.myRegisteredName = res[0].name;
+ this.myRegisteredName = res[0].name
}
}, 1)
})
@@ -201,7 +216,7 @@ class PublishData extends LitElement {
const fetchPeersSummary = () => {
parentEpml.request('apiCall', {url: `/peers/summary`}).then(res => {
setTimeout(() => {
- this.portForwardingEnabled = (res.inboundConnections != null && res.inboundConnections > 0);
+ this.portForwardingEnabled = (res.inboundConnections != null && res.inboundConnections > 0)
}, 1)
})
setTimeout(fetchPeersSummary, this.config.user.nodeSettings.pingInterval)
@@ -252,7 +267,7 @@ class PublishData extends LitElement {
this.selectName(e)} style="min-width: 130px; max-width:100%; width:100%;">
- ${this.myRegisteredName}
+ ${this.myRegisteredName}
@@ -269,13 +284,13 @@ class PublishData extends LitElement {
`)}
-
+
-
+
${this.renderUploadField()}
@@ -289,14 +304,22 @@ class PublishData extends LitElement {
${this.successMessage}
${this.loading ? html`
` : ''}