bitcore-node-zcash/public/views/transaction/tx.html

  <div class="line-bot">
    <time class="pull-right">{{tx.time * 1000 | date:'medium'}}</time>
    <button class="btn-expand" data-ng-click="itemsExpanded = !itemsExpanded"><span class="glyphicon glyphicon-plus" data-ng-class="{'glyphicon-minus': itemsExpanded}" tooltip="Show/Hide items details" tooltip-placement="right"></span></button>
    <a href="/#!/tx/{{tx.txid}}">{{tx.txid}}</a>
    <button class="btn-copy" clip-copy="tx.txid"><span class="glyphicon glyphicon-paperclip"></span></button>
  </div>
  <div class="row line-mid">
    <div class="col-md-5">
      <div class="row" data-ng-show="tx.isCoinBase">
        <div class="col-md-12 transaction-vin-vout" data-ng-repeat="vin in tx.vin">
          <div class="text-muted pull-right btc-value"><small>{{vin.reward}} BTC</small></div>
          <div class="ellipsis">
            <span>No Inputs (Newly Generated Coins)</span>
          </div>
        </div>
      </div>
      <div class="row" data-ng-show="!tx.isCoinBase">
        <div data-ng-repeat="vin in tx.vinSimple" data-ng-show="!itemsExpanded">
          <div class="col-md-12 transaction-vin-vout">
            <div class="text-muted pull-right btc-value"><small>{{vin.value}} BTC</small></div>
            <div class="ellipsis">
              <span data-ng-show="vin.notAddr">{{vin.addr}}</span>
              <a href="/#!/address/{{vin.addr}}" data-ng-show="!vin.notAddr">{{vin.addr}}</a>
            </div>
          </div>
        </div>
        <div data-ng-repeat="vin in tx.vin" data-ng-show="itemsExpanded">
          <div class="col-md-12 transaction-vin-vout">
            <div class="text-muted pull-right btc-value"><small>{{vin.value}} BTC</small></div>
            <div class="ellipsis">
              <a class="glyphicon glyphicon-chevron-right" href="/#!/tx/{{vin.txid}}" title="Outpoint: {{vin.txid}},{{vin.vout}}"></a>&nbsp;&nbsp;
              <span data-ng-show="vin.notAddr">{{vin.addr}}</span>
              <a href="/#!/address/{{vin.addr}}" data-ng-show="!vin.notAddr">{{vin.addr}}</a>
            </div>
          </div>
          <div class="col-md-12">
            <div class="panel panel-default">
              <div class="panel-body" style="word-wrap:break-word">
                <small>
                  <strong>scriptSig</strong>
                  {{vin.scriptSig.asm}}
                </small>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-1 text-center">
      <span class="glyphicon glyphicon-chevron-right text-primary"></span>
    </div>
    <div class="col-md-6">
      <div class="row">
        <div data-ng-repeat="vout in tx.voutSimple" data-ng-show="!itemsExpanded">
          <div class="col-md-12 transaction-vin-vout">
            <div class="text-muted pull-right btc-value"><small>{{vout.value}} BTC</small></div>
            <div class="ellipsis">
              <span data-ng-show="vout.notAddr">{{vout.addr}}</span>
              <a href="/#!/address/{{address}}"  data-ng-show="!vout.notAddr" data-ng-repeat="address in vout.addr.split(',')">{{address}}</a>
            </div>
          </div>
        </div>
        <div data-ng-repeat="vout in tx.vout" data-ng-show="itemsExpanded">
          <div class="col-md-12 transaction-vin-vout">
            <div class="text-muted pull-right btc-value"><small>{{vout.value}} BTC</small></div>
            <div class="ellipsis">
              <a href="/#!/address/{{address}}" data-ng-repeat="address in vout.scriptPubKey.addresses">{{address}}</a>
            </div>
          </div>
          <div class="col-md-12">
            <div class="panel panel-default">
              <div class="panel-body" style="word-wrap:break-word">
                <small>
                  <p>
                    <strong>Type</strong>
                    {{vout.scriptPubKey.type}}
                  </p>
                  <p>
                    <strong>scriptPubKey</strong>
                    {{vout.scriptPubKey.asm}}
                  </p>
                </small>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="line-top">
    <small data-ng-show="!tx.isCoinBase" class="text-muted">Fees: {{tx.fees}}</small>
    <div class="pull-right">
      <button data-ng-show="tx.confirmations" class="btn btn-success">{{tx.confirmations}} Confirmations</button>
      <button data-ng-show="!tx.confirmations" class="btn btn-danger">Unconfirmed Transaction!</button>
      <button class="btn btn-primary">{{tx.valueOut}} BTC</button>
    </div>
  </div>