cloud/music_library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Support warning flash messages

Browse Source
This commit is contained in:
Claudio Ortolina
2025-05-13 21:02:51 +01:00
parent 659e53e1ee
commit bb6fffca38
3 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/components/core_components.ex
+5 -1
View File
@@ -41,7 +41,7 @@ defmodule MusicLibraryWeb.CoreComponents do
attr :id, :string, doc: "the optional id of flash container" attr :id, :string, doc: "the optional id of flash container"
attr :flash, :map, default: %{}, doc: "the map of flash messages to display" attr :flash, :map, default: %{}, doc: "the map of flash messages to display"
attr :title, :string, default: nil attr :title, :string, default: nil
attr :kind, :atom, values: [:info, :error], doc: "used for styling and flash lookup" attr :kind, :atom, values: [:info, :warning, :error], doc: "used for styling and flash lookup"
attr :rest, :global, doc: "the arbitrary HTML attributes to add to the flash container" attr :rest, :global, doc: "the arbitrary HTML attributes to add to the flash container"
slot :inner_block, doc: "the optional inner block that renders the flash message" slot :inner_block, doc: "the optional inner block that renders the flash message"
@@ -59,6 +59,8 @@ defmodule MusicLibraryWeb.CoreComponents do
"fixed top-2 right-2 mr-2 w-80 sm:w-96 z-50 rounded-md shadow-md p-3 ring-1 ring-zinc-400 border-l-2", "fixed top-2 right-2 mr-2 w-80 sm:w-96 z-50 rounded-md shadow-md p-3 ring-1 ring-zinc-400 border-l-2",
@kind == :info && @kind == :info &&
"border-l-emerald-500 bg-white dark:bg-zinc-700 text-emerald-700 dark:text-emerald-300", "border-l-emerald-500 bg-white dark:bg-zinc-700 text-emerald-700 dark:text-emerald-300",
@kind == :warning &&
"border-l-yellow-500 bg-white dark:bg-zinc-700 text-yellow-900 dark:text-yellow-300",
@kind == :error && @kind == :error &&
"border-l-red-500 bg-white dark:bg-zinc-700 text-red-900 dark:text-red-300" "border-l-red-500 bg-white dark:bg-zinc-700 text-red-900 dark:text-red-300"
]} ]}
@@ -66,6 +68,7 @@ defmodule MusicLibraryWeb.CoreComponents do
> >
<p :if={@title} class="flex items-center gap-1.5 text-sm font-semibold leading-6"> <p :if={@title} class="flex items-center gap-1.5 text-sm font-semibold leading-6">
<.icon :if={@kind == :info} name="hero-information-circle-mini" class="h-4 w-4" /> <.icon :if={@kind == :info} name="hero-information-circle-mini" class="h-4 w-4" />
<.icon :if={@kind == :warning} name="hero-exclamation-circle-mini" class="h-4 w-4" />
<.icon :if={@kind == :error} name="hero-exclamation-circle-mini" class="h-4 w-4" /> <.icon :if={@kind == :error} name="hero-exclamation-circle-mini" class="h-4 w-4" />
{@title} {@title}
</p> </p>
@@ -94,6 +97,7 @@ defmodule MusicLibraryWeb.CoreComponents do
~H""" ~H"""
<div id={@id}> <div id={@id}>
<.flash kind={:info} title={gettext("Success!")} flash={@flash} /> <.flash kind={:info} title={gettext("Success!")} flash={@flash} />
<.flash kind={:warning} title={gettext("Warning!")} flash={@flash} />
<.flash kind={:error} title={gettext("Error!")} flash={@flash} /> <.flash kind={:error} title={gettext("Error!")} flash={@flash} />
<.flash <.flash
id="server-error" id="server-error"
priv/gettext/default.pot
+5
View File
@@ -813,3 +813,8 @@ msgstr ""
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Scrobble disc" msgid "Scrobble disc"
msgstr "" msgstr ""
#: lib/music_library_web/components/core_components.ex
#, elixir-autogen, elixir-format
msgid "Warning!"
msgstr ""
priv/gettext/en/LC_MESSAGES/default.po
+5
View File
@@ -813,3 +813,8 @@ msgstr ""
#, elixir-autogen, elixir-format, fuzzy #, elixir-autogen, elixir-format, fuzzy
msgid "Scrobble disc" msgid "Scrobble disc"
msgstr "" msgstr ""
#: lib/music_library_web/components/core_components.ex
#, elixir-autogen, elixir-format
msgid "Warning!"
msgstr ""