@sumaris-net/ngx-components 0.25.1 → 0.25.5

package/fesm2015/sumaris-net.ngx-components.js

@@ -6944,6 +6944,9 @@ class StartableService {
     get started() {
         return this._started;
     }
+    get starting() {
+        return !!this._startPromise;
+    }
     ready() {
         if (this._started)
             return Promise.resolve(this._data);
@@ -8165,6 +8168,19 @@ let Peer = Peer_1 = class Peer extends Entity {
             path: noTrailingSlash(url.pathname)
         });
     }
+    static path(peer, ...paths) {
+        if (!peer)
+            throw new Error('Missing required argument \'peer\'!');
+        // Remove starting slashes
+        paths = (paths || []).map(path => {
+            if (path.startsWith('./'))
+                return path.substring(2);
+            if (path.startsWith('/'))
+                return path.substring(1);
+            return path;
+        }).filter(isNotNilOrBlank);
+        return [noTrailingSlash(Peer_1.fromObject(peer).url)].concat(...paths).join('/');
+    }
     asObject(options) {
         return super.asObject(options);
     }
@@ -9593,7 +9609,7 @@ class NetworkService extends StartableService {
     addListener(name, callback) {
         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 Subscription(() => {
             const index = this._listeners[name].indexOf(callback);
             if (index !== -1) {
@@ -11035,7 +11051,7 @@ function restoreTrackedQueries(opts) {
 const APP_GRAPHQL_TYPE_POLICIES = new InjectionToken('graphqlTypePolicies');
 class GraphqlService extends StartableService {
     constructor(platform, apollo, httpLink, network, storage, cryptoService, environment, typePolicies) {
-        super(network); // Wait network
+        super(platform); // Wait network
         this.platform = platform;
         this.apollo = apollo;
         this.httpLink = httpLink;
@@ -11050,13 +11066,6 @@ class GraphqlService extends StartableService {
         this.customErrors = {};
         this._debug = !environment.production;
         this._defaultFetchPolicy = environment.apolloFetchPolicy;
-        // Restart if network restart
-        this.network.on('start', () => this.restart());
-        // Clear cache
-        this.network.on('resetCache', () => __awaiter(this, void 0, void 0, function* () {
-            yield this.ready();
-            yield this.clearCache();
-        }));
         // Listen network status
         this._networkStatusChanged$ = network.onNetworkStatusChanges
             .pipe(filter(isNotNil), distinctUntilChanged());
@@ -11461,10 +11470,11 @@ class GraphqlService extends StartableService {
     }
     clearCache(client) {
         return __awaiter(this, void 0, void 0, function* () {
-            client = (client || this.apollo.client);
+            client = (client || this.client);
             if (client) {
-                const now = this._debug && Date.now();
                 console.info('[graphql] Clearing Apollo client\'s cache... ');
+                const now = this._debug && Date.now();
+                // Clearing the cache
                 yield client.cache.reset();
                 if (this._debug)
                     console.debug(`[graphql] Apollo client's cache cleared, in ${Date.now() - now}ms`);
@@ -11477,6 +11487,7 @@ class GraphqlService extends StartableService {
     /* -- protected methods -- */
     ngOnStart() {
         return __awaiter(this, void 0, void 0, function* () {
+            yield this.network.ready();
             console.info('[graphql] Starting graphql...');
             const mobile = this.platform.is('mobile') || this.platform.is('mobileweb');
             const enableTrackMutationQueries = !mobile;
@@ -11612,6 +11623,10 @@ class GraphqlService extends StartableService {
                     console.error('[graphql] Failed to restore tracked queries from storage: ' + (err && err.message || err), err);
                 }
             }
+            // Listen for network restart
+            this._subscription.add(this.network.on('start', () => this.restart()));
+            // Listen for clear cache request, from network
+            this._subscription.add(this.network.on('resetCache', () => this.clearCache()));
             console.info('[graphql] Starting graphql [OK]');
             return client;
         });
@@ -13644,6 +13659,7 @@ class PlatformService {
         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');
@@ -13669,7 +13685,7 @@ class PlatformService {
         return this._android && this._cordova;
     }
     get canDownload() {
-        return !!this.downloader;
+        return this._android && !!this.downloader;
     }
     width() {
         return this.platform.width();
@@ -13712,7 +13728,7 @@ class PlatformService {
             .then(() => {
             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((type) => this.configureCache(type !== 'none'));
             // Update authentication type
@@ -13759,26 +13775,44 @@ class PlatformService {
             window.open(url, target, features, replace);
         }
     }
+    getDownloadingPromise(uri) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return this._downloadingPromise.get(uri);
+        });
+    }
     download(request) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!request || !request.uri)
                 throw new Error('Missing argument \'request\' or \'request.uri\'');
-            if (this.downloader) {
-                request = Object.assign(Object.assign({ visibleInDownloadsUi: true, notificationVisibility: NotificationVisibility.VisibleNotifyCompleted, title: request.filename || '' }, request), { destinationInExternalFilesDir: Object.assign({ dirType: 'Downloads', subPath: request.filename || request.title || '' }, request.destinationInExternalFilesDir) });
+            if (this._android && this.downloader) {
+                // Check if not already downloading file
+                let promise = this._downloadingPromise.get(request.uri);
+                if (promise)
+                    return promise;
+                request = Object.assign({ visibleInDownloadsUi: true, notificationVisibility: NotificationVisibility.VisibleNotifyCompleted, title: request.title || request.filename }, request);
                 try {
-                    const location = yield this.downloader.download(request);
+                    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);
+                    const location = yield promise;
                     console.info('[platform] File successfully downloaded at:' + location);
                     return location;
                 }
                 catch (err) {
-                    console.error('[platform] Error while downloading: ' + (err && err.message || err), err);
+                    console.error('[platform] Unable to download: ' + (err && err.message || err));
                     throw err;
                 }
+                finally {
+                    // Forget the request
+                    this._downloadingPromise.delete(request.uri);
+                }
             }
-            // Fallback (no Cordova)
-            // Web mode: open URI using the browser
+            // Fallback (if not Android and Cordova): opening the URI using the browser
+            // TODO: find a way to download under iOS (see https://www.c-sharpcorner.com/article/how-to-download-a-file-using-file-transfer-plugin-in-ionic-3/)
             else {
-                console.warn('[platform] Cannot use Cordova downloader: using browser open()');
+                console.warn('[platform] Cannot use Android downloader: using browser open()');
                 this.open(request.uri, '_system', 'location=no', true);
                 return undefined;
             }
@@ -18446,9 +18480,12 @@ const MimeTypes = Object.freeze({
     ANDROID_APK: 'application/vnd.android.package-archive'
 });
 class AppInstallUpgradeCard {
-    constructor(modalCtrl, configService, cd, platform, network, environment) {
+    constructor(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;
@@ -18477,18 +18514,8 @@ class AppInstallUpgradeCard {
             this.offline = this.network.offline;
             // Listen pod config
             this._subscription.add(this.configService.config
-                .subscribe(config => {
-                console.info('[install] Checking if upgrade  or install is need...');
-                const 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(() => {
-                    this.loading = false;
-                    this.markForCheck();
-                }, 2000); // Add a delay, for animation
-            }));
+                .pipe(debounceTime(1000), filter(() => this.network.online))
+                .subscribe(config => this.checkNeedInstallOrUpdate(config)));
             // Listen network changes
             this._subscription.add(this.network.onNetworkStatusChanges
                 .pipe(
@@ -18496,42 +18523,50 @@ class AppInstallUpgradeCard {
             //tap(() => this.waitingNetwork = false),
             map(connectionType => connectionType === 'none'), distinctUntilChanged())
                 .subscribe(offline => {
-                this.offline = offline;
-                this.markForCheck();
+                if (this.offline !== offline) {
+                    this.offline = offline;
+                    this.markForCheck();
+                }
             }));
         });
     }
     ngOnDestroy() {
         this._subscription.unsubscribe();
+        this._subscription = null;
+        this.onUpdateOfflineModeClick.complete();
+        this.installLinks = null;
+        this.upgradeLinks = null;
     }
-    downloadUsingPlatform(event, link) {
+    download(event, link) {
         return __awaiter(this, void 0, void 0, function* () {
             if (!link || !link.url) {
-                console.info('[install-upgrade] Invalid link: ' + JSON.stringify(link));
+                console.error('[install-upgrade-card] Missing required argument \'link.url\'');
                 return; // Skip
             }
-            console.info('[install-upgrade] User ask download of: ' + link.url);
-            this.platform.download({
+            const job = this.platform.download({
                 uri: link.url,
-                filename: link.downloadFilename,
+                title: link.title,
+                filename: link.filename,
                 mimeType: link.mimeType
-            }).then(location => {
-                console.info('[install-upgrade] File downloaded at: ' + location);
-                // TODO: display a info toast ?
             });
+            return this.listenDownloadPromise(link, job);
         });
     }
     tryOnline() {
-        this.waitingNetwork = true;
-        this.markForCheck();
-        this.network.tryOnline({
-            showLoadingToast: false,
-            showOnlineToast: true,
-            showOfflineToast: false
-        })
-            .then(() => {
-            this.waitingNetwork = false;
+        return __awaiter(this, void 0, void 0, function* () {
+            this.waitingNetwork = true;
             this.markForCheck();
+            try {
+                yield this.network.tryOnline({
+                    showLoadingToast: false,
+                    showOnlineToast: true,
+                    showOfflineToast: false
+                });
+            }
+            finally {
+                this.waitingNetwork = false;
+                this.markForCheck();
+            }
         });
     }
     getPlatformName(platform) {
@@ -18548,6 +18583,32 @@ class AppInstallUpgradeCard {
         return value;
     }
     /* -- private method  -- */
+    checkNeedInstallOrUpdate(config) {
+        return __awaiter(this, void 0, void 0, function* () {
+            console.info('[install] Check if need to install or upgrade...');
+            try {
+                const 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);
+                yield sleep(1000); // Add a delay, for animation
+            }
+            finally {
+                this.loading = false;
+                this.markForCheck();
+            }
+            // Listening downloading files
+            (this.upgradeLinks || []).forEach(link => {
+                const 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);
+                }
+            });
+        });
+    }
     getCompatibleInstallLinks(installLinks) {
         // Cordova already running: not need to install
         if (this.platform.is('cordova'))
@@ -18576,7 +18637,7 @@ class AppInstallUpgradeCard {
         });
         return isNotEmptyArray(upgradeLinks) ? upgradeLinks : undefined;
     }
-    getAllInstallLinks(config) {
+    getLinks(config) {
         const result = [];
         // Android
         {
@@ -18584,16 +18645,20 @@ class AppInstallUpgradeCard {
             let url = config.getProperty(CORE_CONFIG_OPTIONS.ANDROID_INSTALL_URL);
             if (isNilOrBlank(url))
                 url = this.environment.defaultAndroidInstallUrl || null;
+            // Resolve relative URL
+            const peer = this.network.peer;
+            if (peer && (url.startsWith('./') || url.startsWith('/'))) {
+                url = Peer.path(peer, url);
+            }
             const minVersion = config.getProperty(CORE_CONFIG_OPTIONS.APP_MIN_VERSION);
             // Compute App name
             const name = isNotNilOrBlank(url) && config.label || this.environment.defaultAppName || 'SUMARiS';
             if (url) {
-                let downloadFilename;
-                let version;
+                let title;
                 let mimeType;
                 // Get file name
-                const filename = this.getFilename(url);
-                version = minVersion || 'latest';
+                let filename = this.getFilename(url);
+                let 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
@@ -18602,18 +18667,18 @@ class AppInstallUpgradeCard {
                     const 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, url, platform: 'android', version, downloadFilename, mimeType });
+                result.push({ name, url, platform: 'android', version, filename, title, mimeType });
             }
         }
         // iOS - TODO
@@ -18637,11 +18702,73 @@ class AppInstallUpgradeCard {
     markForCheck() {
         this.cd.markForCheck();
     }
+    showToast(opts) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield Toasts.show(this.toastController, this.translate, opts);
+        });
+    }
+    listenDownloadPromise(link, promise) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!link || !promise)
+                return; // Skip
+            try {
+                // Mark link as loading
+                if (!link.downloading) {
+                    link.downloading = true;
+                    this.markForCheck();
+                }
+                const location = yield promise;
+                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.showDownloadFailedToast(err);
+            }
+            finally {
+                link.downloading = false;
+                this.markForCheck();
+            }
+            return this.showDownloadCompleteDialog();
+        });
+    }
+    showDownloadFailedToast(err) {
+        return this.showToast({
+            message: 'ERROR.DOWNLOAD_FAILED',
+            messageParams: { error: err },
+            type: 'error',
+            showCloseButton: true
+        });
+    }
+    showDownloadCompleteDialog() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this._subscription)
+                return; // Skip if component has been destroyed
+            const translations = yield this.translate.get([
+                'INFO.ALERT_HEADER',
+                'INFO.DOWNLOAD_UPDATE_SUCCEED',
+                'COMMON.BTN_CLOSE'
+            ]).toPromise();
+            const alert = 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'
+                    }
+                ]
+            });
+            yield alert.present();
+            yield alert.onDidDismiss();
+        });
+    }
 }
 AppInstallUpgradeCard.decorators = [
     { type: 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: ChangeDetectionStrategy.OnPush,
                 animations: [slideUpDownAnimation],
                 styles: ["ion-text small{font-size:85%}"]
@@ -18650,6 +18777,9 @@ AppInstallUpgradeCard.decorators = [
 AppInstallUpgradeCard.ctorParameters = () => [
     { type: ModalController },
     { type: ConfigService },
+    { type: ToastController },
+    { type: AlertController },
+    { type: TranslateService },
     { type: ChangeDetectorRef },
     { type: PlatformService },
     { type: NetworkService },