File

src/modules/firetask/components/ft-account-name-form/ft-account-name-form.ts

Description

Form for changing account name

Example

Metadata

selector ft-account-name-form
templateUrl ft-account-name-form.html

Index

Properties
Methods

Constructor

constructor(session: FtSessionProvider, loading: LoadingController, alert: AlertController, navCtrl: NavController)

Creates an instance of FtAccountNameFormComponent.

Parameters :
Name Type Optional Description
session FtSessionProvider
loading LoadingController
alert AlertController
navCtrl NavController

Methods

Private errorHandler
errorHandler(error: any)

Manipulate error before display

Parameters :
Name Type Optional Description
error any
Returns : any
Public onRename
onRename(form: )

Rename action

Parameters :
Name Type Optional Description
form
Returns : void
Private showAlert
showAlert(title: string, subtitle: string)

Display alert to user

Parameters :
Name Type Optional Description
title string
subtitle string
Returns : any

Properties

Public alert
alert: AlertController
Type : AlertController
Public loading
loading: LoadingController
Type : LoadingController
Public navCtrl
navCtrl: NavController
Type : NavController
Public session
session: FtSessionProvider
Type : FtSessionProvider
Public submitted
submitted: boolean
Type : boolean
Default value : false
<form #accountForm="ngForm" novalidate>
    <ion-list>
      <ion-item>
        <ion-label frost stacked color="dark">NAME</ion-label>
        <ion-icon ios="ios-contact-outline" md="md-contact" item-left frost color="dark"></ion-icon>
        <ion-input [(ngModel)]="session.logged.displayName" name="displayName" type="text" #displayName="ngModel" spellcheck="false" autocapitalize="off"
          required placeholder="Your new name" color="dark"></ion-input>
      </ion-item>
    </ion-list>
  
    <ion-grid>
      <ion-row>
        <ion-col>
          <button ion-button large outline block round (tap)="onRename(accountForm)" color="dark">Rename</button>
        </ion-col>
      </ion-row>
    </ion-grid>
  </form>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""