sunbirded-mobile-app documentation
  1. Components
  2. SbNoNetworkPopupComponent

File

src/app/components/popups/sb-no-network-popup/sb-no-network-popup.component.ts

Metadata

selector sb-no-network-popup
templateUrl sb-no-network-popup.component.html

Index

Properties
Methods

Constructor

constructor(popoverCtrl: PopoverController)
Defined in src/app/components/popups/sb-no-network-popup/sb-no-network-popup.component.ts:10
Parameters :
Name Type Optional
popoverCtrl PopoverController No

Methods

closePopover
closePopover()
Defined in src/app/components/popups/sb-no-network-popup/sb-no-network-popup.component.ts:15
Returns : void

Properties

sbPopoverHeading
Type : string
Default value : ''
Defined in src/app/components/popups/sb-no-network-popup/sb-no-network-popup.component.ts:9
sbPopoverMessage
Type : string
Default value : ''
Defined in src/app/components/popups/sb-no-network-popup/sb-no-network-popup.component.ts:10
 
import { Component } from '@angular/core';
import { PopoverController } from '@ionic/angular';

@Component({
  selector: 'sb-no-network-popup',
  templateUrl: 'sb-no-network-popup.component.html'
})
export class SbNoNetworkPopupComponent {
  sbPopoverHeading = '';
  sbPopoverMessage = '';

  constructor(private popoverCtrl: PopoverController) {
  }

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

}

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

    <ion-row>
      <ion-col class="ion-no-padding" size="1">
        <img src="assets/imgs/ic_offline_white_sm.png" alt="offline-image">
      </ion-col>

      <ion-col class="ion-no-padding" size="10">
        <label class="no-net-heading">{{sbPopoverHeading}}</label>
      </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-row *ngIf="sbPopoverMessage?.length">
      <ion-col class="ion-no-padding" offset="1" size="10">
        <div class="no-net-message">{{sbPopoverMessage}}</div>
      </ion-col>
    </ion-row>

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

results matching ""

    No results matching ""