Packages

observer_web

0.2.8
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.12 0.1.11 0.1.10 0.1.9 0.1.8 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0 0.0.3 0.0.2 0.0.1

Observer Web Dashboard for tracing, applications observability, performance metrics, and much more

HexDocs

Current section

Files

Jump to
Readme
25 Versions
7 Dependencies
Dependants
Files
Activity
observer_web lib web pages apps legend.ex
Raw

lib/web/pages/apps/legend.ex 

defmodule Observer.Web.Apps.Legend do

  @moduledoc false

  use Phoenix.Component



  def content(assigns) do

    ~H"""

    <div class="p-3 border border-black dark:border-gray-400 relative mt-5 bg-white dark:bg-gray-800">

      <h2 class="absolute -top-3 left-3 px-2 bg-white dark:bg-gray-800 text-gray-900 dark:text-white">

        Legend

      </h2>

      <div class="flex items-center">

        <span class="text-gray-600 dark:text-neutral-400">Process (App)</span>

        <div class="w-6 h-6 mr-3 flex items-center justify-center">

          <svg

            xmlns="http://www.w3.org/2000/svg"

            viewBox="0 0 24 24"

            fill="none"

            stroke="currentColor"

            stroke-width="2"

            stroke-linecap="round"

            stroke-linejoin="round"

            class="w-4 h-4 text-[#A1887F]"

          >

            <polygon points="12,2 22,12 12,22 2,12"></polygon>

          </svg>

        </div>



        <span class="text-gray-600 dark:text-neutral-400">Supervisor</span>

        <div class="w-6 h-6 rounded-lg mr-3 flex items-center justify-center">

          <svg

            xmlns="http://www.w3.org/2000/svg"

            viewBox="0 0 24 24"

            fill="none"

            stroke="currentColor"

            stroke-width="2"

            stroke-linecap="round"

            stroke-linejoin="round"

            class="w-4 h-4 text-[#F87171]"

          >

            <rect x="3" y="3" width="18" height="18" rx="4" ry="4"></rect>

          </svg>

        </div>



        <span class="text-gray-600 dark:text-neutral-400">Process (Worker)</span>

        <div class="w-6 h-6 rounded-full mr-3 flex items-center justify-center">

          <svg

            xmlns="http://www.w3.org/2000/svg"

            viewBox="0 0 24 24"

            fill="none"

            stroke="currentColor"

            stroke-width="2"

            stroke-linecap="round"

            stroke-linejoin="round"

            class="w-4 h-4 text-[#93C5FD]"

          >

            <circle cx="12" cy="12" r="8"></circle>

          </svg>

        </div>



        <span class="text-gray-600 dark:text-neutral-400">Port</span>

        <div class="w-6 h-6 mr-2 flex items-center justify-center">

          <svg

            xmlns="http://www.w3.org/2000/svg"

            viewBox="0 0 24 24"

            fill="none"

            stroke="currentColor"

            stroke-width="2"

            stroke-linecap="round"

            stroke-linejoin="round"

            class="w-4 h-4 text-[#FBBF24]"

          >

            <polygon points="12,2 22,22 2,22"></polygon>

          </svg>

        </div>



        <span class="text-gray-600 dark:text-neutral-400">Reference</span>

        <div class="w-6 h-6 rounded-lg mr-3 flex items-center justify-center">

          <svg

            xmlns="http://www.w3.org/2000/svg"

            viewBox="0 0 24 24"

            fill="none"

            stroke="currentColor"

            stroke-width="2"

            stroke-linecap="round"

            stroke-linejoin="round"

            class="w-4 h-4 text-[#28A745]"

          >

            <rect x="3" y="3" width="18" height="18"></rect>

          </svg>

        </div>



        <span class="text-gray-600 dark:text-neutral-400">Link</span>

        <div class="w-6 h-6 mr-2 flex items-center justify-center">

          <svg

            xmlns="http://www.w3.org/2000/svg"

            viewBox="0 0 24 24"

            fill="none"

            stroke="currentColor"

            stroke-width="2"

            stroke-linecap="round"

            stroke-linejoin="round"

            class="w-4 h-4"

          >

            <line x1="0" y1="12" x2="24" y2="12" stroke="#CCC" stroke-width="2"></line>

          </svg>

        </div>



        <span class="text-gray-600 dark:text-neutral-400">Monitor</span>

        <div class="w-6 h-6 mr-2 flex items-center justify-center">

          <svg

            xmlns="http://www.w3.org/2000/svg"

            viewBox="0 0 24 24"

            fill="none"

            stroke="currentColor"

            stroke-width="2"

            stroke-linecap="round"

            stroke-linejoin="round"

            class="w-4 h-4"

          >

            <line x1="0" y1="12" x2="24" y2="12" stroke="#D1A1E5" stroke-width="2"></line>

          </svg>

        </div>



        <span class="text-gray-600 dark:text-neutral-400">Monitored by</span>

        <div class="w-6 h-6 mr-2 flex items-center justify-center">

          <svg

            xmlns="http://www.w3.org/2000/svg"

            viewBox="0 0 24 24"

            fill="none"

            stroke="currentColor"

            stroke-width="2"

            stroke-linecap="round"

            stroke-linejoin="round"

            class="w-4 h-4"

          >

            <line x1="0" y1="12" x2="24" y2="12" stroke="#4DB8FF" stroke-width="2"></line>

          </svg>

        </div>

      </div>

    </div>

    """

  end

end