insight-ui-zcash/public/views/transaction/list.html

<div data-ng-show="!txs || txs.lenght">Loading...</div>
<div class="alert alert-warning" data-ng-show="txs && !txs[0].txid">There are not transactions</div>
<div class="block-tx fader" data-ng-show="txs && txs[0].txid" data-ng-repeat="tx in txs">
  <div class="line-bot">
    <a href="/#!/tx/{{tx.txid}}">{{tx.txid}}</a>
    <span class="pull-right">{{tx.time * 1000 | date:'medium'}}</span>
  </div>

  <div class="row">
    <div class="col-md-5">
      <div class="ellipsis row" data-ng-show="tx.isCoinBase" data-ng-repeat="vin in tx.vin">
        <div class="col-md-10">
          <p class="ellipsis">No Inputs (Newly Generated isCoinBasens)</p>
        </div>
        <p class="text-muted pull-right"> <small>{{vin.reward}} BTC</small></p>
      </div>
      <ul class="list-unstyled" data-ng-repeat="vin in tx.vin" data-ng-show="!tx.isCoinBase">
        <li class="row">
          <a class="col-md-1 glyphicon glyphicon-circle-arrow-left" href="/#!/tx/{{vin.txid}}" alt="Outpoint: {{vin.txid}},{{vin.vout}}" data-toggle="tooltip" title="Outpoint: {{vin.txid}},{{vin.vout}}">
          </a>
          <div class="col-md-8">
            <div class="ellipsis">
              <span data-ng-show="!vin.addr">Address could not be parsed</span>
              <a data-ng-show="vin.addr" href="/#!/address/{{vin.addr}}">{{vin.addr}}</a>  
            </div>
          </div>
          <p class="text-right text-muted"><small>{{vin.value}} BTC</small></p>
        </li>
      </ul>
    </div>

    <div class="col-md-1 text-center">
      <span class="glyphicon glyphicon-arrow-right lead">&nbsp;</span>
    </div>

    <div class="col-md-6">
      <div class="row">
        <div class="col-md-3">
          <div data-ng-repeat="vout in tx.vout">
            <small data-ng-repeat="address in vout.scriptPubKey.addresses">{{vout.scriptPubKey.type}}</small>
          </div>
        </div>
        <div data-ng-repeat="vout in tx.vout">
          <div class="col-md-6">
            <div class="ellipsis">
              <a href="/#!/address/{{address}}" data-ng-repeat="address in vout.scriptPubKey.addresses" class="ellipsis">{{address}}</a>
            </div>
          </div>
          <div class="col-md-3">
            <p class="text-right text-muted"> <small>{{vout.value}} BTC</small></p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="line-top">
    <div class="m5v">
      <div class="pull-right">
        <button data-ng-show="tx.confirmations" type="button" class="btn btn-success">
          {{tx.confirmations}} Confirmations
        </button>
        <button data-ng-show="!tx.confirmations"  type="button" class="btn btn-danger">
          Unconfirmed Transaction!
        </button>
        <button type="button" class="btn btn-primary">{{tx.valueOut}} BTC</button>
      </div>
      <small data-ng-show="!tx.isCoinBase" class="text-muted">Feeds: {{tx.feeds}}</small>
    </div>
  </div>
</div>