Websites
-
-
+
+
+ {
+ render(html`${this.renderAvatar(data.item)}`, root)
+ }}>
{
render(html`${this.renderName(data.item)}`, root)
}}>
@@ -138,7 +148,6 @@ class Websites extends LitElement {
render(html`${this.renderBlockUnblockButton(data.item)}`, root);
}}>
-
${this.isEmptyArray(this.resources) ? html`
No websites available
`: ''}
@@ -148,6 +157,104 @@ class Websites extends LitElement {
`
}
+ firstUpdated() {
+ const getArbitraryResources = async () => {
+ let resources = await parentEpml.request('apiCall', {
+ url: `/arbitrary/resources?service=${this.service}&default=true&limit=0&reverse=true&includestatus=true`
+ })
+
+ this.resources = resources
+ setTimeout(getArbitraryResources, this.config.user.nodeSettings.pingInterval)
+ }
+
+ const getFollowedNames = async () => {
+ let followedNames = await parentEpml.request('apiCall', {
+ url: `/lists/followedNames?apiKey=${this.getApiKey()}`
+ })
+
+ this.followedNames = followedNames
+ setTimeout(getFollowedNames, this.config.user.nodeSettings.pingInterval)
+ }
+
+ const getBlockedNames = async () => {
+ let blockedNames = await parentEpml.request('apiCall', {
+ url: `/lists/blockedNames?apiKey=${this.getApiKey()}`
+ })
+
+ this.blockedNames = blockedNames
+ setTimeout(getBlockedNames, this.config.user.nodeSettings.pingInterval)
+ }
+
+ const getRelayMode = async () => {
+ let relayMode = await parentEpml.request('apiCall', {
+ url: `/arbitrary/relaymode?apiKey=${this.getApiKey()}`
+ })
+
+ this.relayMode = relayMode;
+ setTimeout(getRelayMode, this.config.user.nodeSettings.pingInterval)
+ }
+
+
+ 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)
+ }
+ }
+
+ 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(getArbitraryResources, 1)
+ setTimeout(getFollowedNames, 1)
+ setTimeout(getBlockedNames, 1)
+ setTimeout(getRelayMode, 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()
+ }
+ })
+ })
+ parentEpml.imReady()
+ }
+
+ indexRenderer(root, column, rowData) {
+ render(
+ html`
+
${rowData.index + 1}
+ `,
+ root,
+ );
+ }
+
+ renderAvatar(websiteObj) {
+ let name = websiteObj.name
+ const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node]
+ const nodeUrl = myNode.protocol + '://' + myNode.domain + ':' + myNode.port
+ const url = `${nodeUrl}/arbitrary/THUMBNAIL/${name}/qortal_avatar?apiKey=${this.getApiKey()}`;
+ return html`
`
+ }
+
renderRelayModeText() {
if (this.relayMode === true) {
return html`
Relay mode is enabled. This means that your node will help to transport encrypted data around the network when a peer requests it. You can opt out by setting "relayModeEnabled": false in settings.json
`;
@@ -164,7 +271,6 @@ class Websites extends LitElement {
if (this.followedNames == null || !Array.isArray(this.followedNames)) {
return html``
}
-
return html`
this.publishWebsite()}>addPublish Website`
}
@@ -298,7 +404,6 @@ class Websites extends LitElement {
renderName(websiteObj) {
let name = websiteObj.name
-
return html`
${name}`
}
@@ -357,115 +462,14 @@ class Websites extends LitElement {
const checkSelectedTextAndShowMenu = () => {
let selectedText = getSelectedText();
if (selectedText && typeof selectedText === 'string') {
-
let _eve = { pageX: event.pageX, pageY: event.pageY, clientX: event.clientX, clientY: event.clientY }
-
let textMenuObject = { selectedText: selectedText, eventObject: _eve, isFrame: true }
-
parentEpml.request('openCopyTextMenu', textMenuObject)
}
}
-
checkSelectedTextAndShowMenu()
}
-
- firstUpdated() {
-
- const getArbitraryResources = async () => {
- // this.resources = []
-
- let resources = await parentEpml.request('apiCall', {
- url: `/arbitrary/resources?service=${this.service}&default=true&limit=0&reverse=true&includestatus=true`
- })
-
- this.resources = resources
- setTimeout(getArbitraryResources, this.config.user.nodeSettings.pingInterval)
- }
-
- const getFollowedNames = async () => {
- // this.followedNames = []
-
- let followedNames = await parentEpml.request('apiCall', {
- url: `/lists/followedNames?apiKey=${this.getApiKey()}`
- })
-
- this.followedNames = followedNames
- setTimeout(getFollowedNames, this.config.user.nodeSettings.pingInterval)
- }
-
- const getBlockedNames = async () => {
- // this.blockedNames = []
-
- let blockedNames = await parentEpml.request('apiCall', {
- url: `/lists/blockedNames?apiKey=${this.getApiKey()}`
- })
-
- this.blockedNames = blockedNames
- setTimeout(getBlockedNames, this.config.user.nodeSettings.pingInterval)
- }
-
- const getRelayMode = async () => {
-
- let relayMode = await parentEpml.request('apiCall', {
- url: `/arbitrary/relaymode?apiKey=${this.getApiKey()}`
- })
- this.relayMode = relayMode;
-
- setTimeout(getRelayMode, this.config.user.nodeSettings.pingInterval)
- }
-
-
- 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)
- }
- }
-
- 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(getArbitraryResources, 1)
- setTimeout(getFollowedNames, 1)
- setTimeout(getBlockedNames, 1)
- setTimeout(getRelayMode, 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()
- }
- })
- })
-
-
- parentEpml.imReady()
- }
-
getApiKey() {
const myNode = window.parent.reduxStore.getState().app.nodeConfig.knownNodes[window.parent.reduxStore.getState().app.nodeConfig.node];
let apiKey = myNode.apiKey;