Annotate templates with TODOs for markup replacement

To open source the project down the line, it makes sense to have either
everything custom or using OSS components in order to keep licensing as
simple as possible.
This commit is contained in:
Claudio Ortolina
2024-12-04 14:43:07 +00:00
parent a279d6175e
commit 24319b1bff
10 changed files with 50 additions and 39 deletions
@@ -1,3 +1,4 @@
<%!-- TODO: replace with OSS version --%>
<nav class="border-b border-slate-900/10 dark:border-slate-300/10"> <nav class="border-b border-slate-900/10 dark:border-slate-300/10">
<div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8"> <div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
<div class="flex h-16 justify-between"> <div class="flex h-16 justify-between">
@@ -36,6 +36,7 @@
</head> </head>
<body class="bg-white dark:bg-zinc-900"> <body class="bg-white dark:bg-zinc-900">
{@inner_content} {@inner_content}
<%!-- TODO: replace with OSS version --%>
<footer class="mt-8 border-t border-slate-900/10 dark:border-slate-300/10"> <footer class="mt-8 border-t border-slate-900/10 dark:border-slate-300/10">
<div class="mx-auto max-w-7xl px-6 pb-8 lg:px-8"> <div class="mx-auto max-w-7xl px-6 pb-8 lg:px-8">
<div class="pt-8 flex items-center justify-between"> <div class="pt-8 flex items-center justify-between">
@@ -11,6 +11,7 @@ defmodule MusicLibraryWeb.Pagination do
assigns = assign(assigns, :page_links, page_links) assigns = assign(assigns, :page_links, page_links)
~H""" ~H"""
<%!-- TODO: replace with OSS version --%>
<div <div
:if={@page_links.total_pages > 1} :if={@page_links.total_pages > 1}
id={@id} id={@id}
@@ -60,6 +60,7 @@
<h2 class="font-semibold text-base sm:text-lg leading-5 text-zinc-700 dark:text-zinc-300"> <h2 class="font-semibold text-base sm:text-lg leading-5 text-zinc-700 dark:text-zinc-300">
{gettext("Collection")} {gettext("Collection")}
</h2> </h2>
<%!-- TODO: replace with OSS version --%>
<ul <ul
role="list" role="list"
class="mt-4 grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 lg:grid-cols-4 xl:gap-x-8" class="mt-4 grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 lg:grid-cols-4 xl:gap-x-8"
@@ -98,6 +99,7 @@
<h2 class="font-semibold text-base sm:text-lg leading-5 text-zinc-700 dark:text-zinc-300"> <h2 class="font-semibold text-base sm:text-lg leading-5 text-zinc-700 dark:text-zinc-300">
{gettext("Wishlist")} {gettext("Wishlist")}
</h2> </h2>
<%!-- TODO: replace with OSS version --%>
<ul <ul
role="list" role="list"
class="mt-4 grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 lg:grid-cols-4 xl:gap-x-8" class="mt-4 grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-6 lg:grid-cols-4 xl:gap-x-8"
@@ -109,6 +109,7 @@
</span> </span>
</p> </p>
</div> </div>
<%!-- TODO: replace with OSS version --%>
<div class="relative flex-none"> <div class="relative flex-none">
<button <button
type="button" type="button"
@@ -70,7 +70,7 @@
</nav> </nav>
</div> </div>
<div> <div>
<!-- TODO: extract to a component --> <%!-- TODO: replace with OSS version --%>
<dl class="mt-4 divide-y divide-zinc-100 dark:divide-slate-300/30"> <dl class="mt-4 divide-y divide-zinc-100 dark:divide-slate-300/30">
<div class="py-2 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0"> <div class="py-2 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
<dt class="text-sm font-medium leading-6 text-zinc-900 dark:text-zinc-400"> <dt class="text-sm font-medium leading-6 text-zinc-900 dark:text-zinc-400">
@@ -2,6 +2,7 @@
<h1 class="mt-5 text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold"> <h1 class="mt-5 text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
{gettext("Basics")} {gettext("Basics")}
</h1> </h1>
<%!-- TODO: replace with OSS version --%>
<dl class="mt-5 grid grid-cols-2 gap-5 sm:grid-cols-5"> <dl class="mt-5 grid grid-cols-2 gap-5 sm:grid-cols-5">
<.album_preview <.album_preview
record={@latest_record} record={@latest_record}
@@ -21,6 +22,7 @@
<h1 class="mt-5 text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold"> <h1 class="mt-5 text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
{gettext("Formats")} {gettext("Formats")}
</h1> </h1>
<%!-- TODO: replace with OSS version --%>
<dl class={[ <dl class={[
"mt-5 grid divide-zinc-200 dark:divide-slate-300/50 overflow-hidden rounded-md bg-white dark:bg-zinc-800 shadow divide-x", "mt-5 grid divide-zinc-200 dark:divide-slate-300/50 overflow-hidden rounded-md bg-white dark:bg-zinc-800 shadow divide-x",
stats_class(@collection_count_by_format) stats_class(@collection_count_by_format)
@@ -45,6 +47,7 @@
<h1 class="mt-5 text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold"> <h1 class="mt-5 text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
{gettext("Types")} {gettext("Types")}
</h1> </h1>
<%!-- TODO: replace with OSS version --%>
<dl class={[ <dl class={[
"mt-5 grid divide-zinc-200 dark:divide-slate-300/50 overflow-hidden rounded-md bg-white dark:bg-zinc-800 shadow divide-x", "mt-5 grid divide-zinc-200 dark:divide-slate-300/50 overflow-hidden rounded-md bg-white dark:bg-zinc-800 shadow divide-x",
stats_class(@collection_count_by_type) stats_class(@collection_count_by_type)
@@ -79,6 +82,7 @@
<.icon name="hero-arrow-path" class="-mt-1 h-5 w-5" aria-hidden="true" data-slot="icon" /> <.icon name="hero-arrow-path" class="-mt-1 h-5 w-5" aria-hidden="true" data-slot="icon" />
</button> </button>
</div> </div>
<%!-- TODO: replace with OSS version --%>
<ul <ul
id="scrobble-activity" id="scrobble-activity"
role="list" role="list"
@@ -109,6 +109,7 @@
</span> </span>
</p> </p>
</div> </div>
<%!-- TODO: replace with OSS version --%>
<div class="relative flex-none"> <div class="relative flex-none">
<button <button
type="button" type="button"
@@ -71,7 +71,7 @@
</div> </div>
<div> <div>
<!-- TODO: extract to a component --> <%!-- TODO: replace with OSS version --%>
<dl class="mt-4 divide-y divide-zinc-100 dark:divide-slate-300/30"> <dl class="mt-4 divide-y divide-zinc-100 dark:divide-slate-300/30">
<div class="py-2 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0"> <div class="py-2 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
<dt class="text-sm font-medium leading-6 text-zinc-900 dark:text-zinc-400"> <dt class="text-sm font-medium leading-6 text-zinc-900 dark:text-zinc-400">
+37 -37
View File
@@ -16,9 +16,9 @@ msgstr ""
msgid "Actions" msgid "Actions"
msgstr "" msgstr ""
#: lib/music_library_web/live/collection_live/index.html.heex:185 #: lib/music_library_web/live/collection_live/index.html.heex:186
#: lib/music_library_web/live/collection_live/show.html.heex:61 #: lib/music_library_web/live/collection_live/show.html.heex:61
#: lib/music_library_web/live/wishlist_live/index.html.heex:195 #: lib/music_library_web/live/wishlist_live/index.html.heex:196
#: lib/music_library_web/live/wishlist_live/show.html.heex:61 #: lib/music_library_web/live/wishlist_live/show.html.heex:61
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Are you sure?" msgid "Are you sure?"
@@ -50,7 +50,7 @@ msgstr ""
msgid "Choose a value" msgid "Choose a value"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/app.html.heex:13 #: lib/music_library_web/components/layouts/app.html.heex:14
#: lib/music_library_web/live/artist_live/show.html.heex:61 #: lib/music_library_web/live/artist_live/show.html.heex:61
#: lib/music_library_web/live/collection_live/index.ex:77 #: lib/music_library_web/live/collection_live/index.ex:77
#: lib/music_library_web/live/collection_live/show.ex:102 #: lib/music_library_web/live/collection_live/show.ex:102
@@ -64,18 +64,18 @@ msgstr ""
msgid "Cover art" msgid "Cover art"
msgstr "" msgstr ""
#: lib/music_library_web/live/collection_live/index.html.heex:187 #: lib/music_library_web/live/collection_live/index.html.heex:188
#: lib/music_library_web/live/collection_live/show.html.heex:67 #: lib/music_library_web/live/collection_live/show.html.heex:67
#: lib/music_library_web/live/wishlist_live/index.html.heex:197 #: lib/music_library_web/live/wishlist_live/index.html.heex:198
#: lib/music_library_web/live/wishlist_live/show.html.heex:67 #: lib/music_library_web/live/wishlist_live/show.html.heex:67
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Delete" msgid "Delete"
msgstr "" msgstr ""
#: lib/music_library_web/live/collection_live/index.html.heex:176 #: lib/music_library_web/live/collection_live/index.html.heex:177
#: lib/music_library_web/live/collection_live/show.ex:126 #: lib/music_library_web/live/collection_live/show.ex:126
#: lib/music_library_web/live/collection_live/show.html.heex:32 #: lib/music_library_web/live/collection_live/show.html.heex:32
#: lib/music_library_web/live/wishlist_live/index.html.heex:176 #: lib/music_library_web/live/wishlist_live/index.html.heex:177
#: lib/music_library_web/live/wishlist_live/show.ex:109 #: lib/music_library_web/live/wishlist_live/show.ex:109
#: lib/music_library_web/live/wishlist_live/show.html.heex:32 #: lib/music_library_web/live/wishlist_live/show.html.heex:32
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
@@ -100,7 +100,7 @@ msgstr ""
msgid "Format" msgid "Format"
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:22 #: lib/music_library_web/live/stats_live/index.html.heex:23
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Formats" msgid "Formats"
msgstr "" msgstr ""
@@ -133,7 +133,7 @@ msgstr ""
msgid "Invalid password" msgid "Invalid password"
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:8 #: lib/music_library_web/live/stats_live/index.html.heex:9
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Latest purchase" msgid "Latest purchase"
msgstr "" msgstr ""
@@ -144,7 +144,7 @@ msgstr ""
msgid "Login" msgid "Login"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/app.html.heex:28 #: lib/music_library_web/components/layouts/app.html.heex:29
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Logout" msgid "Logout"
msgstr "" msgstr ""
@@ -156,8 +156,8 @@ msgstr ""
msgid "MusicBrainz ID" msgid "MusicBrainz ID"
msgstr "" msgstr ""
#: lib/music_library_web/components/pagination.ex:48 #: lib/music_library_web/components/pagination.ex:49
#: lib/music_library_web/components/pagination.ex:111 #: lib/music_library_web/components/pagination.ex:112
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Next" msgid "Next"
msgstr "" msgstr ""
@@ -172,8 +172,8 @@ msgstr ""
msgid "No results" msgid "No results"
msgstr "" msgstr ""
#: lib/music_library_web/live/collection_live/index.html.heex:121 #: lib/music_library_web/live/collection_live/index.html.heex:122
#: lib/music_library_web/live/wishlist_live/index.html.heex:121 #: lib/music_library_web/live/wishlist_live/index.html.heex:122
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Open options" msgid "Open options"
msgstr "" msgstr ""
@@ -183,13 +183,13 @@ msgstr ""
msgid "Password" msgid "Password"
msgstr "" msgstr ""
#: lib/music_library_web/components/pagination.ex:35 #: lib/music_library_web/components/pagination.ex:36
#: lib/music_library_web/components/pagination.ex:133 #: lib/music_library_web/components/pagination.ex:134
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Previous" msgid "Previous"
msgstr "" msgstr ""
#: lib/music_library_web/live/wishlist_live/index.html.heex:186 #: lib/music_library_web/live/wishlist_live/index.html.heex:187
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Purchase" msgid "Purchase"
msgstr "" msgstr ""
@@ -247,9 +247,9 @@ msgstr ""
msgid "Search for records" msgid "Search for records"
msgstr "" msgstr ""
#: lib/music_library_web/live/collection_live/index.html.heex:156 #: lib/music_library_web/live/collection_live/index.html.heex:157
#: lib/music_library_web/live/collection_live/show.ex:125 #: lib/music_library_web/live/collection_live/show.ex:125
#: lib/music_library_web/live/wishlist_live/index.html.heex:156 #: lib/music_library_web/live/wishlist_live/index.html.heex:157
#: lib/music_library_web/live/wishlist_live/show.ex:108 #: lib/music_library_web/live/wishlist_live/show.ex:108
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Show" msgid "Show"
@@ -266,7 +266,7 @@ msgstr ""
msgid "Something went wrong!" msgid "Something went wrong!"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/app.html.heex:7 #: lib/music_library_web/components/layouts/app.html.heex:8
#: lib/music_library_web/live/stats_live/index.ex:39 #: lib/music_library_web/live/stats_live/index.ex:39
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Stats" msgid "Stats"
@@ -285,12 +285,12 @@ msgstr ""
msgid "The application has been updated, please reload." msgid "The application has been updated, please reload."
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:12 #: lib/music_library_web/live/stats_live/index.html.heex:13
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Total collection" msgid "Total collection"
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:16 #: lib/music_library_web/live/stats_live/index.html.heex:17
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Total wishlist" msgid "Total wishlist"
msgstr "" msgstr ""
@@ -300,7 +300,7 @@ msgstr ""
msgid "Type" msgid "Type"
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:46 #: lib/music_library_web/live/stats_live/index.html.heex:48
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Types" msgid "Types"
msgstr "" msgstr ""
@@ -311,8 +311,8 @@ msgstr ""
msgid "Updated at" msgid "Updated at"
msgstr "" msgstr ""
#: lib/music_library_web/live/collection_live/index.html.heex:166 #: lib/music_library_web/live/collection_live/index.html.heex:167
#: lib/music_library_web/live/wishlist_live/index.html.heex:166 #: lib/music_library_web/live/wishlist_live/index.html.heex:167
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "View on MusicBrainz" msgid "View on MusicBrainz"
msgstr "" msgstr ""
@@ -327,8 +327,8 @@ msgstr ""
msgid "Welcome to your Music Library" msgid "Welcome to your Music Library"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/app.html.heex:19 #: lib/music_library_web/components/layouts/app.html.heex:20
#: lib/music_library_web/live/artist_live/show.html.heex:99 #: lib/music_library_web/live/artist_live/show.html.heex:100
#: lib/music_library_web/live/wishlist_live/index.ex:75 #: lib/music_library_web/live/wishlist_live/index.ex:75
#: lib/music_library_web/live/wishlist_live/show.ex:102 #: lib/music_library_web/live/wishlist_live/show.ex:102
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
@@ -358,23 +358,23 @@ msgstr ""
msgid "MusicBrainz data" msgid "MusicBrainz data"
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:71 #: lib/music_library_web/live/stats_live/index.html.heex:74
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Scrobble activity" msgid "Scrobble activity"
msgstr "" msgstr ""
#: lib/music_library_web/live/record_live/import_component.ex:80 #: lib/music_library_web/live/record_live/import_component.ex:80
#: lib/music_library_web/live/stats_live/index.html.heex:173 #: lib/music_library_web/live/stats_live/index.html.heex:177
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Choose which format to import" msgid "Choose which format to import"
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:141 #: lib/music_library_web/live/stats_live/index.html.heex:145
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Collected" msgid "Collected"
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:154 #: lib/music_library_web/live/stats_live/index.html.heex:158
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Wishlisted" msgid "Wishlisted"
msgstr "" msgstr ""
@@ -405,7 +405,7 @@ msgstr ""
msgid "MusicBrainz data refreshed successfully" msgid "MusicBrainz data refreshed successfully"
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:78 #: lib/music_library_web/live/stats_live/index.html.heex:81
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Refresh LastFm Feed" msgid "Refresh LastFm Feed"
msgstr "" msgstr ""
@@ -446,7 +446,7 @@ msgstr ""
msgid "Error refreshing cover" msgid "Error refreshing cover"
msgstr "" msgstr ""
#: lib/music_library_web/live/stats_live/index.html.heex:128 #: lib/music_library_web/live/stats_live/index.html.heex:132
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "No MB ID" msgid "No MB ID"
msgstr "" msgstr ""
@@ -467,18 +467,18 @@ msgstr ""
msgid "Import from MusicBrainz · Wishlist" msgid "Import from MusicBrainz · Wishlist"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/root.html.heex:58 #: lib/music_library_web/components/layouts/root.html.heex:59
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Made by" msgid "Made by"
msgstr "" msgstr ""
#: lib/music_library_web/components/layouts/app.html.heex:25 #: lib/music_library_web/components/layouts/app.html.heex:26
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "Dev dashboard" msgid "Dev dashboard"
msgstr "" msgstr ""
#: lib/music_library_web/live/artist_live/show.html.heex:79 #: lib/music_library_web/live/artist_live/show.html.heex:80
#: lib/music_library_web/live/artist_live/show.html.heex:117 #: lib/music_library_web/live/artist_live/show.html.heex:119
#, elixir-autogen, elixir-format #, elixir-autogen, elixir-format
msgid "View details" msgid "View details"
msgstr "" msgstr ""