forked from hiway/freedive
145 lines
3.6 KiB
Elixir
145 lines
3.6 KiB
Elixir
defmodule FreediveWeb.ServiceLive do
|
|
use FreediveWeb.LiliformLive
|
|
|
|
def render(assigns) do
|
|
~H"""
|
|
<.page name="Services" filters={@filters} details={@details}>
|
|
<FreediveWeb.ServiceLive.Components.items_block
|
|
items={@items}
|
|
selected_item={@selected_item}
|
|
details={@details}
|
|
/>
|
|
</.page>
|
|
"""
|
|
end
|
|
|
|
def items() do
|
|
%{
|
|
"sshd" => %{
|
|
name: "sshd",
|
|
path: "/services/ssh",
|
|
icon: "blocks",
|
|
description: "Secure Shell Daemon",
|
|
enabled: true,
|
|
running: true
|
|
},
|
|
"pf" => %{
|
|
name: "pf",
|
|
path: "/services/pf",
|
|
icon: "shield",
|
|
description: "Packet Filter",
|
|
enabled: true,
|
|
running: true
|
|
},
|
|
"ntpdate" => %{
|
|
name: "ntpdate",
|
|
path: "/services/ntp",
|
|
icon: "clock",
|
|
description: "Network Time Protocol Daemon",
|
|
enabled: true,
|
|
running: false
|
|
},
|
|
"httpd" => %{
|
|
name: "httpd",
|
|
path: "/services/httpd",
|
|
icon: "globe",
|
|
description: "Hypertext Transfer Protocol Daemon",
|
|
enabled: false,
|
|
running: false
|
|
}
|
|
}
|
|
end
|
|
|
|
def filters() do
|
|
[
|
|
%{
|
|
title: "Running",
|
|
key: :running,
|
|
icon: "circle-play",
|
|
active: true
|
|
},
|
|
%{
|
|
title: "Enabled",
|
|
key: :enabled,
|
|
icon: "circle-check",
|
|
active: false
|
|
}
|
|
]
|
|
end
|
|
|
|
def search(items, query) do
|
|
items
|
|
|> Enum.filter(fn {name, _item} ->
|
|
String.contains?(String.downcase(name), String.downcase(query))
|
|
end)
|
|
|> Enum.into(%{}, fn {name, item} -> {name, item} end)
|
|
end
|
|
end
|
|
|
|
defmodule FreediveWeb.ServiceLive.Components do
|
|
use Liliform.Component
|
|
import Liliform.Icon
|
|
import Liliform.Panel
|
|
import Liliform.Title
|
|
|
|
@doc """
|
|
Returns items as panel-blocks.
|
|
"""
|
|
attr :items, :list, default: [], doc: "items"
|
|
attr :selected_item, :string, default: nil, doc: "selected item"
|
|
attr :details, :string, default: nil, doc: "details"
|
|
|
|
def items_block(%{details: true} = assigns) do
|
|
~H"""
|
|
<.link
|
|
class="panel-block pt-1 has-background-light"
|
|
phx-click="tap"
|
|
phx-value-name={@selected_item.name}
|
|
>
|
|
<span class="panel-icon">
|
|
<.icon for="arrow-left" aria-hidden="true" has-text-dark />
|
|
</span>
|
|
<div class="mt-2 ml-2">Back</div>
|
|
</.link>
|
|
|
|
<.panel_block_div>
|
|
<div class="column is-narrow">
|
|
<.icon for={@selected_item.name} color="auto" aria-hidden="true" />
|
|
</div>
|
|
<div class="columns is-vcentered is-fullwidth">
|
|
<div class="column is-narrow">
|
|
<.title>
|
|
<%= @selected_item.name %>
|
|
</.title>
|
|
</div>
|
|
<div class="column">
|
|
<.subtitle>
|
|
<%= @selected_item.description %>
|
|
</.subtitle>
|
|
</div>
|
|
<div class="column is-narrow">
|
|
<.icon for="running" color="auto" aria-hidden="true" />
|
|
<.icon for="enabled" color="auto" aria-hidden="true" />
|
|
</div>
|
|
</div>
|
|
</.panel_block_div>
|
|
"""
|
|
end
|
|
|
|
def items_block(assigns) do
|
|
~H"""
|
|
<%= for {_name, item} <- @items do %>
|
|
<.link
|
|
class={"panel-block pt-1 #{if @selected_item != nil and @selected_item.name == item.name, do: "has-background-info-light"}"}
|
|
phx-click="tap"
|
|
phx-value-name={item.name}
|
|
>
|
|
<span class="panel-icon">
|
|
<.icon for={item.icon} color="auto" aria-hidden="true" />
|
|
</span>
|
|
<div class="mt-2 ml-2"><%= item.name %></div>
|
|
</.link>
|
|
<% end %>
|
|
"""
|
|
end
|
|
end
|