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

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

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

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

@ -1,15 +1,2 @@
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;
}
}
}