Alerts

Used to handle normal ionic alerts, enriched for a more detailed view with better stylings.

Example

• Reference Implementation: Favorites DApp - DApp add component
• typescript using alertService

async showValid(dapp: any): Promise<any> {
  this.alertService.addDAppAlertStyle(dapp);

  await this
    .alertService.showSubmitAlert(
      '_dappdapps.alert.validTitle',
      {
        key: '_dappdapps.alert.dappMessage',
        translateOptions: dapp
      },
      'cancel',
      'submit'
    );

  this.alertService.removeDAppAlertStyle(dapp.name);
}

• html definition with translation
• Reference Implementation: Favorites DApp I18N

...
'validMessage': `
  <div class="advanced-alert">
    <div class="alert-img-container">
      <div class="alert-img evan-img-{{ name }}"></div>
    </div>
    <div class="alert-body">
      <h3>{{ name }}</h3>
      <span>{{ description }}</span>
    </div>
  </div>
`
...

View Example