@sumaris-net/ngx-components 0.25.2 → 0.25.6

package/bundles/sumaris-net.ngx-components.umd.js

@@ -9212,6 +9212,24 @@
                 path: noTrailingSlash(url.pathname)
             });
         };
+        Peer.path = function (peer) {
+            var _a;
+            var paths = [];
+            for (var _i = 1; _i < arguments.length; _i++) {
+                paths[_i - 1] = arguments[_i];
+            }
+            if (!peer)
+                throw new Error('Missing required argument \'peer\'!');
+            // Remove starting slashes
+            paths = (paths || []).map(function (path) {
+                if (path.startsWith('./'))
+                    return path.substring(2);
+                if (path.startsWith('/'))
+                    return path.substring(1);
+                return path;
+            }).filter(isNotNilOrBlank);
+            return (_a = [noTrailingSlash(Peer_1.fromObject(peer).url)]).concat.apply(_a, __spread(paths)).join('/');
+        };
         Peer.prototype.asObject = function (options) {
             return _super.prototype.asObject.call(this, options);
         };
@@ -15660,6 +15678,7 @@
             this.browser = browser;
             this.downloader = downloader;
             this._started = false;
+            this._downloadingPromise = new Map();
             this._debug = !environment.production;
             if (this._debug)
                 console.debug('[platform] Creating service');
@@ -15789,21 +15808,35 @@
                 window.open(url, target, features, replace);
             }
         };
+        PlatformService.prototype.getDownloadingPromise = function (uri) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this._downloadingPromise.get(uri)];
+                });
+            });
+        };
         PlatformService.prototype.download = function (request) {
             return __awaiter(this, void 0, void 0, function () {
-                var location, err_1;
+                var promise, location, err_1;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             if (!request || !request.uri)
                                 throw new Error('Missing argument \'request\' or \'request.uri\'');
-                            if (!(this._android && this.downloader)) return [3 /*break*/, 5];
-                            request = Object.assign({ visibleInDownloadsUi: true, notificationVisibility: ngx$6.NotificationVisibility.VisibleNotifyCompleted }, request);
+                            if (!(this._android && this.downloader)) return [3 /*break*/, 6];
+                            promise = this._downloadingPromise.get(request.uri);
+                            if (promise)
+                                return [2 /*return*/, promise];
+                            request = Object.assign({ visibleInDownloadsUi: true, notificationVisibility: ngx$6.NotificationVisibility.VisibleNotifyCompleted, title: request.title || request.filename }, request);
                             _a.label = 1;
                         case 1:
-                            _a.trys.push([1, 3, , 4]);
+                            _a.trys.push([1, 3, 4, 5]);
                             console.debug('[platform] Downloading, using request: ' + JSON.stringify(request));
-                            return [4 /*yield*/, this.downloader.download(request)];
+                            // Start download
+                            promise = this.downloader.download(request);
+                            // Remember this request uri
+                            this._downloadingPromise.set(request.uri, promise);
+                            return [4 /*yield*/, promise];
                         case 2:
                             location = _a.sent();
                             console.info('[platform] File successfully downloaded at:' + location);
@@ -15812,12 +15845,16 @@
                             err_1 = _a.sent();
                             console.error('[platform] Unable to download: ' + (err_1 && err_1.message || err_1));
                             throw err_1;
-                        case 4: return [3 /*break*/, 6];
-                        case 5:
-                            console.warn('[platform] Cannot use Cordova downloader: using browser open()');
+                        case 4:
+                            // Forget the request
+                            this._downloadingPromise.delete(request.uri);
+                            return [7 /*endfinally*/];
+                        case 5: return [3 /*break*/, 7];
+                        case 6:
+                            console.warn('[platform] Cannot use Android downloader: using browser open()');
                             this.open(request.uri, '_system', 'location=no', true);
                             return [2 /*return*/, undefined];
-                        case 6: return [2 /*return*/];
+                        case 7: return [2 /*return*/];
                     }
                 });
             });
@@ -21279,10 +21316,11 @@
         ANDROID_APK: 'application/vnd.android.package-archive'
     });
     var AppInstallUpgradeCard = /** @class */ (function () {
-        function AppInstallUpgradeCard(modalCtrl, configService, toastController, translate, cd, platform, network, environment) {
+        function AppInstallUpgradeCard(modalCtrl, configService, toastController, alertController, translate, cd, platform, network, environment) {
             this.modalCtrl = modalCtrl;
             this.configService = configService;
             this.toastController = toastController;
+            this.alertController = alertController;
             this.translate = translate;
             this.cd = cd;
             this.platform = platform;
@@ -21322,7 +21360,7 @@
                             this.offline = this.network.offline;
                             // Listen pod config
                             this._subscription.add(this.configService.config
-                                .pipe(operators.debounceTime(1000))
+                                .pipe(operators.debounceTime(1000), operators.filter(function () { return _this.network.online; }))
                                 .subscribe(function (config) { return _this.checkNeedInstallOrUpdate(config); }));
                             // Listen network changes
                             this._subscription.add(this.network.onNetworkStatusChanges
@@ -21343,47 +21381,24 @@
         };
         AppInstallUpgradeCard.prototype.ngOnDestroy = function () {
             this._subscription.unsubscribe();
+            this._subscription = null;
+            this.onUpdateOfflineModeClick.complete();
+            this.installLinks = null;
+            this.upgradeLinks = null;
         };
         AppInstallUpgradeCard.prototype.download = function (event, link) {
             return __awaiter(this, void 0, void 0, function () {
-                var location;
                 return __generator(this, function (_a) {
                     if (!link || !link.url) {
                         console.error('[install-upgrade-card] Missing required argument \'link.url\'');
                         return [2 /*return*/]; // Skip
                     }
-                    this.downloading = true;
-                    try {
-                        console.info('[install-upgrade-card] User ask download of: ' + link.url);
-                        location = this.platform.download({
+                    return [2 /*return*/, this.listenDownloadPromise(link.url, this.platform.download({
                             uri: link.url,
-                            title: link.name,
-                            filename: link.downloadFilename,
+                            title: link.title,
+                            filename: link.filename,
                             mimeType: link.mimeType
-                        });
-                        console.info('[install-upgrade-card] File downloaded at: ' + location);
-                    }
-                    // Failed: display a toast
-                    catch (err) {
-                        console.error('[install-upgrade] Download failed: ' + (err && err.message || err));
-                        this.showToast({
-                            message: 'ERROR.DOWNLOAD_FAILED',
-                            messageParams: { error: err },
-                            type: 'error',
-                            showCloseButton: true
-                        });
-                        return [2 /*return*/]; // Stop here
-                    }
-                    finally {
-                        this.downloading = false;
-                        this.markForCheck();
-                    }
-                    this.showToast({
-                        message: 'INFO.DOWNLOAD_UPDATE_SUCCEED',
-                        type: 'info',
-                        showCloseButton: true
-                    });
-                    return [2 /*return*/];
+                        }))];
                 });
             });
         };
@@ -21430,7 +21445,8 @@
         /* -- private method  -- */
         AppInstallUpgradeCard.prototype.checkNeedInstallOrUpdate = function (config) {
             return __awaiter(this, void 0, void 0, function () {
-                var installLinks;
+                var links;
+                var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
@@ -21438,12 +21454,12 @@
                             _a.label = 1;
                         case 1:
                             _a.trys.push([1, , 3, 4]);
-                            installLinks = this.getAllInstallLinks(config);
+                            links = this.getLinks(config);
                             // Check for upgrade
-                            this.updateLinks = this.getCompatibleUpgradeLinks(installLinks, config);
+                            this.upgradeLinks = this.getCompatibleUpgradeLinks(links, config);
                             // Check for install links (if no upgrade need)
-                            this.installLinks = !this.updateLinks && this.getCompatibleInstallLinks(installLinks);
-                            return [4 /*yield*/, sleep(500)];
+                            this.installLinks = !this.upgradeLinks && this.getCompatibleInstallLinks(links);
+                            return [4 /*yield*/, sleep(1000)];
                         case 2:
                             _a.sent(); // Add a delay, for animation
                             return [3 /*break*/, 4];
@@ -21451,7 +21467,14 @@
                             this.loading = false;
                             this.markForCheck();
                             return [7 /*endfinally*/];
-                        case 4: return [2 /*return*/];
+                        case 4:
+                            // Listening downloading promise, if exists
+                            (this.upgradeLinks || []).forEach(function (link) {
+                                var promise = _this.platform.getDownloadingPromise(link.url);
+                                if (promise)
+                                    _this.listenDownloadPromise(link.url, promise);
+                            });
+                            return [2 /*return*/];
                     }
                 });
             });
@@ -21485,7 +21508,7 @@
             });
             return isNotEmptyArray(upgradeLinks) ? upgradeLinks : undefined;
         };
-        AppInstallUpgradeCard.prototype.getAllInstallLinks = function (config) {
+        AppInstallUpgradeCard.prototype.getLinks = function (config) {
             var result = [];
             // Android
             {
@@ -21493,16 +21516,20 @@
                 var url = config.getProperty(CORE_CONFIG_OPTIONS.ANDROID_INSTALL_URL);
                 if (isNilOrBlank(url))
                     url = this.environment.defaultAndroidInstallUrl || null;
+                // Resolve relative URL
+                var peer = this.network.peer;
+                if (peer && (url.startsWith('./') || url.startsWith('/'))) {
+                    url = exports.Peer.path(peer, url);
+                }
                 var minVersion = config.getProperty(CORE_CONFIG_OPTIONS.APP_MIN_VERSION);
                 // Compute App name
                 var name = isNotNilOrBlank(url) && config.label || this.environment.defaultAppName || 'SUMARiS';
                 if (url) {
-                    var downloadFilename = void 0;
-                    var version = void 0;
+                    var title = void 0;
                     var mimeType = void 0;
                     // Get file name
                     var filename = this.getFilename(url);
-                    version = minVersion || 'latest';
+                    var version = minVersion || 'latest';
                     // OK, this is a downloadable APK file (e.g. NOT a link to a playstore)
                     if (filename === null || filename === void 0 ? void 0 : filename.endsWith('.apk')) {
                         // Define mime type
@@ -21511,18 +21538,18 @@
                         var versionMatches = /-v([1-9][0-9]*\.[0-9]+\.(:?(:?alpha|beta|rc)?[0-9]*))/i.exec(filename);
                         version = versionMatches && versionMatches[1] || version;
                         // Compute a new file name, with the version
-                        if (isNotNilOrBlank(name)) {
-                            downloadFilename = (name + "-v" + version + ".apk").toLowerCase();
+                        if (isNotNilOrBlank(name) && version !== 'latest') {
+                            filename = (name + "-v" + version + ".apk").toLowerCase();
+                            title = name + " v" + version;
                         }
                         else {
-                            downloadFilename = filename;
                             // Replace 'latest' with the app version, if present
-                            if (downloadFilename.indexOf('latest')) {
-                                downloadFilename = downloadFilename.replace('latest', version);
+                            if (filename.indexOf('latest')) {
+                                filename = filename.replace('latest', version);
                             }
                         }
                     }
-                    result.push({ name: name, url: url, platform: 'android', version: version, downloadFilename: downloadFilename, mimeType: mimeType });
+                    result.push({ name: name, url: url, platform: 'android', version: version, filename: filename, title: title, mimeType: mimeType });
                 }
             }
             // iOS - TODO
@@ -21558,12 +21585,94 @@
                 });
             });
         };
+        AppInstallUpgradeCard.prototype.listenDownloadPromise = function (url, promise) {
+            return __awaiter(this, void 0, void 0, function () {
+                var location, err_1;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!url || !promise)
+                                return [2 /*return*/]; // Skip
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, 3, 4, 5]);
+                            // Mark as downloading
+                            if (!this.downloading) {
+                                console.info("[install-upgrade-card] Platform is downloading '" + url + "' ...");
+                                this.downloading = true;
+                                this.markForCheck();
+                            }
+                            return [4 /*yield*/, promise];
+                        case 2:
+                            location = _a.sent();
+                            console.info('[install-upgrade-card] File downloaded at: ' + location);
+                            return [3 /*break*/, 5];
+                        case 3:
+                            err_1 = _a.sent();
+                            console.error('[install-upgrade] Download failed: ' + (err_1 && err_1.message || err_1));
+                            return [2 /*return*/, this.showDownloadFailedToast(err_1)];
+                        case 4:
+                            this.downloading = false;
+                            this.markForCheck();
+                            return [7 /*endfinally*/];
+                        case 5: return [2 /*return*/, this.showDownloadCompleteDialog()];
+                    }
+                });
+            });
+        };
+        AppInstallUpgradeCard.prototype.showDownloadFailedToast = function (err) {
+            return this.showToast({
+                message: 'ERROR.DOWNLOAD_FAILED',
+                messageParams: { error: err },
+                type: 'error',
+                showCloseButton: true
+            });
+        };
+        AppInstallUpgradeCard.prototype.showDownloadCompleteDialog = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var translations, alert;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!this._subscription)
+                                return [2 /*return*/]; // Skip if component has been destroyed
+                            return [4 /*yield*/, this.translate.get([
+                                    'INFO.ALERT_HEADER',
+                                    'INFO.DOWNLOAD_UPDATE_SUCCEED',
+                                    'COMMON.BTN_CLOSE'
+                                ]).toPromise()];
+                        case 1:
+                            translations = _a.sent();
+                            return [4 /*yield*/, this.alertController.create({
+                                    header: translations['INFO.ALERT_HEADER'],
+                                    message: translations['INFO.DOWNLOAD_UPDATE_SUCCEED'],
+                                    buttons: [
+                                        {
+                                            text: translations['COMMON.BTN_CLOSE'],
+                                            role: 'cancel',
+                                            cssClass: 'secondary'
+                                        }
+                                    ]
+                                })];
+                        case 2:
+                            alert = _a.sent();
+                            return [4 /*yield*/, alert.present()];
+                        case 3:
+                            _a.sent();
+                            return [4 /*yield*/, alert.onDidDismiss()];
+                        case 4:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         return AppInstallUpgradeCard;
     }());
     AppInstallUpgradeCard.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-install-upgrade-card',
-                    template: "\n\n<!-- Offline mode card-->\n<ion-card *ngIf=\"showOfflineWarning && (!loading && offline || waitingNetwork)\"\n          color=\"accent\"\n          class=\"main ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row>\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\" *ngIf=\"!waitingNetwork; else waitingNetworkText\">\n            <h4>\n            <b *ngIf=\"isLogin; else notLogin\"  [innerHTML]=\"'NETWORK.INFO.OFFLINE_OR_UNAUTHORIZED'| translate\"></b>\n            <ng-template #notLogin>\n              <b [innerHTML]=\"'NETWORK.INFO.OFFLINE'| translate\"></b>\n            </ng-template>\n            </h4>\n            <h3>\n              <small [innerHTML]=\"'NETWORK.INFO.OFFLINE_HELP'|translate\"></small>\n            </h3>\n          </ion-text>\n          <ng-template #waitingNetworkText>\n            <ion-text class=\"ion-text-wrap\" [innerHTML]=\"'NETWORK.INFO.RETRY_TO_CONNECT'| translate\"></ion-text>\n          </ng-template>\n        </ion-col>\n        <ion-col size=\"auto\">\n\n          <!-- Retry button -->\n          <ion-button *ngIf=\"!waitingNetwork; else waitingSpinner\" color=\"tertiary\" class=\"ion-float-end\"\n                      (click)=\"tryOnline()\">\n            <span translate>NETWORK.BTN_CHECK_ALIVE</span>\n          </ion-button>\n\n          <!-- Waiting spinner -->\n          <ng-template #waitingSpinner>\n            <ion-spinner *ngIf=\"waitingNetwork\" color=\"light\"></ion-spinner>\n          </ng-template>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Upgrade links -->\n<ion-card *ngIf=\"showUpgradeWarning && !loading && !offline && updateLinks\"\n          color=\"accent\"\n          class=\"ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row *ngFor=\"let link of updateLinks; last as last\">\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\">\n            <h3>\n              <span *ngIf=\"link.version\" [innerHTML]=\"'INFO.UPDATE_APP_TO_VERSION'| translate: link\"></span>\n              <span *ngIf=\"!link.version\" [innerHTML]=\"'INFO.UPDATE_APP'| translate: link\"></span>\n            </h3>\n            <h4>\n              <small *ngIf=\"last\" [innerHTML]=\"'INFO.UPDATE_APP_HELP'|translate\"></small>\n            </h4>\n          </ion-text>\n        </ion-col>\n\n        <ion-col size=\"auto\">\n          <ng-container *ngTemplateOutlet=\"downloadButton; context: { $implicit: link  }\"></ng-container>\n        </ion-col>\n      </ion-row>\n\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Install links -->\n<ion-card *ngIf=\"showInstallButton && !loading && !offline && installLinks\"\n          color=\"secondary\"\n          class=\"ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row *ngFor=\"let link of installLinks; last as last\">\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\">\n            <h3 [innerHTML]=\"'INFO.DOWNLOAD_APP_TITLE'| translate: {name: link.name, platform: getPlatformName(link.platform) }\"></h3>\n            <h4><small *ngIf=\"last\" [innerHTML]=\"'INFO.DOWNLOAD_APP_HELP'|translate\"></small></h4>\n          </ion-text>\n        </ion-col>\n        <ion-col size=\"auto\">\n          <ng-container *ngTemplateOutlet=\"downloadButton; context: { $implicit: link  }\"></ng-container>\n        </ion-col>\n      </ion-row>\n\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Update offline feature card-->\n<ion-card *ngIf=\"showUpdateOfflineFeature && !loading && !offline\"\n          color=\"accent\"\n          class=\"main ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row>\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\">\n            <h4>\n              <b [innerHTML]=\"'NETWORK.INFO.UPDATE_OFFLINE_MODE'| translate\"></b>\n            </h4>\n            <h3>\n              <small [innerHTML]=\"'NETWORK.INFO.UPDATE_OFFLINE_MODE_HELP'|translate\"></small>\n            </h3>\n          </ion-text>\n        </ion-col>\n        <ion-col size=\"auto\">\n\n          <!-- Retry button -->\n          <ion-button color=\"tertiary\" class=\"ion-float-end\"\n                      (click)=\"onUpdateOfflineModeClick.emit($event)\">\n            <span translate>NETWORK.BTN_UPDATE</span>\n          </ion-button>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Display a download button, depending on the link URL, and the device platform -->\n<ng-template #downloadButton let-link>\n\n  <ng-container *ngIf=\"link.downloadFilename; else redirectButton\">\n\n    <!-- Download using platform -->\n    <ion-button *ngIf=\"platform.canDownload; else webDownloadButton\"\n                (click)=\"download($event, asLink(link))\"\n                [disabled]=\"downloading\"\n                color=\"tertiary\" class=\"ion-float-end\">\n      <ion-icon slot=\"start\" *ngIf=\"!downloading\" name=\"download\"></ion-icon>\n      <ion-spinner slot=\"start\" class=\"ion-no-padding\" *ngIf=\"downloading\"></ion-spinner>\n      <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n    </ion-button>\n\n    <!-- Web download button -->\n    <ng-template #webDownloadButton>\n      <ion-button [download]=\"link.downloadFilename\"\n                  [href]=\"link.url\"\n                  color=\"tertiary\" class=\"ion-float-end\" >\n        <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n      </ion-button>\n    </ng-template>\n  </ng-container>\n\n  <!-- Web redirect button -->\n  <ng-template #redirectButton>\n    <ion-button [href]=\"link.url\" rel=\"external\" color=\"tertiary\" class=\"ion-float-end\" target=\"_blank\">\n      <ion-label translate>COMMON.BTN_SHOW_MORE</ion-label>\n    </ion-button>\n  </ng-template>\n</ng-template>\n",
+                    template: "\n\n<!-- Offline mode card-->\n<ion-card *ngIf=\"showOfflineWarning && (!loading && offline || waitingNetwork)\"\n          color=\"accent\"\n          class=\"main ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row>\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\" *ngIf=\"!waitingNetwork; else waitingNetworkText\">\n            <h4>\n            <b *ngIf=\"isLogin; else notLogin\"  [innerHTML]=\"'NETWORK.INFO.OFFLINE_OR_UNAUTHORIZED'| translate\"></b>\n            <ng-template #notLogin>\n              <b [innerHTML]=\"'NETWORK.INFO.OFFLINE'| translate\"></b>\n            </ng-template>\n            </h4>\n            <h3>\n              <small [innerHTML]=\"'NETWORK.INFO.OFFLINE_HELP'|translate\"></small>\n            </h3>\n          </ion-text>\n          <ng-template #waitingNetworkText>\n            <ion-text class=\"ion-text-wrap\" [innerHTML]=\"'NETWORK.INFO.RETRY_TO_CONNECT'| translate\"></ion-text>\n          </ng-template>\n        </ion-col>\n        <ion-col size=\"auto\">\n\n          <!-- Retry button -->\n          <ion-button *ngIf=\"!waitingNetwork; else waitingSpinner\" color=\"tertiary\" class=\"ion-float-end\"\n                      (click)=\"tryOnline()\">\n            <span translate>NETWORK.BTN_CHECK_ALIVE</span>\n          </ion-button>\n\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Upgrade links -->\n<ion-card *ngIf=\"showUpgradeWarning && !loading && !offline && upgradeLinks\"\n          color=\"accent\"\n          class=\"ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row *ngFor=\"let link of upgradeLinks; last as last\">\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\">\n            <h3>\n              <span *ngIf=\"link.version\" [innerHTML]=\"'INFO.UPDATE_APP_TO_VERSION'| translate: link\"></span>\n              <span *ngIf=\"!link.version\" [innerHTML]=\"'INFO.UPDATE_APP'| translate: link\"></span>\n            </h3>\n            <h4>\n              <small *ngIf=\"last\" [innerHTML]=\"'INFO.UPDATE_APP_HELP'|translate\"></small>\n            </h4>\n          </ion-text>\n        </ion-col>\n\n        <ion-col size=\"auto\">\n          <ng-container *ngTemplateOutlet=\"downloadButton; context: { $implicit: link  }\"></ng-container>\n        </ion-col>\n      </ion-row>\n\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Install links -->\n<ion-card *ngIf=\"showInstallButton && !loading && !offline && installLinks\"\n          color=\"secondary\"\n          class=\"ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row *ngFor=\"let link of installLinks; last as last\">\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\">\n            <h3 [innerHTML]=\"'INFO.DOWNLOAD_APP_TITLE'| translate: {name: link.name, platform: getPlatformName(link.platform) }\"></h3>\n            <h4><small *ngIf=\"last\" [innerHTML]=\"'INFO.DOWNLOAD_APP_HELP'|translate\"></small></h4>\n          </ion-text>\n        </ion-col>\n        <ion-col size=\"auto\">\n          <ng-container *ngTemplateOutlet=\"downloadButton; context: { $implicit: link  }\"></ng-container>\n        </ion-col>\n      </ion-row>\n\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Update offline feature card-->\n<ion-card *ngIf=\"showUpdateOfflineFeature && !loading && !offline\"\n          color=\"accent\"\n          class=\"main ion-no-margin\"\n          @slideUpDownAnimation>\n  <ion-card-content class=\"ion-no-padding\">\n    <ion-grid>\n      <ion-row>\n        <ion-col>\n          <ion-text class=\"ion-text-wrap\">\n            <h4>\n              <b [innerHTML]=\"'NETWORK.INFO.UPDATE_OFFLINE_MODE'| translate\"></b>\n            </h4>\n            <h3>\n              <small [innerHTML]=\"'NETWORK.INFO.UPDATE_OFFLINE_MODE_HELP'|translate\"></small>\n            </h3>\n          </ion-text>\n        </ion-col>\n        <ion-col size=\"auto\">\n\n          <!-- Retry button -->\n          <ion-button color=\"tertiary\" class=\"ion-float-end\"\n                      (click)=\"onUpdateOfflineModeClick.emit($event)\">\n            <span translate>NETWORK.BTN_UPDATE</span>\n          </ion-button>\n        </ion-col>\n      </ion-row>\n    </ion-grid>\n\n  </ion-card-content>\n</ion-card>\n\n<!-- Display a download button, depending on the link URL, and the device platform -->\n<ng-template #downloadButton let-link>\n\n  <ng-container *ngIf=\"link.downloadFilename; else redirectButton\">\n\n    <ng-container *ngIf=\"platform.canDownload; else webDownloadButton\">\n      <!-- Download using platform -->\n      <ion-button (click)=\"download($event, asLink(link))\"\n                  [disabled]=\"link.downloading\"\n                  color=\"tertiary\" class=\"ion-float-end\">\n        <ion-icon slot=\"start\" *ngIf=\"!link.downloading\" name=\"download\"></ion-icon>\n        <ion-spinner slot=\"start\" class=\"ion-no-padding\" *ngIf=\"link.downloading\"></ion-spinner>\n        <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n      </ion-button>\n    </ng-container>\n\n    <!-- Web download button -->\n    <ng-template #webDownloadButton>\n      <ion-button [download]=\"link.downloadFilename\"\n                  [href]=\"link.url\"\n                  color=\"tertiary\" class=\"ion-float-end\" >\n        <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n      </ion-button>\n    </ng-template>\n  </ng-container>\n\n  <!-- Web redirect button -->\n  <ng-template #redirectButton>\n    <ion-button [href]=\"link.url\" rel=\"external\" color=\"tertiary\" class=\"ion-float-end\" target=\"_blank\">\n      <ion-label translate>COMMON.BTN_SHOW_MORE</ion-label>\n    </ion-button>\n  </ng-template>\n</ng-template>\n\n\n<!-- Waiting spinner -->\n<ng-template #waitingSpinner>\n  <ion-spinner color=\"light\"></ion-spinner>\n</ng-template>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     animations: [slideUpDownAnimation],
                     styles: ["ion-text small{font-size:85%}"]
@@ -21573,6 +21682,7 @@
         { type: i1$5.ModalController },
         { type: ConfigService },
         { type: i1$5.ToastController },
+        { type: i1$5.AlertController },
         { type: i1$2.TranslateService },
         { type: i0.ChangeDetectorRef },
         { type: PlatformService },