copay/views/includes/transaction.html

<div class="last-transactions-header row collapse" ng-init="txIndex = $index"   ng-click="openTxModal(tx)">
  <div class="large-9 small-7 columns size-14">
    <div ng-show="tx.comment">
      <i class="fi-comment-quotes size-18 vm"></i> 
      <span class="text-light">{{tx.comment}}</span>
    </div>
  </div>
  <div class="large-3 small-5 columns text-right">
    <span class="date-message">{{tx.createdTs | amCalendar}}</span>
  </div>
</div>

<div class="last-transactions-content">
  <div class="row" ng-repeat="out in tx.outs">
    <div class="large-5 medium-5 small-6 columns size-14">
      <b>{{out.value}} {{$root.wallet.settings.unitName}}</b>
      <span ng-show="out.alternativeAmount" class="alt-currency gray">
        {{out.alternativeAmount}} {{out.alternativeIsoCode}}
      </span>
    </div>
    <div class="large-2 medium-2 small-1 columns text-center">
      <i class="fi-arrow-right"></i>
    </div>
    <div class="large-5 medium m0-5 small-5 columns ellipsis size-12">
      <div ng-if="tx.merchant">
        <span ng-show="tx.merchant.pr.ca"><i class="fi-lock color-greeni"></i> {{tx.merchant.domain}}</span>
        <span ng-show="!tx.merchant.pr.ca"><i class="fi-unlock color-yellowi"></i> {{tx.merchant.domain}}</span>
        </span>
      </div>
      <contact address="{{out.address}}" tooltip-popup-delay="500" tooltip tooltip-placement="right" ng-hide="tx.merchant" />
    </div>
  </div>
</div>


<div class="last-transactions-footer" ng-init="myId = $root.wallet.getMyCopayerId()">
  <div class="row collapse">
    <div class="small-12 columns" ng-show="!tx.sentTs">
      <div ng-show="tx.signedBy[myId]">
        <button class="secondary left m10r tiny m0 radius" ng-disabled="true"> <i class="fi-check icon-sign check"></i>
          <span translate>Signed by me</span>
        </button>
      </div>
      <div ng-show="tx.rejectedBy[myId]">
        <button class="warning left m10r tiny m0 radius" ng-disabled="true"> <i class="fi-x icon-sign x"></i>
          <span translate>Rejected by me</span>
        </button>
      </div>
      <div ng-show="!tx.signedBy[myId] && !tx.rejectedBy[myId]">
        <div class="row">
          <div class="large-6 medium-6 small-6 columns text-left">
            <button class="button warning tiny m0" ng-click="reject(tx.ntxid)" ng-disabled="loading">
              <i class="fi-x icon-sign x"></i>  <span translate>Reject</span>
            </button>
          </div>
          <div class="large-6 medium-6 small-6 columns text-right">
            <button class="button primary  tiny m0" ng-click="sign(tx.ntxid)" ng-disabled="loading">
              <i class="fi-check icon-sign check"></i>  <span translate>Sign</span>
            </button>
          </div>
        </div>
      </div>

      <div ng-show="!tx.missingSignatures && !tx.sentTs">
        <button class="primary tiny m0" ng-click="broadcast(tx.ntxid)" ng-disabled="loading"> <i class="fi-upload-cloud"></i>
          <span translate>Broadcast Transaction</span>
        </button>
      </div>
    </div>

  </div>

</div>

<div class="row collapse">
  <div class="small-12 small text-gray text-center">
    <span ng-click="tx.showDetails = !tx.showDetails">
  <span ng-show="!tx.finallyRejected && tx.missingSignatures==1">
    <i class="fi-torso"></i> 
    One signature missing
  </span> 
    <span ng-show="!tx.finallyRejected && tx.missingSignatures>1">
    <i class="icon-people"></i> 
    {{tx.missingSignatures}} signatures missing
  </span> 
    <span ng-show="!tx.finallyRejected && tx.missingSignatures==0">
    Copayers
  </span>
    </span>
  </div>
</div>