Merge pull request #3184 from poanetwork/vb-apps

Apps menu item

.dialyzer-ignore

@@ -13,6 +13,7 @@ apps/explorer/lib/explorer/smart_contract/publisher_worker.ex:6: The pattern 'fa
 apps/explorer/lib/explorer/smart_contract/publisher_worker.ex:6: The test 5 == 'infinity' can never evaluate to 'true'
 lib/block_scout_web/router.ex:1
 lib/phoenix/router.ex:324
-lib/block_scout_web/views/layout_view.ex:143
+lib/block_scout_web/views/layout_view.ex:138: The call 'Elixir.Poison.Parser':'parse!'
+lib/block_scout_web/views/layout_view.ex:224: The call 'Elixir.Poison.Parser':'parse!'
 lib/block_scout_web/controllers/api/rpc/transaction_controller.ex:21
 lib/block_scout_web/controllers/api/rpc/transaction_controller.ex:22

CHANGELOG.md

@@ -1,6 +1,7 @@
 ## Current
 
 ### Features
+- [#3184](https://github.com/poanetwork/blockscout/pull/3184) - Apps navbar menu item
 
 ### Fixes
 - [#3178](https://github.com/poanetwork/blockscout/pull/3178) - Fix permanent fetching tokens...  when read/write proxy tab is active

apps/block_scout_web/assets/css/components/_dropdown.scss

@@ -42,6 +42,12 @@ $dropdown-menu-item-hover-background: rgba($secondary, 0.1) !default;
     &:focus {
       background-color: $dropdown-menu-item-hover-background;
       color: $dropdown-menu-item-hover-color;
+
+      .external-link-icon {
+        path {
+          fill: $header-icon-color-hover;
+        }
+      }
     }
   }
 

apps/block_scout_web/assets/css/components/_navbar.scss

@@ -260,3 +260,18 @@ $navbar-logo-width: auto !default;
     transition: none !important;
   }
 }
+
+.external-link-icon {
+  float: right;
+  margin-top: -1px;
+
+  & {
+    &.active,
+    &:hover,
+    &:focus {
+      path {
+        fill: $header-icon-color-hover;
+      }
+    }
+  }
+}

apps/block_scout_web/config/config.exs

@@ -32,7 +32,9 @@ config :block_scout_web,
   },
   other_networks: System.get_env("SUPPORTED_CHAINS"),
   webapp_url: System.get_env("WEBAPP_URL"),
-  api_url: System.get_env("API_URL")
+  api_url: System.get_env("API_URL"),
+  apps_menu: if(System.get_env("APPS_MENU", "false") == "true", do: true, else: false),
+  external_apps: System.get_env("EXTERNAL_APPS")
 
 config :block_scout_web, BlockScoutWeb.Counters.BlocksIndexedCounter, enabled: true
 

apps/block_scout_web/lib/block_scout_web/templates/icons/_external_link.html.eex

@@ -0,0 +1 @@
+<svg height="12pt" viewBox="0 0 12 12" width="12pt" xmlns="http://www.w3.org/2000/svg"><path d="m9.992188 1.496094c-.019532 0-.039063 0-.058594.003906h-2.433594c-.179688-.003906-.347656.09375-.4375.246094-.09375.15625-.09375.351562 0 .507812.089844.152344.257812.25.4375.246094h1.292969l-4.644531 4.648438c-.132813.125-.183594.308593-.140626.484374.046876.175782.183594.3125.359376.359376.175781.042968.359374-.007813.488281-.136719l4.644531-4.648438v1.292969c-.003906.179688.09375.347656.246094.4375.15625.09375.351562.09375.507812 0 .152344-.089844.25-.257812.246094-.4375v-2.4375c.019531-.144531-.023438-.292969-.125-.402344-.097656-.109375-.238281-.167968-.382812-.164062zm-7.492188.003906c-.546875 0-1 .453125-1 1v7c0 .546875.453125 1 1 1h7c.546875 0 1-.453125 1-1v-3c.003906-.179688-.09375-.347656-.246094-.4375-.15625-.09375-.351562-.09375-.507812 0-.152344.089844-.25.257812-.246094.4375v3h-7v-7h3c.179688.003906.347656-.09375.4375-.246094.09375-.15625.09375-.351562 0-.507812-.089844-.152344-.257812-.25-.4375-.246094zm0 0" fill="#333"/></svg>

apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex

@@ -103,6 +103,25 @@
             </div>
           </li>
         <% end %>
+        <%= if Application.get_env(:block_scout_web, :apps_menu) == true do %>
+          <li class="nav-item dropdown">
+            <a href="#" role="button" id="navbarAppsDropdown" class="nav-link topnav-nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              <span class="nav-link-icon">
+                <%= render BlockScoutWeb.IconsView, "_apps_icon.html" %>
+              </span>
+              <%= gettext("Apps") %>
+            </a>
+            <div class="dropdown-menu" aria-labeledby="navbarAppsDropdown"> 
+              <%= for %{url: url, title: title} <- external_apps_list() do %> 
+                  <a href="<%= url%>" class="dropdown-item" target="_blank"><%= title %>
+                    <span class="external-link-icon">
+                      <%= render BlockScoutWeb.IconsView, "_external_link.html" %>
+                    </span>
+                  </a>
+              <% end %>
+            </div>
+          </li>
+        <% end %>
         <li class="nav-item dropdown">
           <a class="nav-link topnav-nav-link active-icon <%= if dropdown_nets() != [], do: "dropdown-toggle js-show-network-selector" %>" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
             <span class="nav-link-icon">

apps/block_scout_web/lib/block_scout_web/views/layout_view.ex

@@ -216,6 +216,21 @@ defmodule BlockScoutWeb.LayoutView do
     end
   end
 
+  def external_apps_list do
+    if Application.get_env(:block_scout_web, :external_apps) do
+      try do
+        :block_scout_web
+        |> Application.get_env(:external_apps)
+        |> Parser.parse!(%{keys: :atoms!})
+      rescue
+        _ ->
+          []
+      end
+    else
+      []
+    end
+  end
+
   defp validate_url(url) when is_binary(url) do
     case URI.parse(url) do
       %URI{host: nil} -> :error

apps/block_scout_web/priv/gettext/default.pot

@@ -1258,14 +1258,14 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address_logs/index.html.eex:14
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:145
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:164
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:162
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:181
 msgid "Search"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:139
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:158
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:143
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:162
 msgid "Search by address, token symbol name, transaction hash, or block number"
 msgstr ""
 
@@ -1946,3 +1946,8 @@ msgstr ""
 #: lib/block_scout_web/views/address_view.ex:350
 msgid "Write Proxy"
 msgstr ""
+
+#, elixir-format
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:112
+msgid "Apps"
+msgstr ""

apps/block_scout_web/priv/gettext/en/LC_MESSAGES/default.po

@@ -1258,14 +1258,14 @@ msgstr ""
 
 #, elixir-format
 #: lib/block_scout_web/templates/address_logs/index.html.eex:14
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:145
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:164
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:162
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:181
 msgid "Search"
 msgstr ""
 
 #, elixir-format
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:139
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:158
-#: lib/block_scout_web/templates/layout/_topnav.html.eex:143
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:162
 msgid "Search by address, token symbol name, transaction hash, or block number"
 msgstr ""
 
@@ -1946,3 +1946,8 @@ msgstr ""
 #: lib/block_scout_web/views/address_view.ex:350
 msgid "Write Proxy"
 msgstr ""
+
+#, elixir-format
+#: lib/block_scout_web/templates/layout/_topnav.html.eex:112
+msgid "Apps"
+msgstr ""

docker/Makefile

@@ -220,6 +220,12 @@ endif
 ifdef TXS_STATS_DAYS_TO_COMPILE_AT_INIT
 	BLOCKSCOUT_CONTAINER_PARAMS += -e 'TXS_STATS_DAYS_TO_COMPILE_AT_INIT=$(TXS_STATS_DAYS_TO_COMPILE_AT_INIT)'
 endif
+ifdef APPS_MENU
+	BLOCKSCOUT_CONTAINER_PARAMS += -e 'APPS_MENU=$(APPS_MENU)'
+endif
+ifdef EXTERNAL_APPS
+	BLOCKSCOUT_CONTAINER_PARAMS += -e 'EXTERNAL_APPS=$(EXTERNAL_APPS)'
+endif
 
 HAS_BLOCKSCOUT_IMAGE := $(shell docker images | grep ${DOCKER_IMAGE})
 build: