BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Ref: incoming data menu vie improved

This commit is contained in:
Gabriel Masclef 2018-01-10 17:34:20 -03:00
parent c902931ac5
commit e79842a8a6
No known key found for this signature in database
GPG Key ID: DD6D7EAADE12280D
2 changed files with 77 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

145
src/pages/incoming-data-menu/incoming-data-menu.html
View File

@ -9,75 +9,84 @@
</ion-header> </ion-header>
<ion-content padding> <ion-content padding>
<div *ngIf="type === 'url'"> <ion-list *ngIf="type === 'url'">
<div class="settings-explanation"> <ion-item-divider>{{'Website' |translate}}</ion-item-divider>
<div class="settings-heading" translate>Website</div> <ion-item>
<div class="settings-description">{{data}}</div> {{data}}
<button ion-item (click)="close('OpenExternalLink', data)"> <ion-icon item-start>
<ion-icon item-start> <img *ngIf="!https" src="assets/img/icon-lock-x.svg">
<img *ngIf="!https" src="assets/img/icon-lock-x.svg"> <img *ngIf="https" src="assets/img/icon-lock-green.svg">
<img *ngIf="https" src="assets/img/icon-lock-green.svg"> </ion-icon>
</ion-icon> </ion-item>
<h2 translate>Open website</h2> <button ion-item (click)="close('OpenExternalLink', data)">
</button> <ion-icon item-start>
</div> <img src="assets/img/icon-link-external.svg">
</div> </ion-icon>
<span translate>Open website</span>
</button>
<button ion-item copy-to-clipboard="{{ data }}">
<ion-icon item-start>
<img src="assets/img/icon-paperclip.svg">
</ion-icon>
<span translate>Copy to clipboard</span>
</button>
</ion-list>
<div *ngIf="type === 'bitcoinAddress'"> <ion-list *ngIf="type === 'bitcoinAddress'">
<div class="settings-explanation"> <ion-item-divider>{{'Bitcoin Address' | translate}}</ion-item-divider>
<div class="settings-heading" translate>Bitcoin Address</div> <ion-item>
<img src="assets/img/icon-bitcoin-small.svg"> {{data}}
<div class="settings-description">{{data}}</div> <ion-icon item-start>
<button ion-item (click)="close('AddressBookPage', data)"> <img src="assets/img/icon-bitcoin-small.svg">
<ion-icon item-start> </ion-icon>
<img src="assets/img/icon-contacts.svg"> </ion-item>
</ion-icon> <button ion-item (click)="close('AddressBookPage', data)">
<h2 translate>Add as a contact</h2> <ion-icon item-start>
</button> <img src="assets/img/icon-contacts.svg">
<button ion-item (click)="close('AmountPage', data)"> </ion-icon>
<ion-icon item-start> <span translate>Add as a contact</span>
<img src="assets/img/icon-send-alt.svg"> </button>
</ion-icon> <button ion-item (click)="close('AmountPage', data)">
<h2 translate>Send payment to this address</h2> <ion-icon item-start>
</button> <img src="assets/img/icon-send-alt.svg">
<button ion-item copy-to-clipboard="{{ data }}"> </ion-icon>
<ion-icon item-start> <span translate>Send payment to this address</span>
<img src="assets/img/icon-paperclip.svg"> </button>
</ion-icon> <button ion-item copy-to-clipboard="{{ data }}">
<h2 translate>Copy to clipboard</h2> <ion-icon item-start>
</button> <img src="assets/img/icon-paperclip.svg">
</div> </ion-icon>
</div> <span translate>Copy to clipboard</span>
</button>
</ion-list>
<div *ngIf="type === 'text'"> <ion-list *ngIf="type === 'text'">
<div class="settings-explanation"> <ion-item-divider>{{'Text' | translate}}</ion-item-divider>
<div class="settings-heading" translate>Text</div> <ion-item>
<div class="settings-description">{{data}}</div> {{data}}
<button ion-item copy-to-clipboard="{{ data }}"> </ion-item>
<ion-icon item-start> <button ion-item copy-to-clipboard="{{ data }}">
<img src="assets/img/icon-paperclip.svg"> <ion-icon item-start>
</ion-icon> <img src="assets/img/icon-paperclip.svg">
<h2 translate>Copy to clipboard</h2> </ion-icon>
</button> <span translate>Copy to clipboard</span>
</div> </button>
</div> </ion-list>
<div *ngIf="type === 'privateKey'"> <ion-list *ngIf="type === 'privateKey'">
<div class="settings-explanation"> <ion-item-divider>{{'Private Key' | translate}}</ion-item-divider>
<div class="settings-heading" translate>Private Key</div> <ion-item>{{data}}</ion-item>
<div class="settings-description">{{data}}</div> <button ion-item (click)="close('PaperWalletPage', data)">
<button ion-item (click)="close('PaperWalletPage', data)"> <ion-icon item-start>
<ion-icon item-start> <img src="assets/img/icon-import.svg">
<img src="assets/img/icon-import.svg"> </ion-icon>
</ion-icon> <span translate>Sweep paper wallet</span>
<h2 translate>Sweep paper wallet</h2> </button>
</button> <button ion-item copy-to-clipboard="{{ data }}">
<button ion-item copy-to-clipboard="{{ data }}"> <ion-icon item-start>
<ion-icon item-start> <img src="assets/img/icon-paperclip.svg">
<img src="assets/img/icon-paperclip.svg"> </ion-icon>
</ion-icon> <span translate>Copy to clipboard</span>
<h2 translate>Copy to clipboard</h2> </button>
</button> </ion-list>
</div>
</div>
</ion-content> </ion-content>

13
src/pages/incoming-data-menu/incoming-data-menu.scss
View File

@ -1,15 +1,2 @@
page-incoming-data-menu { page-incoming-data-menu {
.settings-explanation {
padding: 0 1rem;
margin: 1rem 0;
.settings-heading {
font-size: 17px;
padding-bottom: 1rem;
}
.settings-description {
color:color($colors,dark);
margin: 1rem 0;
font-size: 0.9em;
}
}
} }