Transaction

jmN[©
</section> </article> </article> </div> <div ng-if="isKyberSwap"> <!-- Swap Start Kyber 2 --> <article ng-if="isKyberSwap"> <!-- Swap Kyber 2 --> <article class="swap-start" ng-show="showStage2Kyber"> <!-- Title --> <section class="row"> <h5 class="col-xs-6 col-xs-offset-3" translate="SWAP_information">Your Information</h5> </section> <!-- Title --> <!-- Info Row --> <section class="order-info-wrap row"> <div class="col-sm-4 order-info"> <h4> {{swapOrder.fromVal}} {{swapOrder.fromCoin}} </h4> <p translate="SWAP_send_amt"> Amount to send </p> </div> <div class="col-sm-4 order-info"> <h4> {{swapOrder.toVal | number: receiveDecimals}} {{swapOrder.toCoin}} </h4> <p translate="SWAP_rec_amt"> Amount to receive </p> </div> <div class="col-sm-4 order-info"> <h4> {{swapOrder.swapRate | number: 6}} {{swapOrder.swapPair}} </h4> <p translate="SWAP_your_rate"> Your rate </p> </div> </section> <!-- / Info Row --> <!-- Your Address --> <section class="swap-address block"> <section class="row"> <div class="col-sm-2 text-center"> <em> <small>Powered By</small> </em> <a class="link" href="https://home.kyber.network/" target="_blank" rel="noopener noreferrer"> <img class="pull-right" src="images/logo-kyber.svg" width="200" height="111"/> </a> </div> <div class="col-sm-8 col-xs-12"> <label><span translate="SWAP_rec_add">Your Receiving Address </span> <strong>({{swapOrder.toCoin}})</strong></label> <!-- todo should I just wait for the wallet unlock and not ask for an address first. then if wallet uplock calculation proves false at send tx. present option to return to start???--> <address-field placeholder="0xDECAF9CD2367cdbb726E904cD6397eDFcAe6068D" var-name="swapOrder.toAddress"></address-field> </div> </section> <!-- /Your Address --> <!-- CTA --> <section class="row text-center" ng-if="swapOrder.toAddress"> <a ng-click="startKyber()" class="btn btn-primary btn-lg"><span translate="SWAP_start_CTA"> Start Swap </span></a> </section> <!-- <section class="row text-center" ng-if="!kyberReturnToStart"> <a ng-click="startKyber()" class="btn btn-primary btn-lg"><span translate="SWAP_start_CTA"> Start Swap </span></a> </section>--> <!-- / CTA --> </section> </article> <!-- / Swap Kyber 2 --> <!-----------------------------------------------------------------------------------------------------------------> <!-- Swap Kyber 3--> <article class="swap-order" ng-show="showStage3Kyber"> <!-- Title --> <section class="row text-center"> <div class="col-xs-3 text-left"><a class="btn btn-danger btn-xs" ng-click="newSwap()"> Start New Swap </a> <!-- todo: fix issues where new BigNumber() is not a number in sendTxCtrl: $scope.hasEnoughBalance function--> </div> <h5 class="col-xs-6" translate="SWAP_information">Your Information</h5> </section> <!-- Order Info --> <section class="row order-info-wrap"> <div class="col-sm-6 order-info"> <h4>{{kyberOrderResult.output.amount | number: receiveDecimals}} {{kyberOrderResult.output.currency}}</h4> <p translate="SWAP_rec_amt">Amount to receive</p> </div> <div class="col-sm-6 order-info"> <h4>{{swapOrder.swapRate | number: 6}} {{swapOrder.swapPair}}</h4> <p translate="SWAP_your_rate">Your rate</p> </div> </section> <!-- Swap Progress --> <section class="row swap-progress"> <div class="sep"></div> <div class="progress-item {{kyberOrderResult.progress.bar[0]}}"> <div class="progress-circle"><i>1</i></div> <p translate="SWAP_progress_1">Order Initiated</p> </div> <div class="progress-item {{kyberOrderResult.progress.bar[1]}}" ng-if="!kyberEthToToken"> <div class="progress-circle"><i>2</i></div> <p><span translate="SWAP_progress_2">Waiting for your </span> {{kyberOrderResult.input.currency}}...</p> </div> <div class="progress-item {{kyberOrderResult.progress.bar[2]}}" ng-if="!kyberEthToToken"> <div class="progress-circle"><i>3</i></div> <p>{{kyberOrderResult.input.currency}} <span translate="SWAP_progress_3">Received!</span></p> </div> <!--<div class="progress-item {{kyberOrderResult.progress.bar[3]}}">--> <!--<div class="progress-circle"><i>4</i></div>--> <!--<p>--> <!--<span translate="SWAP_progress_4">Sending your </span> {{kyberOrderResult.output.currency}}--> <!--<br/>--> <!--</p>--> <!--</div>--> <div class="progress-item {{kyberOrderResult.progress.bar[3]}}"> <div class="progress-circle"><i>4</i></div> <p> <!--<span translate="SWAP_progress_4">Sending your </span> {{kyberOrderResult.output.currency}} <br/>--> <span >Broadcasting your </span> {{kyberOrderResult.output.currency}} <span> order</span><br/> </p> </div> <div class="progress-item {{kyberOrderResult.progress.bar[4]}}"> <div class="progress-circle"><i>5</i></div> <!--<p translate="SWAP_progress_5">Order Complete</p>--> <p>Order Broadcast to Blockchain</p> </div> </section> <div class="row"> <div class="col-sm-1 text-center"> <div class="row"> <em> <small>Powered By</small> </em> <a class="link clearfix" href="https://home.kyber.network/" target="_blank" rel="noopener noreferrer"> <img class="pull-right" src="images/logo-kyber.svg" width="200" height="111"/> </a> </div> </div> <div class="col-sm-11"> <!-- Swap CTA --> <section class="row text-center" ng-show="kyberOrderResult.progress.status=='OPEN_ETH'"> <h1> <span translate="SWAP_order_CTA"> Please send </span> <strong> {{kyberOrderResult.input.amount}} {{kyberOrderResult.input.currency}} </strong> </h1> </section> <section class="row text-center" ng-show="kyberOrderResult.progress.status=='GENERATE_SWAP_TRANSACTION'"> <h1> <span> You are about to Swap </span> <!-- todo: add translate --> <strong> {{kyberOrderResult.input.amount}} {{kyberOrderResult.input.currency}} </strong> </h1> </section> </div> </div> <!-- Swap CTA ETH --> <article class="row"> <section class="clearfix collapse-container"> <div class="text-center" ng-click="wd = !wd"> <a class="collapse-button"><span ng-show="wd">+</span><span ng-show="!wd">-</span></a> <h5>Unlock your wallet to proceed.</h5> <!-- todo: add translate --> </div> <div ng-show="!wd"> <wallet-decrypt-drtv></wallet-decrypt-drtv> </div> </section> <div class="alert alert-danger" ng-show="ajaxReq.type!=='ETH' && ajaxReq.type!=='ROPSTEN ETH'"> <strong>Warning! You are not connected to an ETH node.</strong> <br/> Please use the node switcher in the top-right corner to switch to an ETH node. We <strong>do not</strong> support swapping ETC or Testnet ETH. </div> <section class="row" ng-show="wallet!=null " ng-controller="sendTxCtrl"> <h5 class="row text-center"> Wallet Unlocked! </h5> <!-- todo: add translate --> <section class="row text-center" ng-if="kyberReturnToStart"> <h5 class="text-warning">The swap value of {{swapOrder.fromVal}} {{swapOrder.fromCoin}} is Greater than your current {{swapOrder.fromCoin}} Balance of {{userTokenBalanceChecked}} {{swapOrder.fromCoin}}</h5> <a ng-click="returnToStart()" class="btn btn-primary btn-lg"><span> Return to Swap Selector </span></a> <!-- todo: add translate --> </section> <section class="row text-center" ng-show="wallet!=null && !balanceOk"> <br/> <h6 ng-show="!kyberReturnToStart"> Processing</h6> <span ng-show="!kyberReturnToStart"> <span ng-repeat="tick in indicatorhacked track by $index">{{tick}}</span></span> </section> <section class="row text-center" ng-show="wallet!=null && balanceOk"> <a ng-click="openKyberOrder(wallet)" class="btn btn-primary btn-lg"><span translate="SWAP_start_CTA"> Start Swap </span></a> </section> <!-- Included Because sendTxCtrl.js looks for it via querySelector and throws if it is not present (and destroys the layout in the process)--> <div id="sendTransaction"></div> <article class="modal fade" id="kyberTransaction" tabindex="-1"> <section class="modal-dialog"> <section class="modal-content"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-label="Close Dialog">&times;</button> <h2 class="modal-title text-center"> <!--<span translate="SENDModal_Content_1">You are about to authorize</span>...--> <span>You are about to send</span>... <!-- todo: add translate --> </h2> <table class="table text-center"> <tbody> <tr> <td> <div class="addressIdenticon med" title="Address Indenticon" blockie-address="{{wallet.getAddressString()}}" watch-var="wallet.getAddressString()"> </div> <p> <strong class="send-modal__addr"> {{wallet.getChecksumAddressString()}} </strong> </p> </td> <td ng-show="!kyberEthToToken" class="mono"> -> <br/> <h4 class="text-danger"> {{swapOrder.fromVal}} {{swapOrder.fromCoin}} </h4> </td> <td ng-show="kyberEthToToken" class="mono"> -> <br/> <h4 class="text-primary"> {{parsedKyberTx.value}} {{unitReadable}} </h4> </td> <td ng-show="!kyberEthToToken"> <div class="addressIdenticon med" title="Address Indenticon" blockie-address="{{parsedKyberTx.to}}" watch-var="parsedKyberTx.to"></div> <p> <strong class="send-modal__addr"> {{parsedKyberTx.to}}<br/> (Kyber Network) </strong> </p> </td> <td ng-show="kyberEthToToken"> <div class="addressIdenticon med" title="Address Indenticon" blockie-address="{{parsedKyberTx.to}}" watch-var="parsedKyberTx.to"></div> <p> <strong class="send-modal__addr"> {{parsedKyberTx.to}}<br/> (Kyber Network) </strong> </p> </td> </tr> </tbody> </table> <br/> <!-- KYBER TOKEN TRANSACTION --> <table class="table small table-condensed table-hover transaction-modal" ng-if="!kyberEthToToken"> <tbody> <tr> <td></td> <td class="text-justifyr">Token Swap Transaction</td> </tr> <tr> <td>Summary:</td> </tr> <tr> <td class="small text-right">To Address:</td> <td class="small text-left mono">{{parsedKyberTx.to}} <br /> <em><small>Kyber Network.</small></em> </td> </tr> <tr> <td class="small text-right">{{swapOrder.toCoin}} Deposit Address:</td> <td class="small text-left mono">{{swapOrder.toAddress}}</td> </tr> <tr> <td class="small text-right">Swapping:</td> <td class="small text-left mono">{{swapOrder.fromVal}} {{swapOrder.fromCoin}}</td> </tr> <tr> <td class="small text-right">For:</td> <td class="small text-left mono">{{swapOrder.toVal}} {{swapOrder.toCoin}}</td> </tr> <tr> <td class="small text-right">Network:</td> <td class="small text-left mono">{{ajaxReq.type}} by {{ajaxReq.service}}</td> </tr> <tr> <td class="small text-right">Combined Gas Limit:</td> <td class="small text-left mono">{{parsedTx.totalGasLimit}}</td> </tr> <tr> <td class="small text-right">Avg. Gas Price:</td> <td class="small text-left mono">{{parsedTx.avgGasPrice.gwei}} GWEI <small>({{parsedTx.avgGasPrice.eth}} ETH)</small> <!-- todo: get eth value to display as a decimal not as an exponent--> </td> </tr> <tr> <td class="small text-right">Max Combined TX Fee:</td> <td class="small text-left mono"> {{parsedTx.totalTxFee.eth}} ETH <small>({{parsedTx.totalTxFee.gwei}} GWEI)</small> </td> </tr> <tr> <td class="small text-right">Final Nonce:</td> <td class="small text-left mono">{{parsedKyberTx.nonce}}</td> </tr> </tbody> </table> <section class="clearfix collapse-container" ng-if="!kyberEthToToken"> <div class="text-center" ng-click="adv = !adv"> <a class="collapse-button"><span ng-show="!adv">+</span><span ng-show="adv">-</span></a> <h5>Advanced</h5> </div> <table class="table small table-condensed table-hover transaction-modal" ng-show="adv"> <tbody > <!-----------------------------------------------------------------> <tr> <td class="text-left">Token Swap Transaction <br> <small>via Kyber Network</small> </td> </tr> <tr> <td class="small text-right">To Address:</td> <td class="small text-left mono">{{parsedKyberTx.to}} <br/> <em> <small>Kyber Network Address.</small> </em> </td> </tr> <tr> <td class="small text-right">From Address:</td> <td class="small text-left mono">{{parsedKyberTx.from}}</td> </tr> <tr> <td class="small text-right">Amount to Send:</td> <td class="small text-left mono">{{parsedKyberTx.value}} ETH</td> </tr> <tr> <td class="small text-right">Account Balance:</td> <td class="small text-left mono">{{parsedKyberTx.balance}}</td> </tr> <tr> <td class="small text-right">Token:</td> <td class="small text-left mono">{{swapOrder.fromCoin}}</td> </tr> <tr> <td class="small text-right">Token Qty:</td> <td class="small text-left mono">{{swapOrder.fromVal}} {{swapOrder.fromCoin}}</td> </tr> <tr> <td class="small text-right">Network:</td> <td class="small text-left mono">{{ajaxReq.type}} by {{ajaxReq.service}}</td> </tr> <tr> <td class="small text-right">Gas Limit:</td> <td class="small text-left mono">{{parsedKyberTx.gasLimit}}</td> </tr> <tr> <td class="small text-right">Gas Price:</td> <td class="small text-left mono">{{parsedKyberTx.gasPrice.gwei}} GWEI <small>({{parsedKyberTx.gasPrice.eth}} ETH)</small> </td> </tr> <tr> <td class="small text-right">Max TX Fee:</td> <td class="small text-left mono"> {{parsedKyberTx.txFee.eth}} ETH <small>({{parsedKyberTx.txFee.gwei}} GWEI)</small> </td> </tr> <tr> <td class="small text-right">Nonce:</td> <td class="small text-left mono">{{parsedKyberTx.nonce}}</td> </tr> <tr> <td class="small text-right">Data:</td> <td class="small text-left mono text-width-limit"><p>{{parsedKyberTx.data}}</p></td> </tr> <!-----------------------------------------------------------------> <tr> <td> Token Approval Transaction</td> </tr> <tr> <td class="small text-right">To Address:</td> <td class="small text-left mono">{{parsedKyberTokenTx.to}} <br/> <em><small>The token ({{swapOrder.fromCoin}}) contract address.</small></em> </td> </tr> <tr> <td class="small text-right">From Address:</td> <td class="small text-left mono">{{parsedKyberTokenTx.from}}</td> </tr> <tr> <td class="small text-right">Amount to Send:</td> <td class="small text-left mono">{{parsedKyberTokenTx.value}} ETH</td> </tr> <tr> <td class="small text-right">Account Balance:</td> <td class="small text-left mono">{{parsedKyberTokenTx.balance}}</td> </tr> <tr> <td class="small text-right">Network:</td> <td class="small text-left mono">{{ajaxReq.type}} by {{ajaxReq.service}}</td> </tr> <tr> <td class="small text-right">Gas Limit:</td> <td class="small text-left mono">{{parsedKyberTokenTx.gasLimit}}</td> </tr> <tr> <td class="small text-right">Gas Price:</td> <td class="small text-left mono">{{parsedKyberTokenTx.gasPrice.gwei}} GWEI <small>({{parsedKyberTokenTx.gasPrice.eth}} ETH)</small> </td> </tr> <tr> <td class="small text-right">Max TX Fee:</td> <td class="small text-left mono"> {{parsedKyberTokenTx.txFee.eth}} ETH <small>({{parsedKyberTokenTx.txFee.gwei}} GWEI)</small> </td> </tr> <tr> <td class="small text-right">Nonce:</td> <td class="small text-left mono">{{parsedKyberTokenTx.nonce}}</td> </tr> <tr> <td class="small text-right">Data:</td> <td class="small text-left mono text-width-limit"><p>{{parsedKyberTokenTx.data}}</p></td> </tr> <!-----------------------------------------------------------------> <tr ng-show="kyberTransaction.tokenNeedsReset"> <td> Token Approval Reset Transaction<br> <em><small>Why? The swap will fail to execute <wbr> if token approval is not reset to 0.</small></em></td> </tr> <tr ng-show="kyberTransaction.tokenNeedsReset"> <td class="small text-right">To Address:</td> <td class="small text-left mono">{{parsedKyberResetTokenTx.to}} <br/> <em><small>The token ({{swapOrder.fromCoin}}) contract address.</small></em> </td> </tr> <tr ng-show="kyberTransaction.tokenNeedsReset"> <td class="small text-right">From Address:</td> <td class="small text-left mono">{{parsedKyberResetTokenTx.from}}</td> </tr> <tr ng-show="kyberTransaction.tokenNeedsReset"> <td class="small text-right">Amount to Send:</td> <td class="small text-left mono">0 ETH</td> </tr> <tr ng-show="kyberTransaction.tokenNeedsReset"> <td class="small text-right">Current Approve Value:</td> <td class="small text-left mono">{{kyberTransaction.currentTokenApprovalValue}} {{swapOrder.fromCoin}}</td> </tr> <tr ng-show="kyberTransaction.tokenNeedsReset"> <td class="small text-right">Account Balance:</td> <td class="small text-left mono">{{parsedKyberResetTokenTx.balance}}</td> </tr> <tr ng-show="kyberTransaction.tokenNeedsReset"> <td class="small text-right">Network:</td> <td class="small text-left mono">{{ajaxReq.type}} by {{ajaxReq.service}}</td> </tr> <tr ng-show="kyberTransaction.tokenNeedsReset"> <td class="small text-right">Gas Limit:</td> <td class="small text-left mono">{{parsedKyberResetTokenTx.gasLimit}}</td> </tr> <tr ng-show="kyberTransaction.tokenNeedsReset"> <td class="small text-right">Gas Price:</td> <td class="small text-left mono">{{parsedKyberResetTokenTx.gasPrice.gwei}} GWEI <small>({{parsedKyberResetTokenTx.gasPrice.eth}} ETH)</small> </td> </tr> <tr ng-show="kyberTransaction.tokenNeedsReset"> <td class="small text-right">Max TX Fee:</td> <td class="small text-left mono"> {{parsedKyberTokenTx.txFee.eth}} ETH <small>({{parsedKyberResetTokenTx.txFee.gwei}} GWEI)</small> </td> </tr> <tr ng-show="kyberTransaction.tokenNeedsReset"> <td class="small text-right">Nonce:</td> <td class="small text-left mono">{{parsedKyberResetTokenTx.nonce}}</td> </tr> <tr ng-show="kyberTransaction.tokenNeedsReset"> <td class="small text-right">Data:</td> <td class="small text-left mono text-width-limit"><p>{{parsedKyberResetTokenTx.data}}</p></td> </tr> </tbody> </table> </section> <!-- / KYBER TOKEN TRANSACTION --> <!-- KYBER ETH TRANSACTION --> <table class="table small table-condensed table-hover transaction-modal" ng-if="kyberEthToToken"> <tbody> <tr> <td class="small text-right">To Address:</td> <td class="small text-left mono">{{parsedKyberTx.to}} <br/> <em> <small>Kyber Network Address.</small> </em> </td> </tr> <tr> <td class="small text-right">From Address:</td> <td class="small text-left mono">{{parsedKyberTx.from}}</td> </tr> <tr> <td class="small text-right">Amount to Send:</td> <td class="small text-left mono">{{parsedKyberTx.value}} ETH</td> </tr> <tr> <td class="small text-right">Account Balance:</td> <td class="small text-left mono">{{parsedKyberTx.balance}}</td> </tr> <!-- <tr> <td class="small text-right">Coin:</td> <td class="small text-left mono">{{unitReadable}}</td> </tr>--> <tr> <td class="small text-right">Swapping:</td> <td class="small text-left mono">{{swapOrder.fromVal}} {{swapOrder.fromCoin}}</td> </tr> <tr> <td class="small text-right">For:</td> <td class="small text-left mono">{{swapOrder.toVal}} {{swapOrder.toCoin}}</td> </tr> <tr> <td class="small text-right">Network:</td> <td class="small text-left mono">{{ajaxReq.type}} by {{ajaxReq.service}}</td> </tr> <tr> <td class="small text-right">Gas Limit:</td> <td class="small text-left mono">{{parsedKyberTx.gasLimit}}</td> </tr> <tr> <td class="small text-right">Gas Price:</td> <td class="small text-left mono">{{parsedKyberTx.gasPrice.gwei}} GWEI <small>({{parsedKyberTx.gasPrice.eth}} ETH)</small> </td> </tr> <tr> <td class="small text-right">Max TX Fee:</td> <td class="small text-left mono"> {{parsedKyberTx.txFee.eth}} ETH <small>({{parsedKyberTx.txFee.gwei}} GWEI)</small> </td> </tr> <tr> <td class="small text-right">Nonce:</td> <td class="small text-left mono">{{parsedKyberTx.nonce}}</td> </tr> <tr> <td class="small text-right">Data:</td> <td class="small text-left mono text-width-limit"><p>{{parsedKyberTx.data}}</p></td> </tr> </tbody> </table> <!-- / KYBER ETH TRANSACTION --> </div> <div class="modal-footer" ng-if="kyberEthToToken"> <h4 class="text-center"> <span translate="SENDModal_Content_1">You are about to send</span> <strong class="mono">{{parsedKyberTx.value}} {{unitReadable}}</strong> <span translate="SENDModal_Content_2">to address</span> <strong class="mono">{{parsedKyberTx.to}}.</strong> </h4> <p translate="SENDModal_Content_3"> Are you sure you want to do this? </p> <br/> <button class="btn btn-default" data-dismiss="modal" translate="SENDModal_No"> No, get me out of here! </button> <button class="btn btn-primary" ng-click="sendKyberTransaction()" translate="SENDModal_Yes"> Yes, I am sure! Make transaction. </button> </div> <div class="modal-footer" ng-if="!kyberEthToToken"> <h4 class="text-center"> <span translate="SENDModal_Content_1">You are about to send</span> <strong class="mono">{{swapOrder.fromVal}} {{swapOrder.fromCoin}}</strong> <span translate="SENDModal_Content_2">to address</span> <strong class="mono">{{parsedKyberTx.to}}.</strong> </h4> <p translate="SENDModal_Content_3"> Are you sure you want to do this? </p> <br/> <button class="btn btn-default" data-dismiss="modal" translate="SENDModal_No"> No, get me out of here! </button> <button class="btn btn-primary" ng-click="sendKyberTransaction()" translate="SENDModal_Yes"> Yes, I am sure! Make transaction. </button> </div> <p class="small text-center" style="padding: 0px 5px;"> <a href="https://myetherwallet.github.io/knowledge-base/transactions/transactions-not-showing-or-pending.html" target="_blank" ref="noopener noreferrer"> The network is a bit overloaded. If you're having issues with TXs, please read me. </a> </p> </section> </section> </article> <!--todo implement (custom swap modal) with content comming from swapCtrl --> </section> <!--</div>--> </article> <!-- / Swap CTA ETH --> </article> <!-- / Swap Kyber 3--> <!-----------------------------------------------------------------------------------------------------------------> <!-- Swap Kyber 4--> <article class="swap-order" ng-show="showStage4Kyber"> <!-- Title --> <section class="row text-center"> <div class="col-xs-3 text-left"><a class="btn btn-danger btn-xs" ng-click="newSwap()"> Start New Swap </a> <!-- todo: fix issues where new BigNumber() is not a number in sendTxCtrl: $scope.hasEnoughBalance function--> </div> <h5 class="col-xs-6" translate="SWAP_information">Your Information</h5> </section> <!-- Order Info --> <section class="row order-info-wrap"> <div class="col-sm-6 order-info"> <h4>{{kyberOrderResult.output.amount | number: receiveDecimals}} {{kyberOrderResult.output.currency}}</h4> <p translate="SWAP_rec_amt">Amount to receive</p> </div> <div class="col-sm-6 order-info"> <h4>{{swapOrder.swapRate | number: 6}} {{swapOrder.swapPair}}</h4> <p translate="SWAP_your_rate">Your rate</p> </div> </section> <!-- Swap Progress --> <section class="row swap-progress"> <div class="sep"></div> <div class="progress-item {{kyberOrderResult.progress.bar[0]}}"> <div class="progress-circle"><i>1</i></div> <p translate="SWAP_progress_1">Order Initiated</p> </div> <div class="progress-item {{kyberOrderResult.progress.bar[1]}}" ng-if="!kyberEthToToken"> <div class="progress-circle"><i>2</i></div> <p><span translate="SWAP_progress_2">Waiting for your </span> {{kyberOrderResult.input.currency}}...</p> </div> <div class="progress-item {{kyberOrderResult.progress.bar[2]}}" ng-if="!kyberEthToToken"> <div class="progress-circle"><i>3</i></div> <p>{{kyberOrderResult.input.currency}} <span translate="SWAP_progress_3">Received!</span></p> </div> <div class="progress-item {{kyberOrderResult.progress.bar[3]}}"> <div class="progress-circle"><i>4</i></div> <p> <!--<span translate="SWAP_progress_4">Sending your </span> {{kyberOrderResult.output.currency}} <br/>--> <span >Broadcasting your </span> {{kyberOrderResult.output.currency}} <span> order</span><br/> </p> </div> <div class="progress-item {{kyberOrderResult.progress.bar[4]}}"> <div class="progress-circle"><i>5</i></div> <!--<p translate="SWAP_progress_5">Order Complete</p>--> <p>Order Broadcast to Blockchain</p> </div> </section> <article class="row"> <div class="col-sm-2 text-center"> <em> <small>Powered By</small> </em> <a class="link" href="https://home.kyber.network/" target="_blank" rel="noopener noreferrer"> <img class="pull-right" src="images/logo-kyber.svg" width="400" height="222"/> </a> </div> <div class="col-sm-10 text-justify"> <div class="row"> <section class="col-sm-6"> <div class="col-sm-12"> <h3>Transaction Summary:</h3> </div> <div class="col-sm-12"> <h4>{{kyberOrderResult.input.amount}} {{kyberOrderResult.input.currency}}</h4> <p>Amount sent</p> </div> <div class="col-sm-12"> <h4>{{kyberOrderResult.output.amount | number: receiveDecimals}} {{kyberOrderResult.output.currency}}</h4> <p translate="SWAP_rec_amt">Amount to receive</p> </div> <div class="col-sm-12"> <h4>{{swapOrder.swapRate | number: 6}} {{swapOrder.swapPair}}</h4> <p translate="SWAP_your_rate">Your rate</p> </div> <hr> <div class="col-sm-12"> <h5>Transaction Hash(es):</h5> </div> <!-- Token to ETH --> <div class="col-sm-12" ng-if="!kyberEthToToken"> <span> Track your swap transaction: </span> <div ng-if="!kyberTransaction.tokenTxHash"> <br> <span class="text-info"><em><small>Your Swap Waiting for token authorization</small></em> <span ng-repeat="tick in indicatorhacked track by $index">{{tick}}</span></span><br> <span class="text-danger"><br> Do Not Navigate Away or Close Your Browser</span> </div> <a class="strong" ng-href="{{kyberTransaction.tokenTxLink}}" target="_blank" rel="noopener"> <h5>{{kyberTransaction.tokenTxHash}}</h5> </a> </div> <div class="col-sm-12" ng-if="!kyberEthToToken"> <span> Track your token authorization transaction: </span> <!--{{kyberTransaction.tokenNeedsReset}}--> <div ng-if="!kyberTransaction.tokenResetTxHash && kyberTransaction.tokenResetTx"> <br> <span class="text-info"><em><small>Preparing Token State for Token Authorization</small></em> <span ng-repeat="tick in indicatorTokenReset track by $index">{{tick}}</span></span><br> </div> <br ng-if="!kyberTransaction.tokenApproveTxLink"> <a class="strong" ng-href="{{kyberTransaction.tokenApproveTxLink}}" target="_blank" rel="noopener"> <h5>{{kyberTransaction.tokenApproveTxHash}}</h5> </a> </div> <!-- / Token to ETH --> <!-- Token to ETH ( with reset token allowance) --> <div class="col-sm-12" ng-if="kyberTransaction.tokenResetTx"> <span> Track your token approval reset transaction: </span> <a class="strong" ng-href="{{kyberTransaction.tokenResetTxLink}}" target="_blank" rel="noopener"> <h5>{{kyberTransaction.tokenResetTxHash}}</h5> </a> </div> <!-- / Token to ETH ( with reset token allowance) --> <!-- ETH to Token--> <div class="col-sm-12" ng-if="kyberEthToToken"> <span> Track your swap transaction: </span> <a class="strong" ng-href="{{kyberTransaction.ethTxLink}}" target="_blank" rel="noopener"> <h5>{{kyberTransaction.ethTxHash}}</h5> </a> </div> <!-- / ETH to Token--> </section> </div> <!--<div ng-repeat="(key, entry) in kyberTransaction track by key"> {{key}}: {{entry}} </div>--> </div> </article> <!-- <div class="row text-center"> <span> Common Questions: </span><br/> <a href="https://myetherwallet.github.io/knowledge-base/faq/eth-or-tokens-not-showing-on-exchange.html" target="_blank" rel="noopener noreferrer"> ETH or Tokens haven't shown up </a><br/> <a href="https://myetherwallet.github.io/knowledge-base/transactions/transactions-not-showing-or-pending.html" target="_blank" rel="noopener noreferrer"> Transactions are Not Showing Up or Pending Forever </a><br/> <span> Still need help: </span> </div>--> </article> <!-- / Swap Kyber 4--> </article> </div> <section class="bity-contact text-center" ng-if="!isKyberSwap"> <p><a class="btn-warning btn-sm" href="mailto:[email protected],[email protected]?Subject={{orderResult.reference}}%20Issue%20regarding%20my%20Swap%20via%20MEW%20&Body=%0APlease%20include%20the%20below%20if%20this%20issue%20is%20regarding%20your%20order.%20%0A%0AREF%20ID%23%3A%20{{orderResult.reference}}%0A%0AAmount%20to%20send%3A%20{{orderResult.input.amount}}%20{{orderResult.input.currency}}%0A%0AAmount%20to%20receive%3A%20{{orderResult.output.amount}}%20{{orderResult.output.currency}}%0A%0APayment%20Address%3A%20{{orderResult.payment_address}}%0A%0ARate%3A%20{{swapOrder.swapRate}}%20{{swapOrder.swapPair}}%0A%0A" target="_blank" rel="noopener noreferrer"> Issue with your Swap? Contact support</a></p> <p ng-click="swapIssue = !swapIssue"> <small>Click here if link doesn't work</small> </p> <textarea class="form-control input-sm" rows="9" ng-show="swapIssue" style="max-width: 35rem;margin: auto;"> To: [email protected], [email protected] Subject: {{orderResult.reference}} - Issue regarding my Swap via MEW Message: REF ID#: {{orderResult.reference}} Amount to send: {{orderResult.input.amount}} {{orderResult.input.currency}} Amount to receive: {{orderResult.output.amount}} {{orderResult.output.currency}} Payment Address: {{orderResult.payment_address}} Receiving Address: {{swapOrder.toAddress}} Rate: {{swapOrder.swapRate}} {{swapOrder.swapPair}} </textarea> </section> <section class="bity-contact text-center" ng-if="isKyberSwap"> <p><a class="btn-warning btn-sm" href="mailto:[email protected]?Subject={{kyberTransaction.ethTxHash ? kyberTransaction.ethTxHash : kyberTransaction.tokenTxHash}}%20Issue%20regarding%20my%20Kyber%20Swap%20via%20MEW%20&Body=%0APlease%20include%20the%20below%20if%20this%20issue%20is%20regarding%20your%20order.%20%0A%0AREF%20ID%23%3A%20{{kyberTransaction.ethTxHash ? kyberTransaction.ethTxHash : kyberTransaction.tokenTxHash + '%20%20ApproveTxHash%3A%20' + kyberTransaction.tokenApproveTxHash}}%0A%0AAmount%20to%20send%3A%20{{orderResult.input.amount}}%20{{orderResult.input.currency}}%0A%0AAmount%20to%20receive%3A%20{{orderResult.output.amount}}%20{{orderResult.output.currency}}%0A%0ARate%3A%20{{swapOrder.swapRate}}%20{{swapOrder.swapPair}}%0A%0A" target="_blank" rel="noopener noreferrer"> Issue with your Swap? Contact support</a></p> <p ng-click="swapIssue = !swapIssue"> <small>Click here if link doesn't work</small> </p> <textarea class="form-control input-sm" rows="9" ng-show="swapIssue" style="max-width: 35rem;margin: auto;"> To: [email protected] Subject: Issue regarding my Kyber Swap via MEW - {{kyberTransaction.ethTxHash ? kyberTransaction.ethTxHash : kyberTransaction.tokenTxHash}} Message: TxHash(s): {{kyberTransaction.ethTxHash ? kyberTransaction.ethTxHash : kyberTransaction.tokenTxHash + " ApproveTxHash: " + kyberTransaction.tokenApproveTxHash}} Amount to send: {{swapOrder.fromVal}} {{swapOrder.fromCoin}} Amount to receive: {{swapOrder.toVal}} {{swapOrder.toCoin}} Receiving Address: {{swapOrder.toAddress}} Rate: {{swapOrder.swapRate}} {{swapOrder.swapPair}} </textarea> </section> </main> <!-- / Swap Page --> <main class="tab-pane active" ng-if="globalService.currentTab==globalService.tabs.offlineTransaction.id" ng-controller='offlineTxCtrl' ng-cloak> <h1 translate="OFFLINE_Title"> Generate &amp; Send Offline Transaction </h1> <!-- Step 1 --> <article class="row block"> <h2 class="col-xs-11 clearfix" translate="OFFLLINE_Step1_Title">Step 1: Generate Information (Online Computer)</h2> <!-- From Address Input --> <section class="col-xs-11 clearfix"> <div class="account-help-icon"><img src="images/icon-help.svg" class="help-icon" /> <p class="account-help-text" translate="OFFLINE_Step1_Label_2"> Note: This is the FROM address, not the TO address. </p> <label translate="OFFLINE_Step1_Label_1"> From Address: </label> </div> <input class="form-control" type="text" placeholder="0xDECAF9CD2367cdbb726E904cD6397eDFcAe6068D" ng-model="tx.from" ng-change="validateAddress(tx.from,'')" ng-class="Validator.isValidAddress(tx.from) ? 'is-valid' : 'is-invalid'" /> </section> <!-- From Address Icon --> <section class="col-xs-1 address-identicon-container"> <div class="addressIdenticon" title="Address Indenticon" blockie-address="{{tx.from}}" watch-var="tx.from"></div> </section> <!-- Button --> <section class="col-xs-12 clearfix"> <a class="btn btn-info" ng-click="getWalletInfo()" translate="OFFLINE_Step1_Button"> GENERATE INFORMATION </a> </section> <section class="clearfix" ng-show="showWalletInfo"> <!-- Gas Price --> <div class="col-xs-6 col-sm-5"> <label translate="OFFLINE_Step2_Label_3"> Gas Price </label> <input class="form-control" type="text" placeholder="" readonly="readonly" ng-model="gasPriceDec"/> </div> <!-- Nonce --> <div class="col-xs-6 col-sm-5"> <label translate="OFFLINE_Step2_Label_5"> Nonce </label> <input class="form-control" type="text" placeholder="" readonly="readonly" ng-model="nonceDec"/> </div> </section> </article> <!-- / Step 1 --> <article class="block"> <!-- To Address --> <article class="clearfix"> <h2 class="col-xs-12" translate="OFFLINE_Step2_Title"> Step 2: Generate Transaction (Offline Computer) </h2> <section class="col-xs-11"> <label translate="OFFLINE_Step2_Label_1"> To Address: </label> <input class="form-control" type="text" placeholder="0xDECAF9CD2367cdbb726E904cD6397eDFcAe6068D" ng-model="tx.to" ng-change="validateAddress(tx.to,'')"/> </section> <section class="col-xs-1 address-identicon-container"> <div class="addressIdenticon" title="Address Indenticon" blockie-ad