TypeScript CoreDomUtilsProvider.showModalLoading方法代碼示例

        this.element.addEventListener('click', (ev: Event): void => {
            if (!this.module && !this.moduleId) {
                return;
            }

            ev.preventDefault();
            ev.stopPropagation();

            const modal = this.domUtils.showModalLoading(),
                courseId = typeof this.courseId == 'string' ? parseInt(this.courseId, 10) : this.courseId;
            let promise;

            if (this.module) {
                // We already have the module.
                promise = Promise.resolve(this.module);
            } else {
                // Try to get the module from cache.
                this.moduleId = typeof this.moduleId == 'string' ? parseInt(this.moduleId, 10) : this.moduleId;
                promise = this.courseProvider.getModule(this.moduleId, courseId);
            }

            promise.then((module) => {
                const componentId = this.componentId || module.id;

                return this.courseHelper.downloadModuleAndOpenFile(module, courseId, this.component, componentId, this.files);
            }).catch((error) => {
                this.domUtils.showErrorModalDefault(error, 'core.errordownloading', true);
            }).finally(() => {
                modal.dismiss();
            });
        });

    /**
     * Completion clicked.
     *
     * @param {Event} e The click event.
     */
    completionClicked(e: Event): void {
        if (this.completion) {
            if (typeof this.completion.cmid == 'undefined' || this.completion.tracking !== 1) {
                return;
            }

            e.preventDefault();
            e.stopPropagation();

            const modal = this.domUtils.showModalLoading(),
                params = {
                    cmid: this.completion.cmid,
                    completed: this.completion.state === 1 ? 0 : 1
                },
                currentSite = this.sitesProvider.getCurrentSite();

            currentSite.write('core_completion_update_activity_completion_status_manually', params).then((response) => {
                if (!response.status) {
                    return Promise.reject(null);
                }

                this.completionChanged.emit();
            }).catch((error) => {
                this.domUtils.showErrorModalDefault(error, 'core.errorchangecompletion', true);
            }).finally(() => {
                modal.dismiss();
            });
        }
    }

    /**
     * Request to reset the password.
     *
     * @param {Event} e Event.
     */
    resetPassword(e: Event): void {
        e.preventDefault();
        e.stopPropagation();

        const field = this.myForm.value.field,
            value = this.myForm.value.value;

        if (!value) {
            this.domUtils.showErrorModal('core.login.usernameoremail', true);

            return;
        }

        const modal = this.domUtils.showModalLoading('core.sending', true),
            isMail = field == 'email';

        this.loginHelper.requestPasswordReset(this.siteUrl, isMail ? '' : value, isMail ? value : '').then((response) => {
            if (response.status == 'dataerror') {
                // Error in the data sent.
                this.showError(isMail, response.warnings);
            } else if (response.status == 'emailpasswordconfirmnotsent' || response.status == 'emailpasswordconfirmnoemail') {
                // Error, not found.
                this.domUtils.showErrorModal(response.notice);
            } else {
                // Success.
                this.domUtils.showAlert(this.translate.instant('core.success'), response.notice);
                this.navCtrl.pop();
            }
        }).catch((error) => {
            this.domUtils.showErrorModal(error);
        }).finally(() => {
            modal.dismiss();
        });
    }

    /**
     * Completion clicked.
     *
     * @param {Event} e The click event.
     */
    completionClicked(e: Event): void {
        if (this.completion) {
            if (typeof this.completion.cmid == 'undefined' || this.completion.tracking !== 1) {
                return;
            }

            e.preventDefault();
            e.stopPropagation();

            const modal = this.domUtils.showModalLoading();

            this.courseProvider.markCompletedManually(this.completion.cmid, this.completion.state === 1 ? 0 : 1,
                    this.completion.courseId, this.completion.courseName).then((response) => {

                if (!response.status) {
                    return Promise.reject(null);
                }

                this.completionChanged.emit();
            }).catch((error) => {
                this.domUtils.showErrorModalDefault(error, 'core.errorchangecompletion', true);
            }).finally(() => {
                modal.dismiss();
            });
        }
    }

 /**
  * Opens a URL.
  *
  * @param {string} url The URL to go to.
  */
 open(url: string): void {
     const modal = this.domUtils.showModalLoading();
     this.contentLinksHelper.handleLink(url).then((treated) => {
         if (!treated) {
             return this.sitesProvider.getCurrentSite().openInBrowserWithAutoLoginIfSameSite(url);
         }
     }).finally(() => {
         modal.dismiss();
     });
 }

    /**
     * Call a WS.
     *
     * @return {Promise<any>} Promise resolved when done.
     */
    protected callWS(): Promise<any> {
        const modal = this.domUtils.showModalLoading();

        return super.callWS().catch((error) => {
            if (typeof this.showError == 'undefined' || this.utils.isTrueOrOne(this.showError)) {
                this.domUtils.showErrorModalDefault(error, 'core.serverconnection', true);
            }
        }).finally(() => {
            modal.dismiss();
        });
    }

    /**
     * Tries to authenticate the user.
     *
     * @param {Event} e Event.
     */
    login(e: Event): void {
        e.preventDefault();
        e.stopPropagation();

        this.appProvider.closeKeyboard();

        // Get input data.
        const siteUrl = this.siteUrl,
            username = this.username,
            password = this.credForm.value.password;

        if (!password) {
            this.domUtils.showErrorModal('core.login.passwordrequired', true);

            return;
        }

        if (!this.appProvider.isOnline()) {
            this.domUtils.showErrorModal('core.networkerrormsg', true);

            return;
        }

        const modal = this.domUtils.showModalLoading();

        // Start the authentication process.
        this.sitesProvider.getUserToken(siteUrl, username, password).then((data) => {
            return this.sitesProvider.updateSiteToken(this.infoSiteUrl, username, data.token, data.privateToken).then(() => {
                // Update site info too because functions might have changed (e.g. unisntall local_mobile).
                return this.sitesProvider.updateSiteInfoByUrl(this.infoSiteUrl, username).then(() => {
                    // Reset fields so the data is not in the view anymore.
                    this.credForm.controls['password'].reset();

                    if (this.pageName) {
                        // Page defined, go to that page instead of site initial page.
                        return this.navCtrl.setRoot(this.pageName, this.pageParams);
                    } else {
                        return this.loginHelper.goToSiteInitialPage();
                    }
                }).catch((error) => {
                    // Error, go back to login page.
                    this.domUtils.showErrorModalDefault(error, 'core.login.errorupdatesite', true);
                    this.cancel();
                });
            });
        }).catch((error) => {
            this.loginHelper.treatUserTokenError(siteUrl, error, username, password);
        }).finally(() => {
            modal.dismiss();
        });
    }

 /**
  * Accept the site policy.
  */
 accept(): void {
     const modal = this.domUtils.showModalLoading('core.sending', true);
     this.loginHelper.acceptSitePolicy(this.siteId).then(() => {
         // Success accepting, go to site initial page.
         // Invalidate cache since some WS don't return error if site policy is not accepted.
         return this.currentSite.invalidateWsCache().catch(() => {
             // Ignore errors.
         }).then(() => {
             return this.loginHelper.goToSiteInitialPage();
         });
     }).catch((error) => {
         this.domUtils.showErrorModalDefault(error, 'Error accepting site policy.');
     }).finally(() => {
         modal.dismiss();
     });
 }

        this.element.addEventListener('click', (ev: Event): void => {
            if (!this.file) {
                return;
            }

            ev.preventDefault();
            ev.stopPropagation();

            const modal = this.domUtils.showModalLoading();

            this.fileHelper.downloadAndOpenFile(this.file, this.component, this.componentId).catch((error) => {
                this.domUtils.showErrorModalDefault(error, 'core.errordownloading', true);
            }).finally(() => {
                modal.dismiss();
            });
        });

        return this.fileUploaderHelper.selectAndUploadFile(maxSize).then((result) => {
            if (!result) {
                return Promise.reject(null);
            }

            // File uploaded. Move it to private files.
            const modal = this.domUtils.showModalLoading('core.fileuploader.uploading', true);

            return this.filesProvider.moveFromDraftToPrivate(result.itemid).catch((error) => {
                this.domUtils.showErrorModalDefault(error, 'core.fileuploader.errorwhileuploading', true);

                return Promise.reject(null);
            }).finally(() => {
                modal.dismiss();
            });
        }).then(() => {