blockscout/lib/explorer_web/templates/block/show.html.eex

<section class="container__section block">
  <div class="block__header">
    <h1 class="block__heading"><%= gettext "Block #%{number} Details", number: @block.number %></h1>
  </div>
  <div class="block__container">
    <div class="block__tabs">
      <h2 class="block__tab block__tab--active"><%= link(gettext("Overview"), to: block_path(@conn, :show, @conn.assigns.locale, @block.number), class: "block__link block__link--active") %></h2>
      <h2 class="block__tab"><%= link(gettext("Transactions"), to: block_transaction_path(@conn, :index, @conn.assigns.locale, @block.number), class: "block__link") %></h2>
    </div>
    <div class="block__attributes">
      <div class="block__column">
        <dl>
          <div class="block__item">
            <dt class="block__item-key"><%= gettext "Number" %></dt>
            <dd class="block__item-value"><%= @block.number %></dd>
          </div>
          <div class="block__item">
            <dt class="block__item-key"><%= gettext "Timestamp" %></dt>
            <dd class="block__item-value"><%= @block.age %> (<%= @block.formatted_timestamp %>)</dd>
          </div>
          <div class="block__item">
            <dt class="block__item-key"><%= gettext "Transactions" %></dt>
            <dd class="block__item-value"><%= gettext "%{count} transactions in this block", count: @block.transactions_count %></dd>
          </div>
          <div class="block__item">
            <dt class="block__item-key"><%= gettext "Hash" %></dt>
            <dd class="block__item-value" title="<%= @block.hash %>"><%= @block.hash %></dd>
          </div>
          <div class="block__item">
            <dt class="block__item-key"><%= gettext "Parent Hash" %></dt>
            <dd class="block__item-value" title="<%= @block.parent_hash %>"><%= link(@block.parent_hash, to: block_path(@conn, :show, @conn.assigns.locale, @block.number - 1), class: "block__link") %>
          </div>
          <div class="block__item">
            <dt class="block__item-key"><%= gettext "Miner" %></dt>
            <dd class="block__item-value" title="<%= @block.miner %>"><%= @block.miner %></dd>
          </div>
          <div class="block__item">
            <dt class="block__item-key"><%= gettext "Difficulty" %></dt>
            <dd class="block__item-value" title="<%= @block.difficulty %>"><%= @block.difficulty |> Cldr.Number.to_string! %></dd>
          </div>
        </dl>
      </div>
      <div class="block__column">
        <dl>
          <div class="block__item">
            <dt class="block__item-key"><%= gettext "Total Difficulty" %></dt>
            <dd class="block__item-value" title="<%= @block.total_difficulty %>"><%= @block.total_difficulty |> Cldr.Number.to_string! %></dd>
          </div>
          <div class="block__item">
            <dt class="block__item-key"><%= gettext "Size" %></dt>
            <dd class="block__item-value"><%= Cldr.Unit.new(:byte, @block.size) |> Cldr.Unit.to_string! %></dd>
          </div>
          <div class="block__item">
            <dt class="block__item-key"><%= gettext "Gas Used" %></dt>
            <dd class="block__item-value"><%= @block.gas_used |> Cldr.Number.to_string! %> (<%= @block.gas_used / @block.gas_limit |> Cldr.Number.to_string!(format: "#.#%") %>)</dd>
          </div>
          <div class="block__item">
            <dt class="block__item-key"><%= gettext "Gas Limit" %></dt>
            <dd class="block__item-value"><%= @block.gas_limit |> Cldr.Number.to_string! %></dd>
          </div>
          <div class="block__item">
            <dt class="block__item-key"><%= gettext "Nonce" %></dt>
            <dd class="block__item-value"><%= @block.nonce %></dd>
          </div>
        </dl>
      </div>
    </div>
  </div>
</section>