Files
phoenix-ausblick/lib/outlook_web/components/public_components.ex
Thelonius Kort 7cd9a09cfd More dark mode
2023-02-11 19:56:34 +01:00

39 lines
1.2 KiB
Elixir

defmodule OutlookWeb.PublicComponents do
@moduledoc """
Provides components for showing and listing artikel and autoren.
"""
use Phoenix.Component
import Phoenix.HTML
alias Phoenix.LiveView.JS
attr :autor, :any, required: true
def autor(assigns) do
~H"""
<a href={"/autoren/#{@autor.id}"}>
<div class="p-4 my-2 border rounded-lg border-stone-400 text-stone-800 dark:text-stone-300 ">
<div class="font-bold"><%= @autor.name %></div>
<div class=""><%= @autor.description %></div>
</div>
</a>
"""
end
attr :artikel, :any, required: true
attr :show_author, :boolean, default: true
def artikel(assigns) do
~H"""
<.link navigate={"/artikel/#{@artikel.id}"}>
<div class="my-2 px-2 rounded border-2 border-solid border-gray-300 dark:border-stone-800">
<h4 class="font-bold text-stone-800 dark:text-stone-300 py-2"><%= @artikel.title %></h4>
<div :if={@show_author}><small><%= @artikel.article.author.name %></small></div>
<div><small><%= @artikel.date |> Calendar.strftime("%d.%m.%Y") %></small></div>
<div><%= @artikel.teaser |> raw %></div>
</div>
</.link>
"""
end
end