diff --git a/CHANGELOG.md b/CHANGELOG.md index e9dfddb009..2bec02ebbd 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,7 @@ ## Current ### Features +- [#3224](https://github.com/poanetwork/blockscout/pull/3224) - Top tokens page ### Fixes - [#3220](https://github.com/poanetwork/blockscout/pull/3220) - Allow interaction with navbar menu at block-not-found page diff --git a/apps/block_scout_web/assets/css/components/_navbar.scss b/apps/block_scout_web/assets/css/components/_navbar.scss index d97f0483d5..a9a1442166 100644 --- a/apps/block_scout_web/assets/css/components/_navbar.scss +++ b/apps/block_scout_web/assets/css/components/_navbar.scss @@ -155,7 +155,7 @@ $navbar-logo-width: auto !default; width: 340px; } @media (min-width: 1366px) { - width: 500px; + width: 380px; } @media (min-width: 1440px) { width: 580px; diff --git a/apps/block_scout_web/lib/block_scout_web/chain.ex b/apps/block_scout_web/lib/block_scout_web/chain.ex index 3aa660fbe4..23efee7c7a 100644 --- a/apps/block_scout_web/lib/block_scout_web/chain.ex +++ b/apps/block_scout_web/lib/block_scout_web/chain.ex @@ -24,6 +24,7 @@ defmodule BlockScoutWeb.Chain do Block, InternalTransaction, Log, + Token, TokenTransfer, Transaction, Wei @@ -107,6 +108,16 @@ defmodule BlockScoutWeb.Chain do end end + def paging_options(%{"contract_address_hash" => contract_address_hash, "holder_count" => holder_count}) do + with {holder_count, ""} <- Integer.parse(holder_count), + {:ok, contract_address_hash} <- string_to_address_hash(contract_address_hash) do + [paging_options: %{@default_paging_options | key: {holder_count, contract_address_hash}}] + else + _ -> + [paging_options: @default_paging_options] + end + end + def paging_options(%{ "block_number" => block_number_string, "transaction_index" => transaction_index_string, @@ -205,6 +216,10 @@ defmodule BlockScoutWeb.Chain do %{"hash" => hash, "fetched_coin_balance" => Decimal.to_string(fetched_coin_balance.value)} end + defp paging_params(%Token{contract_address_hash: contract_address_hash, holder_count: holder_count}) do + %{"contract_address_hash" => contract_address_hash, "holder_count" => holder_count} + end + defp paging_params({%Reward{block: %{number: number}}, _}) do %{"block_number" => number, "index" => 0} end diff --git a/apps/block_scout_web/lib/block_scout_web/controllers/tokens/tokens_controller.ex b/apps/block_scout_web/lib/block_scout_web/controllers/tokens/tokens_controller.ex new file mode 100644 index 0000000000..0a133d9f7f --- /dev/null +++ b/apps/block_scout_web/lib/block_scout_web/controllers/tokens/tokens_controller.ex @@ -0,0 +1,60 @@ +defmodule BlockScoutWeb.TokensController do + use BlockScoutWeb, :controller + + import BlockScoutWeb.Chain, only: [paging_options: 1, next_page_params: 3, split_list_by_page: 1] + + alias BlockScoutWeb.TokensView + alias Explorer.Chain + alias Phoenix.View + + def index(conn, %{"type" => "JSON"} = params) do + tokens = + params + |> paging_options() + |> Chain.list_top_tokens() + + {tokens_page, next_page} = split_list_by_page(tokens) + + next_page_path = + case next_page_params(next_page, tokens_page, params) do + nil -> + nil + + next_page_params -> + tokens_path( + conn, + :index, + Map.delete(next_page_params, "type") + ) + end + + items = + tokens_page + |> Enum.with_index(1) + |> Enum.map(fn {token, index} -> + View.render_to_string( + TokensView, + "_tile.html", + token: token, + index: index + ) + end) + + json( + conn, + %{ + items: items, + next_page_path: next_page_path + } + ) + end + + def index(conn, _params) do + total_supply = Chain.total_supply() + + render(conn, "index.html", + current_path: current_path(conn), + total_supply: total_supply + ) + end +end diff --git a/apps/block_scout_web/lib/block_scout_web/templates/icons/_tokens_icon.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/icons/_tokens_icon.html.eex new file mode 100644 index 0000000000..6d808a1800 --- /dev/null +++ b/apps/block_scout_web/lib/block_scout_web/templates/icons/_tokens_icon.html.eex @@ -0,0 +1,4 @@ + + + + diff --git a/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex index 12575322f6..7698f84521 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex @@ -75,6 +75,14 @@ <%= gettext("Accounts") %> <% end %> +
  • + <%= link to: tokens_path(@conn, :index), class: "nav-link topnav-nav-link #{tab_status("tokens", @conn.request_path)}" do %> + + <%= render BlockScoutWeb.IconsView, "_tokens_icon.html" %> + + <%= gettext("Tokens") %> + <% end %> +
    • <% end %> <%= if Application.get_env(:block_scout_web, BlockScoutWeb.ApiRouter)[:reading_enabled] || Application.get_env(:block_scout_web, :api_url) do %>
  • diff --git a/apps/block_scout_web/lib/block_scout_web/templates/layout/app.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/layout/app.html.eex index c65911a60d..d5d6d42f16 100644 --- a/apps/block_scout_web/lib/block_scout_web/templates/layout/app.html.eex +++ b/apps/block_scout_web/lib/block_scout_web/templates/layout/app.html.eex @@ -70,6 +70,7 @@ @view_module != Elixir.BlockScoutWeb.BlockView && @view_module != Elixir.BlockScoutWeb.BlockTransactionView && @view_module != Elixir.BlockScoutWeb.AddressView && + @view_module != Elixir.BlockScoutWeb.TokensView && @view_module != Elixir.BlockScoutWeb.TransactionView && @view_module != Elixir.BlockScoutWeb.PendingTransactionView && @view_module != Elixir.BlockScoutWeb.TransactionInternalTransactionView && diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/_tile.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/_tile.html.eex new file mode 100644 index 0000000000..10bc8bd487 --- /dev/null +++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/_tile.html.eex @@ -0,0 +1,36 @@ + + + + + <%= @index %> + + + + <% token = "#{@token.name} (#{@token.symbol})" %> + <%= link(token, + to: token_path(BlockScoutWeb.Endpoint, :show, @token.contract_address_hash), + "data-test": "token_link", + class: "text-truncate") %> + + + <%= render BlockScoutWeb.AddressView, + "_link.html", + address: @token.contract_address, + contract: true, + use_custom_tooltip: false + %> + + + <%= if decimals?(@token) do %> + <%= format_according_to_decimals(@token.total_supply, @token.decimals) %> + <% else %> + <%= format_integer_to_currency(@token.total_supply) %> + <% end %> <%= @token.symbol %> + + + + + <%= @token.holder_count %> + + + diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex new file mode 100644 index 0000000000..680f177f54 --- /dev/null +++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/index.html.eex @@ -0,0 +1,45 @@ +
    +
    +
    +

    <%= gettext "Tokens" %>

    + + <%= render BlockScoutWeb.CommonComponentsView, "_pagination_container.html", position: "top", cur_page_number: "1", show_pagination_limit: true, data_next_page_button: true, data_prev_page_button: true %> + +
    +
    + + + + + + + + + + + + <%= render BlockScoutWeb.CommonComponentsView, "_table-loader.html", total_supply: @total_supply %> + +
    +
     
    +     		+
    Token
    +     		+
    Address
    +     		+
    + Total Supply +
    +     		+
    + Holders Count +
    +
    +
    +
    + + <%= render BlockScoutWeb.CommonComponentsView, "_pagination_container.html", position: "bottom", cur_page_number: "1", show_pagination_limit: true, data_next_page_button: true, data_prev_page_button: true %> +
    +
    + +
    diff --git a/apps/block_scout_web/lib/block_scout_web/views/tokens_view.ex b/apps/block_scout_web/lib/block_scout_web/views/tokens_view.ex new file mode 100644 index 0000000000..9d9b23a873 --- /dev/null +++ b/apps/block_scout_web/lib/block_scout_web/views/tokens_view.ex @@ -0,0 +1,8 @@ +defmodule BlockScoutWeb.TokensView do + use BlockScoutWeb, :view + + alias Explorer.Chain.Token + + def decimals?(%Token{decimals: nil}), do: false + def decimals?(%Token{decimals: _}), do: true +end diff --git a/apps/block_scout_web/lib/block_scout_web/web_router.ex b/apps/block_scout_web/lib/block_scout_web/web_router.ex index fd0fc0e444..e3ded70a53 100644 --- a/apps/block_scout_web/lib/block_scout_web/web_router.ex +++ b/apps/block_scout_web/lib/block_scout_web/web_router.ex @@ -73,6 +73,8 @@ defmodule BlockScoutWeb.WebRouter do resources("/accounts", AddressController, only: [:index]) + resources("/tokens", TokensController, only: [:index]) + resources "/address", AddressController, only: [:show] do resources("/transactions", AddressTransactionController, only: [:index], as: :transaction) diff --git a/apps/explorer/lib/explorer/chain.ex b/apps/explorer/lib/explorer/chain.ex index b053a325d9..5ba04bea56 100644 --- a/apps/explorer/lib/explorer/chain.ex +++ b/apps/explorer/lib/explorer/chain.ex @@ -1713,6 +1713,31 @@ defmodule Explorer.Chain do |> Repo.all() end + @doc """ + Lists the top `t:Explorer.Chain.Token.t/0`'s'. + + """ + @spec list_top_tokens :: [{Token.t(), non_neg_integer()}] + def list_top_tokens(options \\ []) do + paging_options = Keyword.get(options, :paging_options, @default_paging_options) + + fetch_top_tokens(paging_options) + end + + defp fetch_top_tokens(paging_options) do + base_query = + from(t in Token, + where: t.total_supply > ^0, + order_by: [desc: t.holder_count], + preload: [:contract_address] + ) + + base_query + |> page_tokens(paging_options) + |> limit(^paging_options.page_size) + |> Repo.all() + end + @doc """ Calls `reducer` on a stream of `t:Explorer.Chain.Block.t/0` without `t:Explorer.Chain.Block.Reward.t/0`. """ @@ -3136,6 +3161,16 @@ defmodule Explorer.Chain do ) end + defp page_tokens(query, %PagingOptions{key: nil}), do: query + + defp page_tokens(query, %PagingOptions{key: {holder_count, contract_address_hash}}) do + from(token in query, + where: + (token.holder_count == ^holder_count and token.contract_address_hash > ^contract_address_hash) or + token.holder_count < ^holder_count + ) + end + defp page_blocks(query, %PagingOptions{key: nil}), do: query defp page_blocks(query, %PagingOptions{key: {block_number}}) do