@sumaris-net/ngx-components 0.25.1 → 0.25.5

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

@@ -7816,6 +7816,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(StartableService.prototype, "starting", {
+            get: function () {
+                return !!this._startPromise;
+            },
+            enumerable: false,
+            configurable: true
+        });
         StartableService.prototype.ready = function () {
             if (this._started)
                 return Promise.resolve(this._data);
@@ -9205,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);
         };
@@ -10939,7 +10964,7 @@
             var _this = this;
             this._listeners[name] = this._listeners[name] || [];
             this._listeners[name].push(callback);
-            // When unsubcribe, remove from the listener
+            // When unsubscribe, remove from the listener
             return new rxjs.Subscription(function () {
                 var index = _this._listeners[name].indexOf(callback);
                 if (index !== -1) {
@@ -12705,7 +12730,7 @@
     var GraphqlService = /** @class */ (function (_super) {
         __extends(GraphqlService, _super);
         function GraphqlService(platform, apollo, httpLink, network, storage, cryptoService, environment, typePolicies) {
-            var _this = _super.call(this, network) || this;
+            var _this = _super.call(this, platform) || this;
             _this.platform = platform;
             _this.apollo = apollo;
             _this.httpLink = httpLink;
@@ -12720,22 +12745,6 @@
             _this.customErrors = {};
             _this._debug = !environment.production;
             _this._defaultFetchPolicy = environment.apolloFetchPolicy;
-            // Restart if network restart
-            _this.network.on('start', function () { return _this.restart(); });
-            // Clear cache
-            _this.network.on('resetCache', function () { return __awaiter(_this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, this.ready()];
-                        case 1:
-                            _a.sent();
-                            return [4 /*yield*/, this.clearCache()];
-                        case 2:
-                            _a.sent();
-                            return [2 /*return*/];
-                    }
-                });
-            }); });
             // Listen network status
             _this._networkStatusChanged$ = network.onNetworkStatusChanges
                 .pipe(operators.filter(isNotNil), operators.distinctUntilChanged());
@@ -13196,12 +13205,14 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            client = (client || this.apollo.client);
+                            client = (client || this.client);
                             if (!client) return [3 /*break*/, 2];
-                            now = this._debug && Date.now();
                             console.info('[graphql] Clearing Apollo client\'s cache... ');
+                            now = this._debug && Date.now();
+                            // Clearing the cache
                             return [4 /*yield*/, client.cache.reset()];
                         case 1:
+                            // Clearing the cache
                             _a.sent();
                             if (this._debug)
                                 console.debug("[graphql] Apollo client's cache cleared, in " + (Date.now() - now) + "ms");
@@ -13221,7 +13232,9 @@
                 var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
-                        case 0:
+                        case 0: return [4 /*yield*/, this.network.ready()];
+                        case 1:
+                            _a.sent();
                             console.info('[graphql] Starting graphql...');
                             mobile = this.platform.is('mobile') || this.platform.is('mobileweb');
                             enableTrackMutationQueries = !mobile;
@@ -13241,7 +13254,7 @@
                                 }, webSocketImpl: AppWebSocket, uri: wsUri });
                             storage = new apollo3CachePersist.IonicStorageWrapper(this.storage);
                             client = this.apollo.client;
-                            if (!!client) return [3 /*break*/, 3];
+                            if (!!client) return [3 /*break*/, 4];
                             console.debug('[apollo] Creating GraphQL client...');
                             wsLink = new ws.WebSocketLink(this.wsParams);
                             retryLink = new retry.RetryLink();
@@ -13267,7 +13280,7 @@
                             cache = new core.InMemoryCache({
                                 typePolicies: this.typePolicies
                             });
-                            if (!this.environment.persistCache) return [3 /*break*/, 2];
+                            if (!this.environment.persistCache) return [3 /*break*/, 3];
                             console.debug('[graphql] Starting persistence cache...');
                             return [4 /*yield*/, apollo3CachePersist.persistCache({
                                     cache: cache,
@@ -13276,10 +13289,10 @@
                                     debounce: 1000,
                                     debug: true
                                 })];
-                        case 1:
-                            _a.sent();
-                            _a.label = 2;
                         case 2:
+                            _a.sent();
+                            _a.label = 3;
+                        case 3:
                             mutationLinks = void 0;
                             // Add queue to store tracked queries, when offline
                             if (enableTrackMutationQueries) {
@@ -13339,25 +13352,29 @@
                                 connectToDevTools: !this.environment.production
                             });
                             this.apollo.client = client;
-                            _a.label = 3;
-                        case 3:
-                            if (!(enableTrackMutationQueries && this.environment.persistCache)) return [3 /*break*/, 7];
                             _a.label = 4;
                         case 4:
-                            _a.trys.push([4, 6, , 7]);
+                            if (!(enableTrackMutationQueries && this.environment.persistCache)) return [3 /*break*/, 8];
+                            _a.label = 5;
+                        case 5:
+                            _a.trys.push([5, 7, , 8]);
                             return [4 /*yield*/, restoreTrackedQueries({
                                     apolloClient: client,
                                     storage: storage,
                                     debug: true
                                 })];
-                        case 5:
-                            _a.sent();
-                            return [3 /*break*/, 7];
                         case 6:
+                            _a.sent();
+                            return [3 /*break*/, 8];
+                        case 7:
                             err_2 = _a.sent();
                             console.error('[graphql] Failed to restore tracked queries from storage: ' + (err_2 && err_2.message || err_2), err_2);
-                            return [3 /*break*/, 7];
-                        case 7:
+                            return [3 /*break*/, 8];
+                        case 8:
+                            // Listen for network restart
+                            this._subscription.add(this.network.on('start', function () { return _this.restart(); }));
+                            // Listen for clear cache request, from network
+                            this._subscription.add(this.network.on('resetCache', function () { return _this.clearCache(); }));
                             console.info('[graphql] Starting graphql [OK]');
                             return [2 /*return*/, client];
                     }
@@ -15661,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');
@@ -15695,7 +15713,7 @@
         };
         Object.defineProperty(PlatformService.prototype, "canDownload", {
             get: function () {
-                return !!this.downloader;
+                return this._android && !!this.downloader;
             },
             enumerable: false,
             configurable: true
@@ -15742,7 +15760,7 @@
                 .then(function () {
                 _this._started = true;
                 _this._startPromise = undefined;
-                console.info("[platform] Starting platform [OK] {mobile: " + _this._mobile + ", touchUi: " + _this.touchUi + ", downloader: " + _this.canDownload + " in " + (Date.now() - now) + "ms");
+                console.info("[platform] Starting platform [OK] {mobile: " + _this._mobile + ", touchUi: " + _this.touchUi + ", canDownload: " + _this.canDownload + "} in " + (Date.now() - now) + "ms");
                 // Update cache configuration when network changed
                 _this.networkService.onNetworkStatusChanges.subscribe(function (type) { return _this.configureCache(type !== 'none'); });
                 // Update authentication type
@@ -15790,34 +15808,53 @@
                 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.downloader) return [3 /*break*/, 5];
-                            request = Object.assign(Object.assign({ visibleInDownloadsUi: true, notificationVisibility: ngx$6.NotificationVisibility.VisibleNotifyCompleted, title: request.filename || '' }, request), { destinationInExternalFilesDir: Object.assign({ dirType: 'Downloads', subPath: request.filename || request.title || '' }, request.destinationInExternalFilesDir) });
+                            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]);
-                            return [4 /*yield*/, this.downloader.download(request)];
+                            _a.trys.push([1, 3, 4, 5]);
+                            console.debug('[platform] Downloading, using request: ' + JSON.stringify(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);
                             return [2 /*return*/, location];
                         case 3:
                             err_1 = _a.sent();
-                            console.error('[platform] Error while downloading: ' + (err_1 && err_1.message || err_1), err_1);
+                            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,9 +21316,12 @@
         ANDROID_APK: 'application/vnd.android.package-archive'
     });
     var AppInstallUpgradeCard = /** @class */ (function () {
-        function AppInstallUpgradeCard(modalCtrl, configService, 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;
             this.network = network;
@@ -21319,18 +21359,8 @@
                             this.offline = this.network.offline;
                             // Listen pod config
                             this._subscription.add(this.configService.config
-                                .subscribe(function (config) {
-                                console.info('[install] Checking if upgrade  or install is need...');
-                                var installLinks = _this.getAllInstallLinks(config);
-                                // Check for upgrade
-                                _this.updateLinks = _this.getCompatibleUpgradeLinks(installLinks, config);
-                                // Check for install links (if no upgrade need)
-                                _this.installLinks = !_this.updateLinks && _this.getCompatibleInstallLinks(installLinks);
-                                setTimeout(function () {
-                                    _this.loading = false;
-                                    _this.markForCheck();
-                                }, 2000); // Add a delay, for animation
-                            }));
+                                .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
                                 .pipe(
@@ -21338,8 +21368,10 @@
                             //tap(() => this.waitingNetwork = false),
                             operators.map(function (connectionType) { return connectionType === 'none'; }), operators.distinctUntilChanged())
                                 .subscribe(function (offline) {
-                                _this.offline = offline;
-                                _this.markForCheck();
+                                if (_this.offline !== offline) {
+                                    _this.offline = offline;
+                                    _this.markForCheck();
+                                }
                             }));
                             return [2 /*return*/];
                     }
@@ -21348,39 +21380,54 @@
         };
         AppInstallUpgradeCard.prototype.ngOnDestroy = function () {
             this._subscription.unsubscribe();
+            this._subscription = null;
+            this.onUpdateOfflineModeClick.complete();
+            this.installLinks = null;
+            this.upgradeLinks = null;
         };
-        AppInstallUpgradeCard.prototype.downloadUsingPlatform = function (event, link) {
+        AppInstallUpgradeCard.prototype.download = function (event, link) {
             return __awaiter(this, void 0, void 0, function () {
+                var job;
                 return __generator(this, function (_a) {
                     if (!link || !link.url) {
-                        console.info('[install-upgrade] Invalid link: ' + JSON.stringify(link));
+                        console.error('[install-upgrade-card] Missing required argument \'link.url\'');
                         return [2 /*return*/]; // Skip
                     }
-                    console.info('[install-upgrade] User ask download of: ' + link.url);
-                    this.platform.download({
+                    job = this.platform.download({
                         uri: link.url,
-                        filename: link.downloadFilename,
+                        title: link.title,
+                        filename: link.filename,
                         mimeType: link.mimeType
-                    }).then(function (location) {
-                        console.info('[install-upgrade] File downloaded at: ' + location);
-                        // TODO: display a info toast ?
                     });
-                    return [2 /*return*/];
+                    return [2 /*return*/, this.listenDownloadPromise(link, job)];
                 });
             });
         };
         AppInstallUpgradeCard.prototype.tryOnline = function () {
-            var _this = this;
-            this.waitingNetwork = true;
-            this.markForCheck();
-            this.network.tryOnline({
-                showLoadingToast: false,
-                showOnlineToast: true,
-                showOfflineToast: false
-            })
-                .then(function () {
-                _this.waitingNetwork = false;
-                _this.markForCheck();
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this.waitingNetwork = true;
+                            this.markForCheck();
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, , 3, 4]);
+                            return [4 /*yield*/, this.network.tryOnline({
+                                    showLoadingToast: false,
+                                    showOnlineToast: true,
+                                    showOfflineToast: false
+                                })];
+                        case 2:
+                            _a.sent();
+                            return [3 /*break*/, 4];
+                        case 3:
+                            this.waitingNetwork = false;
+                            this.markForCheck();
+                            return [7 /*endfinally*/];
+                        case 4: return [2 /*return*/];
+                    }
+                });
             });
         };
         AppInstallUpgradeCard.prototype.getPlatformName = function (platform) {
@@ -21397,6 +21444,45 @@
             return value;
         };
         /* -- private method  -- */
+        AppInstallUpgradeCard.prototype.checkNeedInstallOrUpdate = function (config) {
+            return __awaiter(this, void 0, void 0, function () {
+                var links;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            console.info('[install] Check if need to install or upgrade...');
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, , 3, 4]);
+                            links = this.getLinks(config);
+                            // Check for upgrade
+                            this.upgradeLinks = this.getCompatibleUpgradeLinks(links, config);
+                            // Check for install links (if no upgrade need)
+                            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];
+                        case 3:
+                            this.loading = false;
+                            this.markForCheck();
+                            return [7 /*endfinally*/];
+                        case 4:
+                            // Listening downloading files
+                            (this.upgradeLinks || []).forEach(function (link) {
+                                var promise = _this.platform.getDownloadingPromise(link.url);
+                                // Listening download promise, if exists
+                                if (promise) {
+                                    console.info("[install-upgrade-card] Platform is already downloading this file '" + link.url + "': listening promise...");
+                                    _this.listenDownloadPromise(link, promise);
+                                }
+                            });
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
         AppInstallUpgradeCard.prototype.getCompatibleInstallLinks = function (installLinks) {
             // Cordova already running: not need to install
             if (this.platform.is('cordova'))
@@ -21426,7 +21512,7 @@
             });
             return isNotEmptyArray(upgradeLinks) ? upgradeLinks : undefined;
         };
-        AppInstallUpgradeCard.prototype.getAllInstallLinks = function (config) {
+        AppInstallUpgradeCard.prototype.getLinks = function (config) {
             var result = [];
             // Android
             {
@@ -21434,16 +21520,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
@@ -21452,18 +21542,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
@@ -21487,12 +21577,106 @@
         AppInstallUpgradeCard.prototype.markForCheck = function () {
             this.cd.markForCheck();
         };
+        AppInstallUpgradeCard.prototype.showToast = function (opts) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, Toasts.show(this.toastController, this.translate, opts)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        AppInstallUpgradeCard.prototype.listenDownloadPromise = function (link, promise) {
+            return __awaiter(this, void 0, void 0, function () {
+                var location, err_1;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!link || !promise)
+                                return [2 /*return*/]; // Skip
+                            _a.label = 1;
+                        case 1:
+                            _a.trys.push([1, 3, 4, 5]);
+                            // Mark link as loading
+                            if (!link.downloading) {
+                                link.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));
+                            this.showDownloadFailedToast(err_1);
+                            return [3 /*break*/, 5];
+                        case 4:
+                            link.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)=\"downloadUsingPlatform($event, asLink(link))\"\n                color=\"tertiary\" class=\"ion-float-end\">\n      <ion-icon slot=\"start\" name=\"download\"></ion-icon>\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%}"]
@@ -21501,6 +21685,9 @@
     AppInstallUpgradeCard.ctorParameters = function () { return [
         { type: i1$5.ModalController },
         { type: ConfigService },
+        { type: i1$5.ToastController },
+        { type: i1$5.AlertController },
+        { type: i1$2.TranslateService },
         { type: i0.ChangeDetectorRef },
         { type: PlatformService },
         { type: NetworkService },