diff --git a/src/vpu-official-signature-pdf-upload.js b/src/vpu-official-signature-pdf-upload.js index c4329d1d93926cad1421177cd400744453d533ab..aa440e24d1e7747ffefa551d8701bdedd8e73f0f 100644 --- a/src/vpu-official-signature-pdf-upload.js +++ b/src/vpu-official-signature-pdf-upload.js @@ -285,11 +285,8 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitElem } 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('official-pdf-upload.upload-field-label')}</h2> <div class="control"> @@ -331,12 +328,15 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitElem </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> `; } }