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 { +

${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 = [