diff --git a/plugins/plugins/core/q-app/q-apps.src.js b/plugins/plugins/core/q-app/q-apps.src.js index 94d0ab29..567f5eb3 100644 --- a/plugins/plugins/core/q-app/q-apps.src.js +++ b/plugins/plugins/core/q-app/q-apps.src.js @@ -479,16 +479,12 @@ class QApps extends LitElement { render(html`${this.renderPublishedBy(data.item)}`, root) }}> - { + { render(html`${this.renderDownload(data.item)}`, root) }}> - { - render(html`${this.renderFollowUnfollowButton(data.item)}`, root); - }}> - { - render(html`${this.renderBlockUnblockButton(data.item)}`, root); + render(html`${this.renderFollowUnfollowButtonTab(data.item)}`, root); }}> @@ -521,16 +517,8 @@ class QApps extends LitElement { render(html`${this.renderPublishedBy(data.item)}`, root) }}> - { - render(html`${this.renderDownload(data.item)}`, root) - }}> - { - render(html`${this.renderFollowUnfollowButton(data.item)}`, root); - }}> - - { - render(html`${this.renderBlockUnblockButton(data.item)}`, root); + render(html`${this.renderBlockUnblockButtonTab(data.item)}`, root); }}> @@ -666,9 +654,25 @@ class QApps extends LitElement { const tabBrowseContent = this.shadowRoot.getElementById('tab-browse-content') const tabFollowedContent = this.shadowRoot.getElementById('tab-followed-content') const tabBlockedContent = this.shadowRoot.getElementById('tab-blocked-content') - tabBrowseContent.style.display = (tab === 'browse') ? 'block' : 'none' - tabFollowedContent.style.display = (tab === 'followed') ? 'block' : 'none' - tabBlockedContent.style.display = (tab === 'blocked') ? 'block' : 'none' + if (tab === 'browse') { + this.refreshapps() + tabBrowseContent.style.display = 'block' + tabFollowedContent.style.display = 'none' + tabBlockedContent.style.display = 'none' + } else if (tab === 'followed') { + this.getFollowedNamesRefresh() + this.getFollowedNamesResource() + tabBrowseContent.style.display = 'none' + tabFollowedContent.style.display = 'block' + tabBlockedContent.style.display = 'none' + } else if (tab === 'blocked') { + this.getBlockedNamesRefresh() + this.getBlockedNamesResource() + tabBrowseContent.style.display = 'none' + tabFollowedContent.style.display = 'none' + tabBlockedContent.style.display = 'block' + } else { + } } searchListener(e) { @@ -936,6 +940,8 @@ class QApps extends LitElement { this.textProgress = '' this.shadowRoot.getElementById('downloadProgressDialog').close() this.getData(0) + this.getFollowedNamesRefresh() + this.getFollowedNamesResource() this.updateComplete.then(() => this.requestUpdate()) } else if (status.id === "BUILDING") { this.btnDisabled = true @@ -1003,8 +1009,6 @@ class QApps extends LitElement { this.followedNames.push(name) this.getFollowedNamesRefresh() this.getFollowedNamesResource() - this.refreshapps() - this.updateComplete.then(() => this.requestUpdate()) } else { let err3string = get("appspage.schange22") parentEpml.request('showSnackBar', `${err3string}`) @@ -1028,14 +1032,37 @@ class QApps extends LitElement { body: `${namesJsonString}` }) + if (ret === true) { + this.followedNames = this.followedNames.filter(item => item != name) + } else { + let err4string = get("appspage.schange23") + parentEpml.request('showSnackBar', `${err4string}`) + } + return ret + } + + async unfollowNameTab(appObj) { + let name = appObj.name + let items = [ + name + ] + let namesJsonString = JSON.stringify({ "items": items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/followedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + if (ret === true) { this.followedNames = this.followedNames.filter(item => item != name) this.getFollowedNamesRefresh() this.getFollowedNamesResource() - this.refreshapps() - this.updateComplete.then(() => this.requestUpdate()) } else { - let err4string = get("appspage.schange23") + let err4string = get("websitespage.schange23") parentEpml.request('showSnackBar', `${err4string}`) } return ret @@ -1060,10 +1087,6 @@ class QApps extends LitElement { if (ret === true) { this.blockedNames = this.blockedNames.filter(item => item != name) this.blockedNames.push(name) - this.getBlockedNamesRefresh() - this.getBlockedNamesResource() - this.refreshapps() - this.updateComplete.then(() => this.requestUpdate()) } else { let err5string = get("appspage.schange24") parentEpml.request('showSnackBar', `${err5string}`) @@ -1087,14 +1110,37 @@ class QApps extends LitElement { body: `${namesJsonString}` }) + if (ret === true) { + this.blockedNames = this.blockedNames.filter(item => item != name) + } else { + let err6string = get("appspage.schange25") + parentEpml.request('showSnackBar', `${err6string}`) + } + return ret + } + + async unblockNameTab(appObj) { + let name = appObj.name + let items = [ + name + ] + let namesJsonString = JSON.stringify({ "items": items }) + + let ret = await parentEpml.request('apiCall', { + url: `/lists/blockedNames?apiKey=${this.getApiKey()}`, + method: 'DELETE', + headers: { + 'Content-Type': 'application/json' + }, + body: `${namesJsonString}` + }) + if (ret === true) { this.blockedNames = this.blockedNames.filter(item => item != name) this.getBlockedNamesRefresh() this.getBlockedNamesResource() - this.refreshapps() - this.updateComplete.then(() => this.requestUpdate()) } else { - let err6string = get("appspage.schange25") + let err6string = get("websitespage.schange25") parentEpml.request('showSnackBar', `${err6string}`) } return ret @@ -1165,6 +1211,21 @@ class QApps extends LitElement { } } + renderFollowUnfollowButtonTab(appObj) { + let name = appObj.name + + if (this.followedNames == null || !Array.isArray(this.followedNames)) { + return html`` + } + + if (this.followedNames.indexOf(name) === -1) { + return html` this.followNameTab(appObj)}>add_to_queue ${translate("appspage.schange29")}` + } + else { + return html` this.unfollowNameTab(appObj)}>remove_from_queue ${translate("appspage.schange30")}` + } + } + renderBlockUnblockButton(appObj) { let name = appObj.name @@ -1179,6 +1240,24 @@ class QApps extends LitElement { } } + renderBlockUnblockButtonTab(appObj) { + let name = appObj.name + + // Only show the block/unblock button if we have permission to modify the list on this node + if (this.blockedNames == null || !Array.isArray(this.blockedNames)) { + return html`` + } + + if (this.blockedNames.indexOf(name) === -1) { + // render block button + return html` this.blockNameTab(websiteObj)}>block ${translate("appspage.schange31")}` + } + else { + // render unblock button + return html` this.unblockNameTab(websiteObj)}>radio_button_unchecked ${translate("appspage.schange32")}` + } + } + bytesToSize(bytes) { var sizes = ['bytes', 'KB', 'MB', 'GB', 'TB'] if (bytes == 0) return '0 bytes'