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

Use phx-click-loading class to animate refresh icon

Browse Source
This commit is contained in:
Claudio Ortolina
2024-11-19 16:02:35 +00:00
parent a5315e81ce
commit 730c69a3aa
2 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/music_library_web/live/stats_live/index.html.heex
+2 -5
View File
@@ -68,11 +68,8 @@
</h1> </h1>
<button <button
type="button" type="button"
class="text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-300" class="phx-click-loading:animate-spin text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-300"
phx-click={ phx-click={JS.push("refresh_lastfm_feed")}
JS.transition("animate-spin", to: "#refresh-lastfm-feed", time: 1000)
|> JS.push("refresh_lastfm_feed")
}
> >
<span class="sr-only"><%= gettext("Refresh LastFm Feed") %></span> <span class="sr-only"><%= gettext("Refresh LastFm Feed") %></span>
<.icon <.icon
priv/gettext/default.pot
+4 -4
View File
@@ -178,7 +178,7 @@ msgid "No results"
msgstr "" msgstr ""
#: lib/music_library_web/live/record_live/index.html.heex:121 #: lib/music_library_web/live/record_live/index.html.heex:121
#: lib/music_library_web/live/stats_live/index.html.heex:164 #: lib/music_library_web/live/stats_live/index.html.heex:161
#: lib/music_library_web/live/wishlist_live/index.html.heex:121 #: lib/music_library_web/live/wishlist_live/index.html.heex:121
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Open options" msgid "Open options"
@@ -373,12 +373,12 @@ msgstr ""
msgid "Choose which format to import" msgid "Choose which format to import"
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:133 #: lib/music_library_web/live/stats_live/index.html.heex:130
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Collected" msgid "Collected"
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:146 #: lib/music_library_web/live/stats_live/index.html.heex:143
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Wishlisted" msgid "Wishlisted"
msgstr "" msgstr ""
@@ -417,7 +417,7 @@ msgstr ""
msgid "Refresh MB Data" msgid "Refresh MB Data"
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:77 #: lib/music_library_web/live/stats_live/index.html.heex:74
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Refresh LastFm Feed" msgid "Refresh LastFm Feed"
msgstr "" msgstr ""