@sumaris-net/ngx-components 1.2.6 → 1.3.1

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

@@ -80,7 +80,6 @@ import { CacheService, CacheModule } from 'ionic-cache';
 import * as i6 from 'ionic-cache/dist/cache.service';
 import * as i9 from '@ionic-native/network/ngx/index';
 import * as i10 from '@ionic-native/splash-screen/ngx/index';
-import { FileOpener } from '@awesome-cordova-plugins/file-opener/ngx';
 import { StatusBar } from '@ionic-native/status-bar/ngx';
 import * as i2$4 from '@angular/cdk/platform';
 import { Platform as Platform$1 } from '@angular/cdk/platform';
@@ -102,7 +101,6 @@ import * as i14 from '@ionic-native/status-bar/ngx/index';
 import * as i15 from '@ionic-native/keyboard/ngx/index';
 import * as i17 from '@ionic-native/in-app-browser/ngx/index';
 import * as i18 from '@ionic-native/downloader/ngx/index';
-import * as i19 from '@awesome-cordova-plugins/file-opener/ngx/index';
 import { ValidatorService, TableDataSource } from '@e-is/ngx-material-table';
 import { SelectionModel } from '@angular/cdk/collections';
 import { NgxJdenticonModule } from 'ngx-jdenticon';
@@ -14590,7 +14588,7 @@ ConfigService.ctorParameters = () => [
 
 const moment$2 = momentImported;
 class PlatformService extends StartableService {
-    constructor(platform, cdkPlatform, toastController, translate, dateAdapter, entitiesStorage, settings, networkService, accountService, configService, cache, storage, audioProvider, environment, statusBar, keyboard, splashScreen, browser, downloader, fileOpener) {
+    constructor(platform, cdkPlatform, toastController, translate, dateAdapter, entitiesStorage, settings, networkService, accountService, configService, cache, storage, audioProvider, environment, statusBar, keyboard, splashScreen, browser, downloader) {
         super(platform);
         this.platform = platform;
         this.cdkPlatform = cdkPlatform;
@@ -14611,7 +14609,6 @@ class PlatformService extends StartableService {
         this.splashScreen = splashScreen;
         this.browser = browser;
         this.downloader = downloader;
-        this.fileOpener = fileOpener;
         this._downloadingJobs = new Map();
         this._debug = !environment.production;
         if (this._debug)
@@ -14631,13 +14628,13 @@ class PlatformService extends StartableService {
         return !this.platform.is('mobile') || this.platform.is('mobileweb');
     }
     isAndroidCordova() {
-        return this._android && this._cordova;
+        return this._android && this._cordova || false;
     }
     get canDownload() {
-        return isNotNil(this.downloader);
+        return this._android && this._cordova && isNotNil(this.downloader);
     }
-    getCanOpenFile() {
-        return isNotNil(this.fileOpener);
+    get canOpenFile() {
+        return false;
     }
     width() {
         return this.platform.width();
@@ -14664,8 +14661,8 @@ class PlatformService extends StartableService {
                 // Configure translation
                 yield this.configureTranslate();
                 // Configure storage
-                const forage = yield this.storageReady();
-                yield this.migrateStorage(forage);
+                const storage = yield this.storageReady();
+                yield this.migrateStorage(storage);
                 // Start root services
                 yield Promise.all([
                     this.entitiesStorage.ready(),
@@ -14674,7 +14671,7 @@ class PlatformService extends StartableService {
                     this.networkService.ready(),
                     this.audioProvider.ready()
                 ]);
-                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}, downloader: ${this.canDownload}, fileOpener: ${this.canOpenFile}} in ${Date.now() - now}ms`);
                 // Update cache configuration when network changed
                 this.networkService.onNetworkStatusChanges
                     .pipe(skip(1)) // Skip the first event (behavior subject send event immediately)
@@ -14751,14 +14748,14 @@ class PlatformService extends StartableService {
     }
     openFile(filePath, fileMimeType) {
         console.debug(`[platform] Opening file: ${filePath} (${fileMimeType}) ...`);
-        if (this.fileOpener) {
-            return this.fileOpener.open(filePath, fileMimeType);
-        }
-        else {
-            console.warn('[platform] Cannot use Cordova FileOpener plugin: using browser open()');
-            this.open(filePath, '_system', 'location=no', true);
-            return Promise.resolve();
-        }
+        //if (this.fileOpener) {
+        //  return this.fileOpener.open(filePath, fileMimeType);
+        // }
+        //else {
+        console.warn('[platform] Cannot use Cordova FileOpener plugin: using browser open()');
+        this.open(filePath, '_system', 'location=no', true);
+        return Promise.resolve();
+        //}
     }
     /* -- protected methods -- */
     configureCordovaPlugins(mobile) {
@@ -14839,23 +14836,23 @@ class PlatformService extends StartableService {
             return forage;
         });
     }
-    migrateStorage(forage) {
+    migrateStorage(storage) {
         return __awaiter(this, void 0, void 0, function* () {
-            const canMigrate = forage &&
-                ((forage.driver() === 'cordovaSQLiteDriver' && (forage.supports(forage.INDEXEDDB) || forage.supports(forage.WEBSQL))) ||
-                    (forage.driver() === forage.WEBSQL && forage.supports(forage.INDEXEDDB)));
+            const canMigrate = storage &&
+                ((storage.driver() === 'cordovaSQLiteDriver' && (storage.supports(storage.INDEXEDDB) || storage.supports(storage.WEBSQL))) ||
+                    (storage.driver() === storage.WEBSQL && storage.supports(storage.INDEXEDDB)));
             if (!canMigrate)
                 return; // Skip
-            const oldForage = forage.createInstance({
-                name: forage.config().name,
-                storeName: forage.config().storeName,
-                driver: [forage.INDEXEDDB, forage.WEBSQL]
+            const oldForage = storage.createInstance({
+                name: storage.config().name,
+                storeName: storage.config().storeName,
+                driver: [storage.INDEXEDDB, storage.WEBSQL]
             });
             const keys = yield oldForage.keys();
             // No data in the odl storage: skip migration
             if (isEmptyArray(keys)) {
                 // Drop the old instance (not need anymore)
-                console.debug(`[platform] Old storage is empty: dropping unused instance {name: '${forage.config().name}', driver: '${oldForage.driver()}'}`);
+                console.debug(`[platform] Old storage is empty: dropping unused instance {name: '${storage.config().name}', driver: '${oldForage.driver()}'}`);
                 yield oldForage.dropInstance();
             }
             // IF some data stored in the OLD storage: start migration
@@ -14865,7 +14862,7 @@ class PlatformService extends StartableService {
                 const toast = yield this.showToast({ message: 'INFO.DATA_MIGRATION_STARTED',
                     duration: 30000 });
                 try {
-                    yield StorageUtils.copy(oldForage, forage, { keys, deleteAfterCopy: false });
+                    yield StorageUtils.copy(oldForage, storage, { keys, deleteAfterCopy: false });
                     const duration = Date.now() - now;
                     setTimeout(() => toast.dismiss(), Math.max(2000 - duration, 0));
                     yield this.showToast({ message: 'INFO.DATA_MIGRATION_SUCCEED',
@@ -14874,7 +14871,7 @@ class PlatformService extends StartableService {
                     });
                     console.info('[platform] Starting storage migration [OK]');
                     // Drop the old instance
-                    console.info(`[platform] Drop old storage {name: '${forage.config().name}', driver: '${oldForage.driver()}'}`);
+                    console.info(`[platform] Drop old storage {name: '${storage.config().name}', driver: '${oldForage.driver()}'}`);
                     yield oldForage.dropInstance();
                 }
                 catch (err) {
@@ -14936,7 +14933,7 @@ class PlatformService extends StartableService {
         });
     }
 }
-PlatformService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PlatformService_Factory() { return new PlatformService(i0.ɵɵinject(i1$4.Platform), i0.ɵɵinject(i2$4.Platform), i0.ɵɵinject(i1$4.ToastController), i0.ɵɵinject(i1$1.TranslateService), i0.ɵɵinject(i1.MomentDateAdapter), i0.ɵɵinject(EntitiesStorage), i0.ɵɵinject(LocalSettingsService), i0.ɵɵinject(NetworkService), i0.ɵɵinject(AccountService), i0.ɵɵinject(ConfigService), i0.ɵɵinject(i6.CacheService), i0.ɵɵinject(i3$1.Storage), i0.ɵɵinject(AudioProvider), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(i14.StatusBar, 8), i0.ɵɵinject(i15.Keyboard, 8), i0.ɵɵinject(i10.SplashScreen, 8), i0.ɵɵinject(i17.InAppBrowser, 8), i0.ɵɵinject(i18.Downloader, 8), i0.ɵɵinject(i19.FileOpener, 8)); }, token: PlatformService, providedIn: "root" });
+PlatformService.ɵprov = i0.ɵɵdefineInjectable({ factory: function PlatformService_Factory() { return new PlatformService(i0.ɵɵinject(i1$4.Platform), i0.ɵɵinject(i2$4.Platform), i0.ɵɵinject(i1$4.ToastController), i0.ɵɵinject(i1$1.TranslateService), i0.ɵɵinject(i1.MomentDateAdapter), i0.ɵɵinject(EntitiesStorage), i0.ɵɵinject(LocalSettingsService), i0.ɵɵinject(NetworkService), i0.ɵɵinject(AccountService), i0.ɵɵinject(ConfigService), i0.ɵɵinject(i6.CacheService), i0.ɵɵinject(i3$1.Storage), i0.ɵɵinject(AudioProvider), i0.ɵɵinject(ENVIRONMENT), i0.ɵɵinject(i14.StatusBar, 8), i0.ɵɵinject(i15.Keyboard, 8), i0.ɵɵinject(i10.SplashScreen, 8), i0.ɵɵinject(i17.InAppBrowser, 8), i0.ɵɵinject(i18.Downloader, 8)); }, token: PlatformService, providedIn: "root" });
 PlatformService.decorators = [
     { type: Injectable, args: [{ providedIn: 'root' },] }
 ];
@@ -14959,8 +14956,7 @@ PlatformService.ctorParameters = () => [
     { type: Keyboard, decorators: [{ type: Optional }] },
     { type: SplashScreen, decorators: [{ type: Optional }] },
     { type: InAppBrowser, decorators: [{ type: Optional }] },
-    { type: Downloader, decorators: [{ type: Optional }] },
-    { type: FileOpener, decorators: [{ type: Optional }] }
+    { type: Downloader, decorators: [{ type: Optional }] }
 ];
 
 class AppHelpModal {
@@ -18933,7 +18929,7 @@ class AppInstallUpgradeCard {
         this._subscription = new Subscription();
         this._showUpdateOfflineFeature = false;
         this.loading = true;
-        this.canDownload = false;
+        this.hasDownloader = false;
         this.downloading = false;
         this.waitingNetwork = false;
         this.showUpgradeWarning = true;
@@ -18992,7 +18988,8 @@ class AppInstallUpgradeCard {
                 mimeType: link.mimeType
             }))
                 .then((location) => {
-                link.location = location;
+                if (this.platform.canOpenFile)
+                    link.location = location;
                 link.downloading = false;
             })
                 .catch(() => link.downloading = false)
@@ -19049,7 +19046,7 @@ class AppInstallUpgradeCard {
             if (!config)
                 return; // Skip
             console.info('[install-upgrade-card] Check if need to install or upgrade...');
-            this.canDownload = this.platform.canDownload;
+            this.hasDownloader = this.platform.canDownload;
             try {
                 const links = this.getLinks(config);
                 // Check for upgrade
@@ -19261,7 +19258,7 @@ class AppInstallUpgradeCard {
 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        </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.filename; else redirectButton\">\n\n    <ng-container *ngIf=\"canDownload; else webDownloadButton\">\n      <!-- Download using platform -->\n      <ion-button (click)=\"download($event, asLink(link))\"\n                  *ngIf=\"!link.location; else openButton\"\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=\"link.downloading\"></ion-spinner>\n        <ion-label translate>COMMON.BTN_DOWNLOAD</ion-label>\n      </ion-button>\n\n      <!-- Open APK button -->\n      <ng-template #openButton>\n        <ion-button *ngIf=\"link.location\"\n                    (click)=\"openFile($event, link)\"\n                    color=\"tertiary\" class=\"ion-float-end\" >\n          <ion-label translate>COMMON.BTN_INSTALL</ion-label>\n        </ion-button>\n      </ng-template>\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",
+                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.filename; else redirectButton\">\n\n    <ng-container *ngIf=\"hasDownloader; else webDownloadButton\">\n      <!-- Download using platform -->\n      <ion-button (click)=\"download($event, asLink(link))\"\n                  *ngIf=\"!link.location; else openButton\"\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\n      <!-- Open APK button -->\n      <ng-template #openButton>\n        <ion-button *ngIf=\"link.location\"\n                    (click)=\"openFile($event, link)\"\n                    color=\"tertiary\" class=\"ion-float-end\" >\n          <ion-label translate>COMMON.BTN_INSTALL</ion-label>\n        </ion-button>\n      </ng-template>\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%}"]