Packages

phoenix_live_dashboard

0.8.7
0.9.1 0.9.0 0.8.7 0.8.6 0.8.5 0.8.4 0.8.4-rc.0 0.8.3 0.8.2 0.8.1 0.8.0 0.7.2 0.7.1 0.7.0 0.6.5 0.6.4 0.6.3 0.6.2 0.6.1 0.6.0 0.5.3 0.5.2 0.5.1 0.5.0 0.4.0 0.3.6 0.3.5 0.3.4 retired 0.3.3 0.3.2 0.3.1 0.3.0 0.2.10 0.2.9 0.2.8 0.2.7 0.2.6 0.2.5 0.2.4 0.2.3 0.2.2 0.2.1 0.2.0 0.1.1 0.1.0

Real-time performance dashboard for Phoenix

HexDocs Report package

Current section

Files

Jump to
Readme
45 Versions
7 Dependencies
Dependants
Files
Activity
phoenix_live_dashboard lib phoenix live_dashboard layouts dash.html.heex
Raw

lib/phoenix/live_dashboard/layouts/dash.html.heex 

<!DOCTYPE html>

<html lang="en" phx-socket={live_socket_path(@conn)}>

  <head>

    <script nonce={csp_nonce(@conn, :script)}>

      window.LiveDashboard = {

        customHooks: {},

        registerCustomHooks(hooks) {

          this.customHooks = {...this.customHooks, ...hooks}

        }

      }

    </script>

    <%= custom_head_tags(assigns, :after_opening_head_tag) %>

    <meta charset="utf-8"/>

    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, shrink-to-fit=no, user-scalable=no"/>

    <meta name="csrf-token" content={Phoenix.Controller.get_csrf_token()} />

    <title><%= assigns[:page_title] || "Phoenix LiveDashboard" %></title>

    <link rel="stylesheet" nonce={csp_nonce(@conn, :style)} href={asset_path(@conn, :css)}>

    <script nonce={csp_nonce(@conn, :script)} src={asset_path(@conn, :js)} defer></script>

    <%= custom_head_tags(assigns, :before_closing_head_tag) %>

  </head>

  <body>

    <div class="d-flex flex-column align-items-stretch layout-wrapper">

      <div class="flex-grow-1">

        <%= @inner_content %>

      </div>

      <footer class="flex-shrink-0">

        Phoenix LiveDashboard was made with love by

        <a href="https://dashbit.co/" target="_blank" class="footer-dashbit">

          <div class="dashbit-logo mini-logo" role="img" aria-label="Dashbit Logo"></div>

          Dashbit

        </a>

        <span class="px-1">&</span>

        <a href="https://dockyard.com/" target="_blank">

          <div class="dock-yard-logo mini-logo" role="img" aria-label="DockYard Logo"></div>

          DockYard

        </a>

      </footer>

    </div>

  </body>

</html>