EXP - scrobble anything
This commit is contained in:
Claudio Ortolina
@@ -35,6 +35,15 @@
|
||||
/>
|
||||
{gettext("Wishlist")}
|
||||
</.nav_link>
|
||||
<.nav_link route={~p"/scrobble"} section={:scrobble} current_section={@current_section}>
|
||||
<.icon
|
||||
name="hero-play"
|
||||
class="max-sm:hidden h-4 w-4 mr-2"
|
||||
aria-hidden="true"
|
||||
data-slot="icon"
|
||||
/>
|
||||
{gettext("Scrobble")}
|
||||
</.nav_link>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex space-x-2 md:space-x-4 items-center">
|
||||
|
||||
@@ -0,0 +1,99 @@
|
||||
defmodule MusicLibraryWeb.ScrobbleLive.Index do
|
||||
use MusicLibraryWeb, :live_view
|
||||
|
||||
alias MusicLibrary.ScrobbleActivity
|
||||
|
||||
@impl true
|
||||
def mount(_params, _session, socket) do
|
||||
{:ok,
|
||||
assign(socket,
|
||||
current_section: :scrobble,
|
||||
search_query: "",
|
||||
search_results: [],
|
||||
selected_release_group: nil,
|
||||
releases: [],
|
||||
loading: false,
|
||||
can_scrobble: ScrobbleActivity.can_scrobble?(),
|
||||
page_title: "Scrobble"
|
||||
)}
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_params(params, _url, socket) do
|
||||
{:noreply, apply_action(socket, socket.assigns.live_action, params)}
|
||||
end
|
||||
|
||||
defp apply_action(socket, :index, _params) do
|
||||
socket
|
||||
|> assign(:page_title, "Scrobble")
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_event("search", %{"query" => query}, socket) do
|
||||
if String.trim(query) == "" do
|
||||
{:noreply,
|
||||
assign(socket,
|
||||
search_query: query,
|
||||
search_results: [],
|
||||
selected_release_group: nil,
|
||||
releases: []
|
||||
)}
|
||||
else
|
||||
send(self(), {:perform_search, query})
|
||||
{:noreply, assign(socket, search_query: query, loading: true)}
|
||||
end
|
||||
end
|
||||
|
||||
def handle_event("select_release_group", %{"release_group_id" => release_group_id}, socket) do
|
||||
selected_release_group =
|
||||
Enum.find(socket.assigns.search_results, &(&1.id == release_group_id))
|
||||
|
||||
if selected_release_group do
|
||||
send(self(), {:fetch_releases, selected_release_group})
|
||||
{:noreply, assign(socket, selected_release_group: selected_release_group, loading: true)}
|
||||
else
|
||||
{:noreply, socket}
|
||||
end
|
||||
end
|
||||
|
||||
def handle_event("clear_selection", _params, socket) do
|
||||
{:noreply, assign(socket, selected_release_group: nil, releases: [])}
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_info({:perform_search, query}, socket) do
|
||||
case MusicBrainz.search_release_group(query, limit: 20) do
|
||||
{:ok, results} ->
|
||||
{:noreply,
|
||||
assign(socket,
|
||||
search_results: results.release_groups,
|
||||
loading: false,
|
||||
selected_release_group: nil,
|
||||
releases: []
|
||||
)}
|
||||
|
||||
{:error, _reason} ->
|
||||
{:noreply,
|
||||
socket
|
||||
|> put_flash(:error, "Failed to search for release groups")
|
||||
|> assign(loading: false)}
|
||||
end
|
||||
end
|
||||
|
||||
def handle_info({:fetch_releases, release_group}, socket) do
|
||||
case MusicBrainz.get_releases(release_group.id, limit: 50) do
|
||||
{:ok, %{"releases" => releases}} ->
|
||||
releases =
|
||||
releases
|
||||
|> Enum.map(&MusicBrainz.Release.from_api_response/1)
|
||||
|
||||
{:noreply, assign(socket, releases: releases, loading: false)}
|
||||
|
||||
{:error, _reason} ->
|
||||
{:noreply,
|
||||
socket
|
||||
|> put_flash(:error, "Failed to fetch releases for this release group")
|
||||
|> assign(loading: false)}
|
||||
end
|
||||
end
|
||||
end
|
||||
@@ -0,0 +1,165 @@
|
||||
<Layouts.app flash={@flash} current_section={:scrobble} socket={@socket}>
|
||||
<div>
|
||||
<h1 class="mt-5 text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
|
||||
{gettext("Scrobble to Last.fm")}
|
||||
</h1>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-400 mt-2">
|
||||
Search for MusicBrainz releases and scrobble them to Last.fm
|
||||
</p>
|
||||
|
||||
<%= if not @can_scrobble do %>
|
||||
<div class="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4 mt-4">
|
||||
<div class="flex">
|
||||
<.icon name="hero-exclamation-triangle" class="h-5 w-5 text-yellow-400" />
|
||||
<div class="ml-3">
|
||||
<p class="text-sm text-yellow-800 dark:text-yellow-200">
|
||||
You need to connect your Last.fm account to scrobble. Please set up your Last.fm session key in the settings.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="mt-6 space-y-6">
|
||||
<.form for={%{}} as={:search} phx-submit="search" class="space-y-4">
|
||||
<div class="flex gap-3">
|
||||
<.input
|
||||
type="text"
|
||||
name="query"
|
||||
value={@search_query}
|
||||
placeholder="Search for release groups (e.g., artist name, album title)..."
|
||||
class="flex-1"
|
||||
phx-debounce="300"
|
||||
/>
|
||||
<.button type="submit" disabled={@loading}>
|
||||
<%= if @loading do %>
|
||||
<.icon name="hero-arrow-path" class="h-4 w-4 animate-spin mr-2" /> Searching...
|
||||
<% else %>
|
||||
<.icon name="hero-magnifying-glass" class="h-4 w-4 mr-2" /> Search
|
||||
<% end %>
|
||||
</.button>
|
||||
</div>
|
||||
</.form>
|
||||
|
||||
<%= if @search_results != [] && @selected_release_group == nil do %>
|
||||
<div class="space-y-3">
|
||||
<h3 class="text-lg font-semibold">Release Groups</h3>
|
||||
<div class="grid gap-3">
|
||||
<%= for release_group <- @search_results do %>
|
||||
<div class="bg-white dark:bg-zinc-800 shadow rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 cursor-pointer transition-colors">
|
||||
<div
|
||||
class="p-4"
|
||||
phx-click="select_release_group"
|
||||
phx-value-release_group_id={release_group.id}
|
||||
>
|
||||
<div class="flex justify-between items-start">
|
||||
<div class="flex-1">
|
||||
<h4 class="font-medium text-gray-900 dark:text-gray-100">
|
||||
{release_group.title}
|
||||
</h4>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
||||
{release_group.artists}
|
||||
</p>
|
||||
<%= if release_group.release_date do %>
|
||||
<p class="text-xs text-gray-500 dark:text-gray-500 mt-1">
|
||||
First released: {release_group.release_date}
|
||||
</p>
|
||||
<% end %>
|
||||
</div>
|
||||
<.icon name="hero-chevron-right" class="h-4 w-4 text-gray-400" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<%= if @selected_release_group && @releases != [] do %>
|
||||
<div class="space-y-3">
|
||||
<div class="flex items-center gap-2">
|
||||
<.button
|
||||
variant="ghost"
|
||||
size="sm"
|
||||
phx-click="clear_selection"
|
||||
>
|
||||
<.icon name="hero-arrow-left" class="h-4 w-4" />
|
||||
</.button>
|
||||
<h3 class="text-lg font-semibold">
|
||||
Releases for "{@selected_release_group.title}"
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-3">
|
||||
<%= for release <- @releases do %>
|
||||
<div class="bg-white dark:bg-zinc-800 shadow rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
|
||||
<.link
|
||||
navigate={~p"/scrobble/#{release.id}"}
|
||||
class="block p-4"
|
||||
>
|
||||
<div class="flex justify-between items-start">
|
||||
<div class="flex-1">
|
||||
<h4 class="font-medium text-gray-900 dark:text-gray-100">
|
||||
{release.title}
|
||||
</h4>
|
||||
<div class="text-sm text-gray-600 dark:text-gray-400 mt-1 space-y-1">
|
||||
<%= if release.date do %>
|
||||
<p>Released: {release.date}</p>
|
||||
<% end %>
|
||||
<%= if release.country do %>
|
||||
<p>Country: {release.country}</p>
|
||||
<% end %>
|
||||
<%= if release.barcode do %>
|
||||
<p>Barcode: {release.barcode}</p>
|
||||
<% end %>
|
||||
<%= if release.catalog_number do %>
|
||||
<p>Catalog: {release.catalog_number}</p>
|
||||
<% end %>
|
||||
<%= if release.media != [] do %>
|
||||
<p>
|
||||
{length(release.media)} medium(s) • {release.media
|
||||
|> Enum.map(&length(&1.tracks))
|
||||
|> Enum.sum()} tracks
|
||||
</p>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<.icon name="hero-chevron-right" class="h-4 w-4 text-gray-400" />
|
||||
</div>
|
||||
</.link>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<%= if @loading && @search_query != "" do %>
|
||||
<div class="text-center py-8">
|
||||
<.icon name="hero-arrow-path" class="h-8 w-8 animate-spin mx-auto text-gray-400" />
|
||||
<p class="text-gray-600 dark:text-gray-400 mt-2">
|
||||
<%= if @selected_release_group do %>
|
||||
Loading releases...
|
||||
<% else %>
|
||||
Searching...
|
||||
<% end %>
|
||||
</p>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<%= if @search_query != "" && @search_results == [] && not @loading do %>
|
||||
<div class="text-center py-8">
|
||||
<.icon
|
||||
name="hero-magnifying-glass"
|
||||
class="h-12 w-12 mx-auto text-gray-300 dark:text-gray-600"
|
||||
/>
|
||||
<p class="text-gray-600 dark:text-gray-400 mt-3">
|
||||
No release groups found for "{@search_query}"
|
||||
</p>
|
||||
<p class="text-sm text-gray-500 dark:text-gray-500 mt-1">
|
||||
Try a different search term or check the spelling
|
||||
</p>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
</Layouts.app>
|
||||
@@ -0,0 +1,145 @@
|
||||
defmodule MusicLibraryWeb.ScrobbleLive.Show do
|
||||
use MusicLibraryWeb, :live_view
|
||||
|
||||
alias MusicLibrary.ScrobbleActivity
|
||||
|
||||
@impl true
|
||||
def mount(%{"release_id" => release_id}, _session, socket) do
|
||||
{:ok,
|
||||
assign(socket,
|
||||
current_section: :scrobble,
|
||||
release_id: release_id,
|
||||
release: nil,
|
||||
loading: true,
|
||||
can_scrobble: ScrobbleActivity.can_scrobble?(),
|
||||
scrobble_form: %{
|
||||
"type" => "finished_at",
|
||||
"finished_at_date" => Date.utc_today() |> Date.to_string(),
|
||||
"finished_at_time" => Time.utc_now() |> Time.truncate(:second) |> Time.to_string(),
|
||||
"started_at_date" => Date.utc_today() |> Date.to_string(),
|
||||
"started_at_time" => Time.utc_now() |> Time.truncate(:second) |> Time.to_string()
|
||||
},
|
||||
page_title: "Scrobble Release"
|
||||
)}
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_params(params, _url, socket) do
|
||||
{:noreply, apply_action(socket, socket.assigns.live_action, params)}
|
||||
end
|
||||
|
||||
defp apply_action(socket, :show, _params) do
|
||||
send(self(), :fetch_release)
|
||||
socket
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_event("update_scrobble_form", %{"scrobble" => scrobble_params}, socket) do
|
||||
{:noreply, assign(socket, scrobble_form: scrobble_params)}
|
||||
end
|
||||
|
||||
def handle_event("scrobble_release", _params, socket) do
|
||||
case perform_scrobble(socket.assigns.release, :all, socket.assigns.scrobble_form) do
|
||||
{:ok, _result} ->
|
||||
{:noreply,
|
||||
socket
|
||||
|> put_flash(:info, "Release scrobbled successfully!")
|
||||
|> push_navigate(to: ~p"/scrobble")}
|
||||
|
||||
{:error, reason} ->
|
||||
{:noreply, put_flash(socket, :error, "Failed to scrobble release: #{inspect(reason)}")}
|
||||
end
|
||||
end
|
||||
|
||||
def handle_event("scrobble_medium", %{"medium_number" => medium_number_str}, socket) do
|
||||
{medium_number, ""} = Integer.parse(medium_number_str)
|
||||
|
||||
case perform_scrobble(
|
||||
socket.assigns.release,
|
||||
{:medium, medium_number},
|
||||
socket.assigns.scrobble_form
|
||||
) do
|
||||
{:ok, _result} ->
|
||||
{:noreply,
|
||||
socket
|
||||
|> put_flash(:info, "Medium scrobbled successfully!")
|
||||
|> push_navigate(to: ~p"/scrobble")}
|
||||
|
||||
{:error, reason} ->
|
||||
{:noreply, put_flash(socket, :error, "Failed to scrobble medium: #{inspect(reason)}")}
|
||||
end
|
||||
end
|
||||
|
||||
@impl true
|
||||
def handle_info(:fetch_release, socket) do
|
||||
case MusicBrainz.get_release(socket.assigns.release_id) do
|
||||
{:ok, release} ->
|
||||
release = MusicBrainz.Release.from_api_response(release)
|
||||
|
||||
{:noreply,
|
||||
assign(socket,
|
||||
release: release,
|
||||
loading: false,
|
||||
page_title: "Scrobble: #{release.title}"
|
||||
)}
|
||||
|
||||
{:error, _reason} ->
|
||||
{:noreply,
|
||||
socket
|
||||
|> put_flash(:error, "Failed to fetch release details")
|
||||
|> push_navigate(to: ~p"/scrobble")}
|
||||
end
|
||||
end
|
||||
|
||||
defp perform_scrobble(release, scope, scrobble_form) do
|
||||
datetime_opts = build_datetime_opts(scrobble_form)
|
||||
|
||||
case scope do
|
||||
:all ->
|
||||
ScrobbleActivity.scrobble_release(release, datetime_opts)
|
||||
|
||||
{:medium, medium_number} ->
|
||||
ScrobbleActivity.scrobble_medium(medium_number, release, datetime_opts)
|
||||
end
|
||||
end
|
||||
|
||||
defp build_datetime_opts(%{
|
||||
"type" => "finished_at",
|
||||
"finished_at_date" => date,
|
||||
"finished_at_time" => time
|
||||
}) do
|
||||
with {:ok, date} <- Date.from_iso8601(date),
|
||||
{:ok, time} <- Time.from_iso8601(time),
|
||||
datetime <- DateTime.new!(date, time, "Etc/UTC") do
|
||||
[finished_at: datetime]
|
||||
else
|
||||
_ -> [finished_at: DateTime.utc_now()]
|
||||
end
|
||||
end
|
||||
|
||||
defp build_datetime_opts(%{
|
||||
"type" => "started_at",
|
||||
"started_at_date" => date,
|
||||
"started_at_time" => time
|
||||
}) do
|
||||
with {:ok, date} <- Date.from_iso8601(date),
|
||||
{:ok, time} <- Time.from_iso8601(time),
|
||||
datetime <- DateTime.new!(date, time, "Etc/UTC") do
|
||||
[started_at: datetime]
|
||||
else
|
||||
_ -> [started_at: DateTime.utc_now()]
|
||||
end
|
||||
end
|
||||
|
||||
defp build_datetime_opts(_), do: [finished_at: DateTime.utc_now()]
|
||||
|
||||
defp format_duration(nil), do: "Unknown"
|
||||
|
||||
defp format_duration(milliseconds) when is_integer(milliseconds) do
|
||||
seconds = div(milliseconds, 1000)
|
||||
minutes = div(seconds, 60)
|
||||
remaining_seconds = rem(seconds, 60)
|
||||
|
||||
"#{minutes}:#{String.pad_leading(Integer.to_string(remaining_seconds), 2, "0")}"
|
||||
end
|
||||
end
|
||||
@@ -0,0 +1,229 @@
|
||||
<Layouts.app flash={@flash} current_section={:scrobble} socket={@socket}>
|
||||
<div>
|
||||
<%= if @loading do %>
|
||||
<div class="text-center py-8">
|
||||
<.icon name="hero-arrow-path" class="h-8 w-8 animate-spin mx-auto text-gray-400" />
|
||||
<p class="text-gray-600 dark:text-gray-400 mt-2">Loading release details...</p>
|
||||
</div>
|
||||
<% else %>
|
||||
<div class="space-y-6">
|
||||
<div class="flex items-center gap-4">
|
||||
<.link navigate={~p"/scrobble"} class="flex-shrink-0">
|
||||
<.button variant="ghost" size="sm">
|
||||
<.icon name="hero-arrow-left" class="h-4 w-4 mr-2" /> Back to Search
|
||||
</.button>
|
||||
</.link>
|
||||
|
||||
<div class="min-w-0 flex-1">
|
||||
<h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
|
||||
{@release.title}
|
||||
</h1>
|
||||
<p class="text-sm text-gray-600 dark:text-gray-400 mt-1">
|
||||
<%= if @release.artists != [] do %>
|
||||
by {@release.artists |> Enum.map(& &1.name) |> Enum.join(", ")}
|
||||
<% end %>
|
||||
<%= if @release.date do %>
|
||||
• Released {Date.from_iso8601!(@release.date) |> Calendar.strftime("%Y")}
|
||||
<% end %>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%= if not @can_scrobble do %>
|
||||
<div class="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4">
|
||||
<div class="flex">
|
||||
<.icon name="hero-exclamation-triangle" class="h-5 w-5 text-yellow-400" />
|
||||
<div class="ml-3">
|
||||
<p class="text-sm text-yellow-800 dark:text-yellow-200">
|
||||
You need to connect your Last.fm account to scrobble. Please set up your Last.fm session key in the settings.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
|
||||
<div class="lg:col-span-2">
|
||||
<div class="bg-white dark:bg-zinc-800 shadow rounded-lg">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-semibold mb-4">Release Information</h3>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm">
|
||||
<%= if @release.date do %>
|
||||
<div>
|
||||
<span class="font-medium text-gray-600 dark:text-gray-400">
|
||||
Release Date:
|
||||
</span>
|
||||
<br />{@release.date}
|
||||
</div>
|
||||
<% end %>
|
||||
<%= if @release.country do %>
|
||||
<div>
|
||||
<span class="font-medium text-gray-600 dark:text-gray-400">Country:</span>
|
||||
<br />{@release.country}
|
||||
</div>
|
||||
<% end %>
|
||||
<%= if @release.barcode do %>
|
||||
<div>
|
||||
<span class="font-medium text-gray-600 dark:text-gray-400">Barcode:</span>
|
||||
<br />{@release.barcode}
|
||||
</div>
|
||||
<% end %>
|
||||
<%= if @release.catalog_number do %>
|
||||
<div>
|
||||
<span class="font-medium text-gray-600 dark:text-gray-400">
|
||||
Catalog Number:
|
||||
</span>
|
||||
<br />{@release.catalog_number}
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<%= if @release.media != [] do %>
|
||||
<div class="bg-white dark:bg-zinc-800 shadow rounded-lg mt-6">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-semibold mb-4">Tracks</h3>
|
||||
<div class="space-y-6">
|
||||
<%= for medium <- @release.media do %>
|
||||
<div class="space-y-3">
|
||||
<div class="flex justify-between items-center">
|
||||
<h4 class="font-medium">
|
||||
<%= if length(@release.media) > 1 do %>
|
||||
Medium {medium.number}
|
||||
<%= if medium.title do %>
|
||||
- {medium.title}
|
||||
<% end %>
|
||||
<%= if medium.format do %>
|
||||
({medium.format})
|
||||
<% end %>
|
||||
<% else %>
|
||||
Tracks
|
||||
<%= if medium.format do %>
|
||||
({medium.format})
|
||||
<% end %>
|
||||
<% end %>
|
||||
</h4>
|
||||
<%= if @can_scrobble do %>
|
||||
<.button
|
||||
size="sm"
|
||||
variant="outline"
|
||||
phx-click="scrobble_medium"
|
||||
phx-value-medium_number={medium.number}
|
||||
>
|
||||
<.icon name="hero-play" class="h-3 w-3 mr-1" /> Scrobble Medium
|
||||
</.button>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
<div class="space-y-1">
|
||||
<%= for track <- medium.tracks do %>
|
||||
<div class="flex justify-between items-center py-2 px-3 bg-gray-50 dark:bg-gray-800 rounded">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="text-xs text-gray-500 dark:text-gray-400 w-6 text-right">
|
||||
{track.position}
|
||||
</span>
|
||||
<div class="min-w-0 flex-1">
|
||||
<p class="font-medium text-sm text-gray-900 dark:text-gray-100 truncate">
|
||||
{track.title}
|
||||
</p>
|
||||
<%= if track.artists != [] and track.artists != @release.artists do %>
|
||||
<p class="text-xs text-gray-600 dark:text-gray-400 truncate">
|
||||
{track.artists |> Enum.map(& &1.name) |> Enum.join(", ")}
|
||||
</p>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<%= if track.length do %>
|
||||
<span class="text-xs text-gray-500 dark:text-gray-400 font-mono">
|
||||
{format_duration(track.length)}
|
||||
</span>
|
||||
<% end %>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
<%= if @can_scrobble do %>
|
||||
<div class="lg:col-span-1">
|
||||
<div class="bg-white dark:bg-zinc-800 shadow rounded-lg sticky top-6">
|
||||
<div class="p-6">
|
||||
<h3 class="text-lg font-semibold mb-4">Scrobble Options</h3>
|
||||
|
||||
<.form
|
||||
for={%{}}
|
||||
as={:scrobble}
|
||||
phx-change="update_scrobble_form"
|
||||
class="space-y-4"
|
||||
>
|
||||
<.select
|
||||
name="type"
|
||||
label="Scrobble timing"
|
||||
value={@scrobble_form["type"]}
|
||||
options={[
|
||||
{"Just finished listening", "finished_at"},
|
||||
{"Started listening at", "started_at"}
|
||||
]}
|
||||
/>
|
||||
|
||||
<%= if @scrobble_form["type"] == "finished_at" do %>
|
||||
<div class="space-y-2">
|
||||
<.input
|
||||
type="date"
|
||||
name="finished_at_date"
|
||||
label="Finished Date"
|
||||
value={@scrobble_form["finished_at_date"]}
|
||||
/>
|
||||
<.input
|
||||
type="time"
|
||||
name="finished_at_time"
|
||||
label="Finished Time"
|
||||
value={@scrobble_form["finished_at_time"]}
|
||||
/>
|
||||
</div>
|
||||
<% else %>
|
||||
<div class="space-y-2">
|
||||
<.input
|
||||
type="date"
|
||||
name="started_at_date"
|
||||
label="Started Date"
|
||||
value={@scrobble_form["started_at_date"]}
|
||||
/>
|
||||
<.input
|
||||
type="time"
|
||||
name="started_at_time"
|
||||
label="Started Time"
|
||||
value={@scrobble_form["started_at_time"]}
|
||||
/>
|
||||
</div>
|
||||
<% end %>
|
||||
</.form>
|
||||
|
||||
<div class="space-y-3 mt-6">
|
||||
<.button
|
||||
phx-click="scrobble_release"
|
||||
class="w-full"
|
||||
size="lg"
|
||||
>
|
||||
<.icon name="hero-play" class="h-4 w-4 mr-2" /> Scrobble Entire Release
|
||||
</.button>
|
||||
|
||||
<p class="text-xs text-gray-500 dark:text-gray-400 text-center">
|
||||
This will scrobble all tracks from all media in sequence
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
</Layouts.app>
|
||||
@@ -71,6 +71,9 @@ defmodule MusicLibraryWeb.Router do
|
||||
|
||||
live "/scrobbled-tracks", ScrobbledTracksLive.Index, :index
|
||||
live "/scrobbled-tracks/:scrobbled_at_uts/edit", ScrobbledTracksLive.Index, :edit
|
||||
|
||||
live "/scrobble", ScrobbleLive.Index, :index
|
||||
live "/scrobble/:release_id", ScrobbleLive.Show, :show
|
||||
end
|
||||
end
|
||||
end
|
||||
|
||||
Reference in New Issue
Block a user