@rahlfantasy/block-explorer/imports/ui/components/lastblocks/lastblocks.html

QRL block explorer

<template name="lastblocks">
<h4 class="ui pageHeader header">
  <div class="content">
    Latest Blocks
  </div>
</h4>



  {{#with lastblocks}} {{#if error}}
  <div class="ui negative message">
    <i class="close icon"></i>
    <div class="header">
      Error reading last blocks
    </div>
    <p>{{error.error}} : {{error.reason}}</p>
  </div>
  {{else}}
    
  {{#each lastblocks.blockheaders}}
 
    <div class="ui message lastBlocks" id="lastBlocks" data-dest="{{this.header.block_number}}">
      <div class="ui responsive grid container">
        <div class="two column row pt-0">
          <div class="ofe column t-l"><span class="plain-r">{{tsReadable}}</span></div>
          <div class="right aligned column ofe"><span class="plain-r">{{ts}}</span></div>
        </div>
        <div class="cyan row pt-0">
          <div class="ofe four wide left aligned column">
            Block<br>
            <span class="plain">{{this.header.block_number}}</span>
          </div>
          <div class="ofe six wide t-c column">
            Transactions<br>
            <span class="plain">{{numberTransactions}}</span>
          </div>
          <div class="ofe six wide t-c column">
            Quanta<br>
            <span class="plain">{{transacted(this.totalTransacted)}}</span>
          </div>
        </div>
        <div class="cyan row pt-0">
          <div class="sixteen wide left aligned ofe column">
            Mined by<br>
            <span class="plain">{{{miner}}}</span>
          </div>
        </div>
      </div>
    </div>

  {{/each}}
 
  {{/if}} {{/with}}
</template>