Update scrobbled track form
- Show artwork - Remove input to change datetime - Improve styling of actions
This commit is contained in:
@@ -46,24 +46,27 @@ defmodule MusicLibraryWeb.ScrobbledTracksLive.FormComponent do
|
|||||||
/>
|
/>
|
||||||
</.inputs_for>
|
</.inputs_for>
|
||||||
|
|
||||||
<.input
|
<div class="flex gap-x-2">
|
||||||
field={@form[:scrobbled_at_label]}
|
<img
|
||||||
type="text"
|
class="size-16 rounded-md"
|
||||||
label={gettext("Scrobbled Date/Time")}
|
alt={@form[:title].value}
|
||||||
placeholder={gettext("Format: DD/MM/YYYY HH:MM:SS")}
|
src={@form[:cover_url].value}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<.input
|
<.input
|
||||||
field={@form[:cover_url]}
|
field={@form[:cover_url]}
|
||||||
type="url"
|
type="url"
|
||||||
label={gettext("Cover Image URL (optional)")}
|
label={gettext("Cover Image URL (optional)")}
|
||||||
placeholder="https://example.com/cover.jpg"
|
placeholder="https://example.com/cover.jpg"
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<:actions>
|
<:actions>
|
||||||
<.button phx-disable-with={gettext("Saving...")}>
|
<div class="w-full md:flex md:justify-center">
|
||||||
{gettext("Update Track")}
|
<.button variant="solid" class="w-full md:w-auto" phx-disable-with={gettext("Saving...")}>
|
||||||
</.button>
|
{gettext("Update Track")}
|
||||||
|
</.button>
|
||||||
|
</div>
|
||||||
</:actions>
|
</:actions>
|
||||||
</.simple_form>
|
</.simple_form>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1367,11 +1367,6 @@ msgstr ""
|
|||||||
msgid "Edit track"
|
msgid "Edit track"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/scrobbled_tracks_live/form_component.ex
|
|
||||||
#, elixir-autogen, elixir-format
|
|
||||||
msgid "Format: DD/MM/YYYY HH:MM:SS"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: lib/music_library_web/live/scrobbled_tracks_live/index.html.heex
|
#: lib/music_library_web/live/scrobbled_tracks_live/index.html.heex
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
msgid "No scrobbled tracks found"
|
msgid "No scrobbled tracks found"
|
||||||
@@ -1382,11 +1377,6 @@ msgstr ""
|
|||||||
msgid "Scrobbled"
|
msgid "Scrobbled"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/scrobbled_tracks_live/form_component.ex
|
|
||||||
#, elixir-autogen, elixir-format
|
|
||||||
msgid "Scrobbled Date/Time"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: lib/music_library_web/components/layouts/app.html.heex
|
#: lib/music_library_web/components/layouts/app.html.heex
|
||||||
#: lib/music_library_web/live/scrobbled_tracks_live/index.ex
|
#: lib/music_library_web/live/scrobbled_tracks_live/index.ex
|
||||||
#, elixir-autogen, elixir-format
|
#, elixir-autogen, elixir-format
|
||||||
|
|||||||
@@ -1367,11 +1367,6 @@ msgstr ""
|
|||||||
msgid "Edit track"
|
msgid "Edit track"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/scrobbled_tracks_live/form_component.ex
|
|
||||||
#, elixir-autogen, elixir-format
|
|
||||||
msgid "Format: DD/MM/YYYY HH:MM:SS"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: lib/music_library_web/live/scrobbled_tracks_live/index.html.heex
|
#: lib/music_library_web/live/scrobbled_tracks_live/index.html.heex
|
||||||
#, elixir-autogen, elixir-format, fuzzy
|
#, elixir-autogen, elixir-format, fuzzy
|
||||||
msgid "No scrobbled tracks found"
|
msgid "No scrobbled tracks found"
|
||||||
@@ -1382,11 +1377,6 @@ msgstr ""
|
|||||||
msgid "Scrobbled"
|
msgid "Scrobbled"
|
||||||
msgstr ""
|
msgstr ""
|
||||||
|
|
||||||
#: lib/music_library_web/live/scrobbled_tracks_live/form_component.ex
|
|
||||||
#, elixir-autogen, elixir-format
|
|
||||||
msgid "Scrobbled Date/Time"
|
|
||||||
msgstr ""
|
|
||||||
|
|
||||||
#: lib/music_library_web/components/layouts/app.html.heex
|
#: lib/music_library_web/components/layouts/app.html.heex
|
||||||
#: lib/music_library_web/live/scrobbled_tracks_live/index.ex
|
#: lib/music_library_web/live/scrobbled_tracks_live/index.ex
|
||||||
#, elixir-autogen, elixir-format, fuzzy
|
#, elixir-autogen, elixir-format, fuzzy
|
||||||
|
|||||||
Reference in New Issue
Block a user