mirror of https://github.com/BTCPrivate/copay.git
[V4] REF: backup game css, notifications and remove cards in advanced settings
This commit is contained in:
Gabriel Bazán
parent
81c4ce2e9f
commit
786ccfbb70
|
|
@ -44,7 +44,7 @@
|
|||
<div class="bottom-absolute">
|
||||
<div *ngIf="!selectComplete">
|
||||
<ion-item-divider>{{'Please tap each word in the correct order.' | translate}}</ion-item-divider>
|
||||
<div>
|
||||
<div class="words">
|
||||
<button ion-button *ngFor="let shuffledWord of shuffledMnemonicWords; let i = index" (click)="addButton(i, shuffledWord)"
|
||||
[disabled]="shuffledWord.selected">{{shuffledWord.word}}
|
||||
</button>
|
||||
|
|
@ -78,4 +78,4 @@
|
|||
</div>
|
||||
</ion-slide>
|
||||
</ion-slides>
|
||||
</ion-content>
|
||||
</ion-content>
|
||||
|
|
@ -18,10 +18,18 @@ page-backup-game {
|
|||
.phrase {
|
||||
display: -webkit-box;
|
||||
background: color($colors, light);
|
||||
margin: 0 auto;
|
||||
max-width: 500px;
|
||||
min-height: 12rem;
|
||||
align-items: center;
|
||||
line-height: 170%;
|
||||
word-spacing: 10px;
|
||||
}
|
||||
.words {
|
||||
max-width: 500px;
|
||||
margin: 0 auto;
|
||||
.button {
|
||||
margin: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,59 +8,52 @@
|
|||
|
||||
|
||||
<ion-content>
|
||||
<ion-card>
|
||||
<ion-card-header>
|
||||
<div class="toggle-header">
|
||||
<ion-label>{{'Use Unconfirmed Funds' | translate}}</ion-label>
|
||||
<ion-toggle [(ngModel)]="spendUnconfirmed" (ionChange)="spendUnconfirmedChange()"></ion-toggle>
|
||||
</div>
|
||||
</ion-card-header>
|
||||
<ion-item-divider color="light" text-wrap>
|
||||
<ion-item-divider color="light"></ion-item-divider>
|
||||
<ion-list class="toggle">
|
||||
<div class="toggle-header">
|
||||
<ion-label>{{'Use Unconfirmed Funds' | translate}}</ion-label>
|
||||
<ion-toggle [(ngModel)]="spendUnconfirmed" (ionChange)="spendUnconfirmedChange()"></ion-toggle>
|
||||
</div>
|
||||
<ion-item-divider class="comment" text-wrap>
|
||||
<span translate>If enabled, wallets will also try to spend unconfirmed funds. This option may cause transaction delays.</span>
|
||||
</ion-item-divider>
|
||||
</ion-card>
|
||||
</ion-list>
|
||||
|
||||
<ion-card>
|
||||
<ion-card-header>
|
||||
<div class="toggle-header">
|
||||
<ion-label>{{'Use Bitcoin Cash Copay Style Addresses' | translate}}</ion-label>
|
||||
<ion-toggle [(ngModel)]="useLegacyAddress" (ionChange)="useLegacyAddressChange()"></ion-toggle>
|
||||
</div>
|
||||
</ion-card-header>
|
||||
<ion-item-divider color="light" text-wrap>
|
||||
<ion-list class="toggle">
|
||||
<div class="toggle-header">
|
||||
<ion-label>{{'Use Bitcoin Cash Copay Style Addresses' | translate}}</ion-label>
|
||||
<ion-toggle [(ngModel)]="useLegacyAddress" (ionChange)="useLegacyAddressChange()"></ion-toggle>
|
||||
</div>
|
||||
<ion-item-divider class="comment" text-wrap>
|
||||
<span translate>If enabled, Bitcoin Cash addresses will be shown using Copay style address, and not the new cashaddr format.</span>
|
||||
</ion-item-divider>
|
||||
</ion-card>
|
||||
</ion-list>
|
||||
|
||||
<ion-card>
|
||||
<ion-card-header>
|
||||
<div class="toggle-header">
|
||||
<ion-label>{{'Recent Transaction Card' | translate}}</ion-label>
|
||||
<ion-toggle [(ngModel)]="recentTransactionsEnabled" (ionChange)="recentTransactionsChange()"></ion-toggle>
|
||||
</div>
|
||||
</ion-card-header>
|
||||
<ion-item-divider color="light" text-wrap>
|
||||
<ion-list class="toggle">
|
||||
<div class="toggle-header">
|
||||
<ion-label>{{'Recent Transaction Card' | translate}}</ion-label>
|
||||
<ion-toggle [(ngModel)]="recentTransactionsEnabled" (ionChange)="recentTransactionsChange()"></ion-toggle>
|
||||
</div>
|
||||
<ion-item-divider class="comment" text-wrap>
|
||||
<span translate>If enabled, the Recent Transactions card - a list of transactions occuring across all wallets - will appear in the
|
||||
Home tab.</span>
|
||||
</ion-item-divider>
|
||||
</ion-card>
|
||||
</ion-list>
|
||||
|
||||
<ion-card>
|
||||
<ion-card-header>
|
||||
<div class="toggle-header">
|
||||
<ion-label>{{'Show Services Card' | translate}}</ion-label>
|
||||
<ion-toggle [(ngModel)]="showIntegrations" (ionChange)="integrationsChange()"></ion-toggle>
|
||||
</div>
|
||||
</ion-card-header>
|
||||
<ion-card-content *ngIf="showIntegrations">
|
||||
<ion-list class="toggle">
|
||||
<div class="toggle-header">
|
||||
<ion-label>{{'Show Services Card' | translate}}</ion-label>
|
||||
<ion-toggle [(ngModel)]="showIntegrations" (ionChange)="integrationsChange()"></ion-toggle>
|
||||
</div>
|
||||
<div *ngIf="showIntegrations">
|
||||
<ion-item *ngFor="let integration of homeIntegrations">
|
||||
<ion-label>{{integration.title}}</ion-label>
|
||||
<ion-checkbox [(ngModel)]="integration.show" (ionChange)="integrationChange(integration.name)"></ion-checkbox>
|
||||
</ion-item>
|
||||
</ion-card-content>
|
||||
<ion-item-divider color="light" text-wrap>
|
||||
</div>
|
||||
<ion-item-divider class="comment" text-wrap>
|
||||
<span translate>If enabled, the "Services Card" will appear in the Home tab.</span>
|
||||
</ion-item-divider>
|
||||
</ion-card>
|
||||
</ion-list>
|
||||
|
||||
</ion-content>
|
||||
|
|
@ -1,4 +1,10 @@
|
|||
page-advanced {
|
||||
.toggle {
|
||||
padding: 10px 15px 10px 15px;
|
||||
}
|
||||
.comment {
|
||||
padding-left: 0;
|
||||
}
|
||||
.toggle-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
|
||||
<ion-content>
|
||||
|
||||
<ion-item-divider color="light"></ion-item-divider>
|
||||
<ion-list>
|
||||
<div *ngIf="usePushNotifications">
|
||||
<ion-item>
|
||||
|
|
@ -55,4 +55,4 @@
|
|||
</div>
|
||||
</ion-list>
|
||||
|
||||
</ion-content>
|
||||
</ion-content>
|
||||
Loading…
Reference in New Issue