theQRL/block-explorer

View on GitHub
imports/ui/components/lastunconfirmedtx/lastunconfirmedtx.html

Summary

Maintainability
Test Coverage
<template name="lastunconfirmedtx">

<h4 class="ui pageHeader header">
  <div class="content">
    Latest Unconfirmed Transactions <i class="ui refresh red link icon"></i>
  </div>
</h4>
{{#with lastunconfirmedtx}} {{#if allConfirmed}}
<div class="ui negative message">
  <i class="close icon"></i>
  <div class="header">
    All network transactions have been confirmed
  </div>
</div>
{{else}}
  {{#each lastunconfirmedtx.transactions_unconfirmed}}
    {{#if isTransfer this.tx.transactionType}}
    <div class="ui icon message transactionRecord">
      <img class="transactionTypeImage" src="/img/icons/send.svg" />
      <div class="content">
        <div class="header">
          Transfer | Unconfirmed | First Seen: {{ts}}
        </div>
        <p class="transactionAddress">
          {{this.tx.transaction_hash}}
        </p>
      </div>
      <div class="floatright">
        <a href="/tx/{{this.tx.transaction_hash}}">{{amount}} Quanta &gt;</a>
      </div>
    </div>
    {{/if}}

    {{#if isTokenCreation this.tx.transactionType}}
    <div class="ui icon message transactionRecord">
      <img class="transactionTypeImage" src="/img/icons/send.svg" />
      <div class="content">
        <div class="header">
          Token Creation - ({{this.explorer.symbol}}) | Unconfirmed | First Seen: {{ts}}
        </div>
        <p class="transactionAddress">
          {{this.tx.transaction_hash}}
        </p>
      </div>
      <div class="floatright">
         <a href="/tx/{{this.tx.transaction_hash}}">{{this.explorer.symbol}} Creation &gt;</a>
      </div>
    </div>
    {{/if}}

    {{#if isTokenTransfer this.tx.transactionType}}
    <div class="ui icon message transactionRecord">
      <img class="transactionTypeImage" src="/img/icons/send.svg" />
      <div class="content">
        <div class="header">
          Token Transfer - ({{this.explorer.symbol}}) | Unconfirmed | First Seen: {{ts}}
        </div>
        <p class="transactionAddress">
          {{this.tx.transaction_hash}}
        </p>
      </div>
      <div class="floatright">
        <a href="/tx/{{this.tx.transaction_hash}}">{{amount}} {{this.explorer.symbol}} &gt;</a>
      </div>
    </div>
    {{/if}}

    {{#if isSlaveTxn this.tx.transactionType}}
    <div class="ui icon message transactionRecord">
      <img class="transactionTypeImage" src="/img/icons/receive.svg" />
      <div class="content">
        <div class="header">
          Slave Transaction | Unconfirmed | First Seen: {{ts}}
        </div>
        <p class="transactionAddress">
          {{this.tx.transaction_hash}}
        </p>
      </div>
      <div class="floatright">
        <a href="/tx/{{this.tx.transaction_hash}}">View Transaction &gt;</a>
      </div>
    </div>
    {{/if}}

    {{#if isMessageTxn this.explorer.type}}
    <div class="ui icon message transactionRecord">
      <img class="transactionTypeImage" src="/img/icons/receive.svg" />
      <div class="content">
        <div class="header">
          Message | Unconfirmed | First Seen: {{ts}}
        </div>
        <p class="transactionAddress">
          {{this.tx.transaction_hash}}
        </p>
      </div>
      <div class="floatright">
        <a href="/tx/{{this.tx.transaction_hash}}">View Transaction &gt;</a>
      </div>
    </div>
    {{/if}}

    {{#if isDocumentNotarisation this.explorer.type}}
    <div class="ui icon message transactionRecord">
      <img class="transactionTypeImage" src="/img/icons/receive.svg" />
      <div class="content">
        <div class="header">
          Document Notarisation | Unconfirmed | First Seen: {{ts}}
        </div>
        <p class="transactionAddress">
          {{this.tx.transaction_hash}}
        </p>
      </div>
      <div class="floatright">
        <a href="/tx/{{this.tx.transaction_hash}}">View Transaction &gt;</a>
      </div>
    </div>
    {{/if}}

    {{#if isKeybaseTxn this.explorer.type}}
    <div class="ui icon message transactionRecord">
      <img class="transactionTypeImage" src="/img/icons/receive.svg" />
      <div class="content">
        <div class="header">
          Keybase | Unconfirmed | First Seen: {{ts}}
        </div>
        <p class="transactionAddress">
          {{this.tx.transaction_hash}}
        </p>
      </div>
      <div class="floatright">
        <a href="/tx/{{this.tx.transaction_hash}}">View Transaction &gt;</a>
      </div>
    </div>
    {{/if}}

  {{/each}}
{{/if}} {{/with}}


</template>