Packages

phoenix_live_dashboard

0.8.7
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

Current section

Files

Jump to
Readme
43 Versions
7 Dependencies
Dependants
Files
Activity
phoenix_live_dashboard lib phoenix live_dashboard components title_bar_component.ex
Raw

lib/phoenix/live_dashboard/components/title_bar_component.ex 

defmodule Phoenix.LiveDashboard.TitleBarComponent do

  use Phoenix.LiveDashboard.Web, :live_component



  def mount(socket) do

    {:ok, assign(socket, class: "", color: "blue")}

  end



  def render(assigns) do

    ~H"""

    <div class={@class}>

      <section>

        <div class="d-flex justify-content-between">

          <%= render_slot(@inner_block) %>

        </div>

        <style nonce={@csp_nonces.style}>

          #<%= "#{@dom_id}-progress" %>{width:<%= @percent %>%}

        </style>

        <div class="progress flex-grow-1 mt-2">

          <div

            class={"progress-bar bg-#{@color}"}

            role="progressbar"

            aria-valuenow={@percent}

            aria-valuemin="0"

            aria-valuemax="100"

            id={"#{@dom_id}-progress"}

          >

          </div>

        </div>

      </section>

    </div>

    """

  end

end