+
+ <%= render OverviewView, "_tabs.html", assigns %>
+
+
+
+
<%= gettext "Metadata" %>
+
+
+
+
<%= format_metadata(@token_instance.instance.metadata) %>
+
+
+
+
+
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex
new file mode 100644
index 0000000000..991c8e13f6
--- /dev/null
+++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/overview/_details.html.eex
@@ -0,0 +1,106 @@
+
+
+
+
+
+
+ <%= if token_name?(@token) do %>
+ <%= @token.name %>
+ <% else %>
+ <%= gettext("Token Details") %>
+ <% end %>
+
+
+
+ '
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
<%= to_string(@token_id) %>
+
+
+
+ <%= @token.type %>
+ <%= @total_token_transfers %> <%= gettext "Transfers" %>
+ <%= if decimals?(@token) do %>
+ <%= @token.decimals %> <%= gettext "Decimals" %>
+ <% end %>
+
+
+
+
+
+
+
+
+
+
+
%)
/>
+
+
+
+
+
+
+
+
+
+
+
+
 %> "<%= @token.contract_address %>")
+
+
+
+
+
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/overview/_tabs.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/overview/_tabs.html.eex
new file mode 100644
index 0000000000..fe0eb5c0e9
--- /dev/null
+++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/overview/_tabs.html.eex
@@ -0,0 +1,15 @@
+
+ <%= link(
+ gettext("Token Transfers"),
+ class: "card-tab #{tab_status("token_transfers", @conn.request_path)}",
+ to: token_instance_path(@conn, :show, @token.contract_address_hash, to_string(@token_instance.token_id))
+ )
+ %>
+ <%= if @token_instance.instance do %>
+ <%= link(
+ gettext("Metadata"),
+ to: token_instance_metadata_path(@conn, :index, @token.contract_address_hash, to_string(@token_instance.token_id)),
+ class: "card-tab #{tab_status("metadata", @conn.request_path)}")
+ %>
+ <% end %>
+
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/transfer/index.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/transfer/index.html.eex
new file mode 100644
index 0000000000..bade3900bc
--- /dev/null
+++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/instance/transfer/index.html.eex
@@ -0,0 +1,39 @@
+
+ <%= render(
+ OverviewView,
+ "_details.html",
+ token: @token,
+ total_token_transfers: @total_token_transfers,
+ token_id: @token_instance.token_id,
+ token_instance: @token_instance,
+ conn: @conn
+ ) %>
+
+
+
+ <%= render OverviewView, "_tabs.html", assigns %>
+
+
<%= gettext "Token Transfers" %>
+
+ <%= 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 %>
+
+
+
+
+
+ <%= gettext "There are no transfers for this Token." %>
+
+
+
+
+ <%= render BlockScoutWeb.CommonComponentsView, "_tile-loader.html" %>
+
+
+ <%= 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/templates/tokens/inventory/_token.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/inventory/_token.html.eex
index 88c36e5158..c3fea04269 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/tokens/inventory/_token.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/inventory/_token.html.eex
@@ -10,7 +10,7 @@
<%= gettext "Token ID" %>:
- <%= @token_transfer.token_id %>
+ <%= link(@token_transfer.token_id, to: token_instance_path(@conn, :show, @token.contract_address_hash, to_string(@token_transfer.token_id))) %>
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/tokens/transfer/_token_transfer.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/tokens/transfer/_token_transfer.html.eex
index 5b8959f0a3..0a017c7c3d 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/tokens/transfer/_token_transfer.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/tokens/transfer/_token_transfer.html.eex
@@ -6,29 +6,35 @@
- <%= render BlockScoutWeb.TransactionView, "_link.html", transaction_hash: @transfer.transaction_hash %>
+ <%= render BlockScoutWeb.TransactionView, "_link.html", transaction_hash: @token_transfer.transaction_hash %>
- <%= link to: address_token_transfers_path(@conn, :index, @transfer.from_address, @token.contract_address_hash), "data-test": "address_hash_link" do %>
+ <%= link to: address_token_transfers_path(@conn, :index, @token_transfer.from_address, @token.contract_address_hash), "data-test": "address_hash_link" do %>
<%= render(
BlockScoutWeb.AddressView,
"_responsive_hash.html",
- address: @transfer.from_address,
- contract: BlockScoutWeb.AddressView.contract?(@transfer.from_address)
+ address: @token_transfer.from_address,
+ contract: BlockScoutWeb.AddressView.contract?(@token_transfer.from_address)
) %>
<% end %>
→
- <%= link to: address_token_transfers_path(@conn, :index, @transfer.to_address, @token.contract_address_hash), "data-test": "address_hash_link" do %>
+ <%= link to: address_token_transfers_path(@conn, :index, @token_transfer.to_address, @token.contract_address_hash), "data-test": "address_hash_link" do %>
<%= render(
BlockScoutWeb.AddressView,
"_responsive_hash.html",
- address: @transfer.to_address,
- contract: BlockScoutWeb.AddressView.contract?(@transfer.to_address)
+ address: @token_transfer.to_address,
+ contract: BlockScoutWeb.AddressView.contract?(@token_transfer.to_address)
) %>
<% end %>
- <%= token_transfer_amount(@transfer) %> <%= @transfer.token.symbol %>
+ <%= case token_transfer_amount(@token_transfer) do %>
+ <% {:ok, :erc721_instance} -> %>
+ <%= "TokenID ["%><%= link(@token_transfer.token_id, to: token_instance_path(@conn, :show, @token_transfer.token.contract_address_hash, to_string(@token_transfer.token_id))) %><%= "]" %>
+ <% {:ok, value} -> %>
+ <%= value %>
+ <% end %>
+ <%= @token_transfer.token.symbol %>
@@ -36,11 +42,11 @@
<%= link(
- gettext("Block #%{number}", number: @transfer.block_number),
- to: block_path(BlockScoutWeb.Endpoint, :show, @transfer.block_number)
+ gettext("Block #%{number}", number: @token_transfer.block_number),
+ to: block_path(BlockScoutWeb.Endpoint, :show, @token_transfer.block_number)
) %>
-
+
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/transaction/_tile.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/transaction/_tile.html.eex
index 91a7d9973a..85711ca136 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/transaction/_tile.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/transaction/_tile.html.eex
@@ -38,11 +38,11 @@
<% [first_token_transfer | remaining_token_transfers] = @transaction.token_transfers %>
- <%= render "_token_transfer.html", address: assigns[:current_address], token_transfer: first_token_transfer %>
+ <%= render "_token_transfer.html", address: assigns[:current_address], token_transfer: first_token_transfer, conn: @conn %>
<%= for token_transfer <- remaining_token_transfers do %>
- <%= render "_token_transfer.html", address: assigns[:current_address], token_transfer: token_transfer %>
+ <%= render "_token_transfer.html", address: assigns[:current_address], token_transfer: token_transfer, conn: @conn %>
<% end %>