File

src/app/components/popups/sb-insufficient-storage-popup/sb-insufficient-storage-popup.ts

Metadata

Index

Properties
Methods

Constructor

constructor(navParams: NavParams, popoverCtrl: PopoverController, router: Router)
Parameters :
Name Type Optional
navParams NavParams No
popoverCtrl PopoverController No
router Router No

Methods

closePopover
closePopover()
Returns : void
initParams
initParams()
Returns : void
navigateToStorageSettings
navigateToStorageSettings()
Returns : void

Properties

sbPopoverHeading
Type : string
Default value : ''
sbPopoverMessage
Type : string
Default value : ''
import { Component } from '@angular/core';
import { NavParams, PopoverController } from '@ionic/angular';
import { Router } from '@angular/router';
import { RouterLinks } from '@app/app/app.constant';

@Component({
  selector: 'sb-insufficient-storage-popup',
  templateUrl: 'sb-insufficient-storage-popup.html'
})
export class SbInsufficientStoragePopupComponent {
  sbPopoverHeading = '';
  sbPopoverMessage = '';

  constructor(private navParams: NavParams,
              private popoverCtrl: PopoverController,
              private router: Router) {
    this.initParams();
  }

   initParams() {
    this.sbPopoverHeading = this.navParams.get('sbPopoverHeading');
    this.sbPopoverMessage = this.navParams.get('sbPopoverMessage');
  }

  closePopover() {
    this.popoverCtrl.dismiss();
  }

  navigateToStorageSettings() {
    this.popoverCtrl.dismiss();
    this.router.navigate([RouterLinks.STORAGE_SETTINGS]);
  }

}
<ion-content class="no-net-popup">
  <ion-grid class="ion-padding">

    <ion-row>
      <ion-col class="ion-no-padding" size="11" (click)="navigateToStorageSettings()">
        <label class="no-net-heading">{{sbPopoverHeading}}</label>
        <div class="no-net-message" *ngIf="sbPopoverMessage?.length">{{sbPopoverMessage}}</div>
      </ion-col>

      <ion-col class="ion-no-padding" size="1">
        <ion-icon class="no-net-close-btn" name="close" (click)="closePopover()"></ion-icon>
      </ion-col>
    </ion-row>

  </ion-grid>
</ion-content>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""