Notify when click on clickable element
This commit is contained in:
parent
f22860a7a0
commit
20c8a2c7ad
10 changed files with 53 additions and 17 deletions
|
|
@ -7,7 +7,7 @@
|
|||
<div class="size-36">{{tx.amountStr}}</div>
|
||||
<div class="size-12 label gray radius" ng-show="tx.alternativeAmountStr">{{tx.alternativeAmountStr}}</div>
|
||||
<i class="db fi-arrow-down size-24 m10v"></i>
|
||||
<div class="payment-proposal-to" ng-click="copyToClipboard(tx.toAddress)">
|
||||
<div class="payment-proposal-to" ng-click="copyToClipboard(tx.toAddress, $event)">
|
||||
<i class="fi-bitcoin left m10l"></i>
|
||||
<contact ng-if="!tx.hasMultiplesOutputs" class="dib enable_text_select ellipsis m5t m5b m15l size-14" address="{{tx.toAddress}}"></contact>
|
||||
<span ng-if="tx.hasMultiplesOutputs" translate>
|
||||
|
|
|
|||
7
public/views/includes/copyToClipboard.html
Normal file
7
public/views/includes/copyToClipboard.html
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<ion-popover-view>
|
||||
<div class="columns m20t">
|
||||
<label class="size-10 text-center m20b">
|
||||
<span translate>Copied to clipboard</span>
|
||||
</label>
|
||||
</div>
|
||||
</ion-popover-view>
|
||||
|
|
@ -1,14 +1,14 @@
|
|||
<li class="p10 oh" ng-click="copyToClipboard(output.toAddress)">
|
||||
<li class="p10 oh" ng-click="copyToClipboard(output.toAddress, $event)">
|
||||
<span class="text-gray" translate>To</span>:
|
||||
<span class="right enable_text_select">{{output.toAddress || output.address}}</span>
|
||||
</li>
|
||||
<li class="p10" ng-click="copyToClipboard(output.amountStr)">
|
||||
<li class="p10" ng-click="copyToClipboard(output.amountStr, $event)">
|
||||
<span class="text-gray" translate>Amount</span>:
|
||||
<span class="right enable_text_select">{{output.amountStr}}
|
||||
<span ng-show="output.alternativeAmountStr" class="label gray radius">{{output.alternativeAmountStr}}</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="p10 oh" ng-click="copyToClipboard(output.message)">
|
||||
<li class="p10 oh" ng-click="copyToClipboard(output.message, $event)">
|
||||
<span class="text-gray" translate>Note</span>:
|
||||
<span class="right enable_text_select">{{output.message}}</span>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
<p class="m0 text-gray size-14" translate>Moved</p>
|
||||
</div>
|
||||
|
||||
<div class="size-36" ng-click="copyToClipboard(btx.amountStr)">
|
||||
<div class="size-36" ng-click="copyToClipboard(btx.amountStr, $event)">
|
||||
<span class="enable_text_select">{{btx.amountStr}}</span>
|
||||
</div>
|
||||
<div class="alternative-amount" ng-click="showRate=!showRate" ng-init="showRate = false">
|
||||
|
|
@ -46,7 +46,7 @@
|
|||
|
||||
<ul class="no-bullet size-14 m0">
|
||||
<li ng-if="!btx.hasMultiplesOutputs && btx.addressTo && btx.addressTo != 'N/A'" class="line-b p10 oh"
|
||||
ng-click="copyToClipboard(btx.addressTo)">
|
||||
ng-click="copyToClipboard(btx.addressTo, $event)">
|
||||
<span class="text-gray" translate>To</span>
|
||||
<span class="right">
|
||||
<span ng-if="btx.merchant">
|
||||
|
|
@ -89,19 +89,19 @@
|
|||
</li>
|
||||
|
||||
<li class="line-b p10" ng-show="btx.action != 'received'"
|
||||
ng-click="copyToClipboard(btx.feeStr)">
|
||||
ng-click="copyToClipboard(btx.feeStr, $event)">
|
||||
<span class="text-gray" translate>Fee</span>
|
||||
<span class="right enable_text_select">{{btx.feeStr}}</span>
|
||||
</li>
|
||||
|
||||
<li class="line-b p10 oh" ng-if="btx.message && btx.action != 'received'"
|
||||
ng-click="copyToClipboard(btx.message)">
|
||||
ng-click="copyToClipboard(btx.message, $event)">
|
||||
<span class="text-gray" translate>Description</span>
|
||||
<span class="right enable_text_select">{{btx.message}}</span>
|
||||
</li>
|
||||
|
||||
<li ng-if="btx.merchant" class="line-b p10 oh"
|
||||
ng-click="copyToClipboard(btx.merchant.pr.pd.memo)">
|
||||
ng-click="copyToClipboard(btx.merchant.pr.pd.memo, $event)">
|
||||
<span class="text-gray" translate>Merchant message</span>
|
||||
<span class="right enable_text_select">
|
||||
{{btx.merchant.pr.pd.memo}}
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
<div class="size-36">{{tx.amountStr}}</div>
|
||||
<div class="size-14 text-light" ng-show="tx.alternativeAmountStr">{{tx.alternativeAmountStr}}</div>
|
||||
<i class="db fi-arrow-down size-24 m10v"></i>
|
||||
<span class="payment-proposal-to" ng-click="copyToClipboard(tx.toAddress)">
|
||||
<span class="payment-proposal-to" ng-click="copyToClipboard(tx.toAddress, $event)">
|
||||
<i class="fi-bitcoin left"></i>
|
||||
<contact ng-if="!tx.hasMultiplesOutputs" class="dib enable_text_select ellipsis m5t m5b size-14" address="{{tx.toAddress}}"></contact>
|
||||
<span ng-if="tx.hasMultiplesOutputs" translate>Multiple recipients</span>
|
||||
|
|
|
|||
|
|
@ -279,7 +279,7 @@
|
|||
<!-- Address-->
|
||||
<div class="large-12 columns">
|
||||
<h2 class="text-center m10t" translate>My Bitcoin address</h2>
|
||||
<div class="text-center" ng-click="home.copyToClipboard(home.addr)" ng-show="home.addr || home.generatingAddress">
|
||||
<div class="text-center" ng-click="home.copyToClipboard(home.addr, $event)" ng-show="home.addr || home.generatingAddress">
|
||||
<qrcode size="220" data="bitcoin:{{home.addr}}"></qrcode>
|
||||
<div ng-show="home.generatingAddress" style="position:relative; top:-226px; height:0px">
|
||||
<div style="height:220px; width:220px; margin:auto; background: white">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue