diff --git a/plugins/plugins/core/q-app/q-apps.src.js b/plugins/plugins/core/q-app/q-apps.src.js
index 7bf724e1..5e184ecf 100644
--- a/plugins/plugins/core/q-app/q-apps.src.js
+++ b/plugins/plugins/core/q-app/q-apps.src.js
@@ -166,7 +166,23 @@ class QApps extends LitElement {
text-align:center;
padding: 15px;
line-height: 1.6;
- overflow-y: auto;
+ overflow: hidden;
+ }
+
+ paper-dialog.close-progress {
+ min-width: 550px;
+ max-width: 550px;
+ height: auto;
+ background-color: var(--white);
+ color: var(--black);
+ border: 1px solid var(--black);
+ border-radius: 15px;
+ text-align:center;
+ padding: 15px;
+ font-size: 17px;
+ font-weight: 500;
+ line-height: 20px;
+ overflow: hidden;
}
paper-dialog.search {
@@ -537,6 +553,19 @@ class QApps extends LitElement {
margin: 0 7px 7px 0;
padding: 7px;
}
+
+ .close-download {
+ color: var(--black);
+ font-size: 14px;
+ font-weight: bold;
+ position: absolute;
+ top: -15px;
+ right: -15px;
+ }
+
+ .close-download:hover {
+ color: #df3636;
+ }
`
}
@@ -641,10 +670,14 @@ class QApps extends LitElement {
+ this.closeDownloadProgressDialog()}" title="${translate("general.close")}">
${translate("appspage.schange41")}
${this.textProgress}
+
+ ${translate("appspage.schange43")}
+
${this.appBlock}
@@ -1087,6 +1120,8 @@ class QApps extends LitElement {
this.appStatus = html``
} else if (status1 === "Ready" || status2 === "DOWNLOADED") {
this.appStatus = html``
+ } else {
+ this.appStatus = html``
}
if (this.followedNames.indexOf(name) === -1) {
this.appFollow = html``
@@ -1288,6 +1323,7 @@ class QApps extends LitElement {
}
showChunks(appname) {
+ this.shadowRoot.getElementById('downloadProgressDialog').open()
const checkStatus = async () => {
const service = this.service
const name = appname
@@ -1300,8 +1336,6 @@ class QApps extends LitElement {
this.btnDisabled = true
- this.shadowRoot.getElementById('downloadProgressDialog').open()
-
let timerDownload
const response = await fetch(url, {
@@ -1367,6 +1401,15 @@ class QApps extends LitElement {
checkStatus()
}
+ async closeDownloadProgressDialog() {
+ const closeDelay = ms => new Promise(res => setTimeout(res, ms))
+ this.shadowRoot.getElementById('downloadProgressDialog').close()
+ this.shadowRoot.getElementById('closeProgressDialog').open()
+ await closeDelay(3000)
+ this.shadowRoot.getElementById('closeProgressDialog').close()
+ this.closeAppInfoDialog()
+ }
+
async followName(appName) {
let name = appName
let items = [