Merge pull request #7981 from Gamboster/fix/collectEmailView

[v4] Fix: collect email view
This commit is contained in:
Gustavo Maximiliano Cortez 2018-02-01 14:41:57 -03:00 committed by GitHub
commit 102ab13eb1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 17 deletions

View File

@ -10,29 +10,30 @@
<ion-content no-bounce> <ion-content no-bounce>
<h1 translate>Wallet Created</h1> <h1 translate>Wallet Created</h1>
<div *ngIf="!showConfirmForm"> <div *ngIf="!showConfirmForm">
<p translate>Notifications by email</p> <p translate>Notifications by email</p>
<img src='assets/img/app/onboarding/push-notifications.svg' /> <img src='assets/img/app/onboarding/push-notifications.svg' />
</div>
</ion-content>
<div class="bottom-absolute"> <ion-footer>
<p translate>Where would you like to receive email notifications about payments?</p> <div class="email-form" *ngIf="!showConfirmForm">
<form class="email-form" [formGroup]="emailForm" (ngSubmit)="showConfirm()"> <p translate>Where would you like to receive email notifications about payments?</p>
<ion-item> <form [formGroup]="emailForm" (ngSubmit)="showConfirm()">
<ion-input type="email" formControlName="email" placeholder="Email Input"></ion-input> <ion-item>
</ion-item> <ion-input type="email" formControlName="email" placeholder="Email Input"></ion-input>
</ion-item>
<ion-item no-lines text-wrap> <ion-item no-lines text-wrap>
<ion-label translate>Get news and updates from BitPay</ion-label> <ion-label translate>Get news and updates from BitPay</ion-label>
<ion-checkbox formControlName="accept" checked="true"></ion-checkbox> <ion-checkbox formControlName="accept" checked="true"></ion-checkbox>
</ion-item> </ion-item>
<button ion-button block type="submit" [disabled]="!emailForm.valid" translate>Continue &rarr;</button> <button ion-button block type="submit" [disabled]="!emailForm.valid" translate>Continue &rarr;</button>
</form> </form>
</div>
</div> </div>
<div *ngIf="showConfirmForm"> <div class="email-form" *ngIf="showConfirmForm">
<div> <div>
<p translate>Is this email address correct?</p> <p translate>Is this email address correct?</p>
<p>{{ emailForm.value.email }}</p> <p>{{ emailForm.value.email }}</p>
@ -48,4 +49,4 @@
</div> </div>
</div> </div>
</div> </div>
</ion-content> </ion-footer>

View File

@ -17,9 +17,11 @@ page-collect-email {
margin-left: 10px; margin-left: 10px;
} }
.email-form { .email-form {
p, ion-item {
color: #fff;
}
ion-item { ion-item {
background: none; background: none;
color: #fff;
} }
} }
} }