copay/public/views/modals/txp-details.html

<nav class="tab-bar">
  <section class="right-small">
    <a ng-click="cancel()">
      <span class="text-close" translate>Close</span>
    </a>
  </section>
  <section class="middle tab-bar-section">
    <h1 class="title ellipsis" ng-style="{'color':color}" translate>
      Transaction proposal
    </h1>
  </section>
</nav>
<div class="p45t" ng-init="updateCopayerList()">
  <h4 class="title m0" translate> Information </h4>
  <ul class="no-bullet size-14 m0">
    <li class="line-b p10">
      <span class="text-gray">To:</span>
      <span class="right">{{tx.toAddress}}</span>
    </li>
    <li class="line-b p10">
      <span class="text-gray">Amount:</span>
      <span class="right">{{amountStr}} 
        <span class="label gray radius">{{alternativeAmountStr}}</span>
      </span>
    </li>
    <li class="line-b p10">
      <span class="text-gray">Time:</span>
      <span class="right">
        <time>{{ (tx.ts || tx.createdOn ) * 1000 | amTimeAgo}}</time>
      </span>
    </li>
    <li class="line-b p10 oh">
      <span class="text-gray">Create by:</span>
      <span class="right">{{tx.creatorName}}</span>
    </li>
    <li class="line-b p10 oh">
      <span class="text-gray">Note:</span>
      <span class="right">{{tx.message}}</span>
    </li>
  </ul>
  <div ng-if="tx.paypro">
    <h4 class="title m0">PAYMENT DETAILS</h4>
    <ul class="no-bullet size-14 m0">
      <li class="line-b p10">
        <span class="text-gray">To:</span>
        <span class="right">
          <span> 
            <span ng-show="tx.merchant.pr.ca"><i class="fi-lock"></i> {{tx.paypro.domain}}</span>
            <span ng-show="!tx.merchant.pr.ca"><i class="fi-unlock"></i> {{tx.paypro.domain}}</span>
          </span>
          <contact address="{{tx.toAddress}}" ng-hide="tx.merchant"></contact>
        </span>
      </li>
      <li class="line-b p10">
        <span class="text-gray">Expires:</span>
        <span class="right">
          <time>{{tx.paypro.expirationDate | amTimeAgo }}</time>
        </span>
      </li>
      <li class="line-b p10">
        <span class="text-gray">Merchant Message:</span>
        <span class="db">{{tx.paypro.pr.pd.memo}}</span>
      </li>
    </ul>
  </div>

  <div ng-if="tx.actions[0] && !txRejected && !txBroadcasted">
    <h4 class="title m0">Signatures:</h4>
    <ul class="no-bullet size-14 m0">
      <li class="line-b p10 text-gray" ng-repeat="ac in tx.actions">
        <i class="icon-contact size-24"></i>
        <span>{{ac.copayerName}}</span>
        <span class="right">
          <i ng-if="ac.type == 'reject'" class="fi-x icon-sign x db"></i>
          <i ng-if="ac.type == 'accept'" class="fi-check icon-sign check db"></i>
          <i ng-if="!ac.type" class="fi-loop"></i>
        </span>
      </li>
    </ul>
  </div>
  <div class="box-notification" ng-show="error">
    <span class="text-warning size-14">
      {{error|translate}}
    </span>
  </div>


  <div class="row column m20t text-center text-warning" ng-if="tx.removed">
    The transaction was removed by creator
  </div>


  <div class="row column m20t" ng-if="tx.couldRemove">
      <button class="button expand outline dark-gray m0 expand" ng-click="remove(tx);" 
        ng-disabled="loading" ng-show="tx.couldRemove">
        <i class="fi-x icon-sign x"></i>  
        <span translate>Remove</span>
      </button>
      <div class="text-gray size-12 text-center" show="tx.couldRemove" translate>
      * Only transactions created by yourself with no peer signatures can be removed
      </div>
  </div>

  <div class="row m20t" ng-if="tx.pendingForUs">
    <div class="large-5 medium-5 small-6 columns">
      <button class="button outline dark-gray m0 expand" ng-click="reject(tx);" 
        ng-disabled="loading">
        <i class="fi-x"></i>  
        <span translate>Reject</span>
      </button>
    </div>
    <div class="large-5 medium-5 small-6 columns text-right">
      <button class="button primary m0 expand" ng-click="sign(tx)" 
        ng-style="{'background-color':color}"  
        ng-disabled="loading">
        <i class="fi-check"></i>  
        <span translate>Sign</span>
      </button>
    </div>
  </div>

  <div class="text-center text-gray" ng-show="tx.status != 'pending'">
    <div class="m10t" 
      ng-show="tx.status=='accepted'" translate>
      Transaction accepted...
    </div>
    <div class="m10t" 
      ng-show="!loading && tx.status!='broadcasted' && tx.status=='accepted' && tx.status!='rejected'">
      <div translate>But not broadcasted. Try to send manually</div>
      <button class="primary"
        ng-click="broadcast(tx)"
        ng-disabled="loading"> <i class="fi-upload-cloud"></i>
        <span translate>Broadcast Transaction</span>
      </button>
    </div>
    <div class="text-success m10t" 
      ng-show="tx.status=='broadcasted'" translate>
      Transaction sent!
    </div>
    <div class="text-center text-warning"
      ng-show="tx.status=='rejected'" translate>
      Transaction finally rejected
    </div>
  </div>
</div>
<div class="extra-margin-bottom"></div>