From 20ed9e8fa932d8d334f810eef5059678c50eb81a Mon Sep 17 00:00:00 2001 From: Christoph Reiter <reiter.christoph@gmail.com> Date: Mon, 4 May 2020 11:15:21 +0200 Subject: [PATCH] qualified: move loading spinner into the main render content --- src/vpu-qualified-signature-pdf-upload.js | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/vpu-qualified-signature-pdf-upload.js b/src/vpu-qualified-signature-pdf-upload.js index a023fcb..739be5f 100644 --- a/src/vpu-qualified-signature-pdf-upload.js +++ b/src/vpu-qualified-signature-pdf-upload.js @@ -504,11 +504,8 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle } render() { - if (this.isLoading()) { - return html`<vpu-mini-spinner></vpu-mini-spinner>`; - } return html` - <div class="${classMap({hidden: !this.isLoggedIn() || !this.hasSignaturePermissions()})}"> + <div class="${classMap({hidden: !this.isLoggedIn() || !this.hasSignaturePermissions() || this.isLoading()})}"> <div class="field"> <h2>${i18n.t('qualified-pdf-upload.upload-field-label')}</h2> <div class="control"> @@ -582,12 +579,15 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle </div> </div> </div> - <div class="notification is-warning ${classMap({hidden: this.isLoggedIn()})}"> + <div class="notification is-warning ${classMap({hidden: this.isLoggedIn() || this.isLoading()})}"> ${i18n.t('error-login-message')} </div> - <div class="notification is-danger ${classMap({hidden: this.hasSignaturePermissions() || !this.isLoggedIn()})}"> + <div class="notification is-danger ${classMap({hidden: this.hasSignaturePermissions() || !this.isLoggedIn() || this.isLoading()})}"> ${i18n.t('error-permission-message')} </div> + <div class="${classMap({hidden: !this.isLoading()})}"> + <vpu-mini-spinner></vpu-mini-spinner> + </div> `; } } -- GitLab