plausible/analytics
1
1
Fork 0
mirror of https://github.com/plausible/analytics.git synced 2024-12-24 01:54:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improve styling of imports list (#4069)

Browse Source
This commit is contained in:
Adrian Gruntkowski 2024-05-06 10:38:37 +02:00 committed by GitHub
parent 035cb3a379
commit 39357150e9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 79 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
lib/plausible_web/live/imports_exports_settings.ex
View File

@ -121,74 +121,87 @@ defmodule PlausibleWeb.Live.ImportsExportsSettings do
</div> </div>
<ul :if={not Enum.empty?(@site_imports)}> <ul :if={not Enum.empty?(@site_imports)}>
<li :for={entry <- @site_imports} class="py-4 flex items-center justify-between space-x-4"> <li :for={entry <- @site_imports} class="py-4 flex items-center justify-between space-x-4">
<.import_entry entry={entry} site={@site} pageview_counts={@pageview_counts} />
</li>
</ul>
"""
end
defp import_entry(assigns) do
label_class =
if assigns.entry.live_status != SiteImport.failed() do
"ml-2"
end
assigns = assign(assigns, :label_class, label_class)
~H"""
<div class="flex flex-col"> <div class="flex flex-col">
<div class="flex items-center text-sm leading-5 font-medium text-gray-900 dark:text-gray-100"> <div class="flex items-center text-sm leading-5 font-medium text-gray-900 dark:text-gray-100">
<Heroicons.clock <Heroicons.clock
:if={entry.live_status == SiteImport.pending()} :if={@entry.live_status == SiteImport.pending()}
class="block h-6 w-5 text-indigo-600 dark:text-green-600" class="block h-6 w-5 text-indigo-600 dark:text-green-600"
/> />
<.spinner <.spinner
:if={entry.live_status == SiteImport.importing()} :if={@entry.live_status == SiteImport.importing()}
class="block h-6 w-5 text-indigo-600 dark:text-green-600" class="block h-6 w-5 text-indigo-600 dark:text-green-600"
/> />
<Heroicons.check <Heroicons.check
:if={entry.live_status == SiteImport.completed()} :if={@entry.live_status == SiteImport.completed()}
class="block h-6 w-5 text-indigo-600 dark:text-green-600" class="block h-6 w-5 text-indigo-600 dark:text-green-600"
/> />
<Heroicons.exclamation_triangle <Heroicons.exclamation_triangle
:if={entry.live_status == SiteImport.failed()} :if={@entry.live_status == SiteImport.failed()}
class="block h-6 w-5 text-red-700 dark:text-red-700" class="block h-6 w-5 text-red-700 dark:text-red-700"
/> />
<div :if={entry.live_status == SiteImport.failed()}> <div :if={@entry.live_status == SiteImport.failed()} class="ml-2 mr-1">
Import failed - Import failed -
</div> </div>
<.tooltip :if={entry.tooltip} wrapper_class="ml-2 grow" class="justify-left"> <.tooltip :if={@entry.tooltip} wrapper_class={[@label_class, "grow"]} class="justify-left">
<%= Plausible.Imported.SiteImport.label(entry.site_import) %> <%= Plausible.Imported.SiteImport.label(@entry.site_import) %>
<:tooltip_content> <:tooltip_content>
<.notice_message message_label={entry.tooltip} /> <.notice_message message_label={@entry.tooltip} />
</:tooltip_content> </:tooltip_content>
</.tooltip> </.tooltip>
<div :if={!entry.tooltip} class="ml-2"> <div :if={!@entry.tooltip} class={[@label_class]}>
<%= Plausible.Imported.SiteImport.label(entry.site_import) %> <%= Plausible.Imported.SiteImport.label(@entry.site_import) %>
</div> </div>
<div :if={entry.live_status == SiteImport.completed()} class="text-xs font-normal ml-1"> <div :if={@entry.live_status == SiteImport.completed()} class="text-xs font-normal ml-1">
(<%= PlausibleWeb.StatsView.large_number_format( (<%= PlausibleWeb.StatsView.large_number_format(
pageview_count(entry.site_import, @pageview_counts) pageview_count(@entry.site_import, @pageview_counts)
) %> page views) ) %> page views)
</div> </div>
</div> </div>
<div class="text-sm leading-5 text-gray-500 dark:text-gray-200"> <div class="text-sm leading-5 text-gray-500 dark:text-gray-200">
From <%= format_date(entry.site_import.start_date) %> to <%= format_date( From <%= format_date(@entry.site_import.start_date) %> to <%= format_date(
entry.site_import.end_date @entry.site_import.end_date
) %> ) %>
<%= if entry.live_status == SiteImport.completed() do %> <%= if @entry.live_status == SiteImport.completed() do %>
(imported (imported
<% else %> <% else %>
(started (started
<% end %> <% end %>
on <%= format_date(entry.site_import.inserted_at) %>) on <%= format_date(@entry.site_import.inserted_at) %>)
</div> </div>
</div> </div>
<.button <.button
data-to={"/#{URI.encode_www_form(@site.domain)}/settings/forget-import/#{entry.site_import.id}"} data-to={"/#{URI.encode_www_form(@site.domain)}/settings/forget-import/#{@entry.site_import.id}"}
theme="danger" theme="danger"
data-method="delete" data-method="delete"
data-csrf={Plug.CSRFProtection.get_csrf_token()} data-csrf={Plug.CSRFProtection.get_csrf_token()}
class="sm:ml-3 sm:w-auto w-full" class="sm:ml-3 sm:w-auto w-full"
data-confirm="Are you sure you want to delete this import?" data-confirm="Are you sure you want to delete this import?"
> >
<span :if={entry.live_status == SiteImport.completed()}> <span :if={@entry.live_status == SiteImport.completed()}>
Delete Import Delete Import
</span> </span>
<span :if={entry.live_status == SiteImport.failed()}> <span :if={@entry.live_status == SiteImport.failed()}>
Discard Discard
</span> </span>
<span :if={entry.live_status not in [SiteImport.completed(), SiteImport.failed()]}> <span :if={@entry.live_status not in [SiteImport.completed(), SiteImport.failed()]}>
Cancel Import Cancel Import
</span> </span>
</.button> </.button>
</li>
</ul>
""" """
end end