Packages

phoenix_live_dashboard

0.2.2
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
3 Dependencies
Dependants
Files
Activity
phoenix_live_dashboard lib phoenix live_dashboard live bar_component.ex
Raw

lib/phoenix/live_dashboard/live/bar_component.ex 

defmodule Phoenix.LiveDashboard.BarComponent do

  use Phoenix.LiveDashboard.Web, :live_component



  def mount(socket) do

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

  end



  def render(assigns) do

    ~L"""

    <div class="<%= @class %>">

      <section>

        <div class="memory-usage-legend-entry d-flex align-items-center pt-1 flex-grow-0">

          <%= @inner_content.([]) %>

        </div>

        <div class="progress-section">

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

            <div

            class="progress-bar bg-<%= @color %>"

            role="progressbar"

            aria-valuenow="<%= @percent %>"

            aria-valuemin="0"

            aria-valuemax="100"

            style="width: <%= @percent %>%"

            >

            </div>

          </div>

        </div>

      </section>

    </div>

    """

  end



  def direction(dir) when dir == :left, do: "flex-row-reverse"

  def direction(_), do: ""

end