+
+
<%= if @thumbnail_url do %>
- 
+
<% else %>
<% end %>
+
-
-
- <%= if Event.started?(@event) && !Event.finished?(@event) do %>
-
-
-
-
-
- {gettext("Live")}
-
- <% end %>
- <%= if !Event.started?(@event) && !Event.finished?(@event) do %>
-
- {gettext("Incoming")}
-
- <% end %>
- <%= if Event.finished?(@event) do %>
-
- {gettext("Finished")}
-
- <% end %>
-
-
-
- LTI
+
+
-
-
+ <%= if Event.started?(@event) && !Event.finished?(@event) do %>
+
+ <% end %>
+ <%= if !Event.started?(@event) && !Event.finished?(@event) do %>
+
+
+ {gettext("Live")}
-
+ {gettext("Incoming")}
+
+ <% end %>
+ <%= if Event.finished?(@event) do %>
+
+ {gettext("Finished")}
+
+ <% end %>
+
-
+
+
-
-
+
+ LTI
-
-
-
+
-
+
-
+
+ - {@event.name} -
-- # {@event.code} -
-
+
+
"""
@@ -228,7 +296,7 @@ defmodule ClaperWeb.EventLive.EventCardComponent do
<% end %>
+
-
-
-
+
+
+
+
+
-
- + {@event.name} +
++ # {@event.code} +
+
+
+
+
+
+
+
+
+
+
-
+
+
+ <.link
+ :if={Event.started?(@event) && not @is_leader}
+ data-confirm={
+ gettext("Are you sure you want to terminate this event? This action cannot be undone.")
+ }
+ phx-value-id={@event.uuid}
+ phx-click="terminate"
+ class="flex-1 flex items-center justify-center gap-2 px-4 py-3 bg-gray-100 text-gray-700 rounded-full font-bold hover:bg-gray-200 transition"
+ >
+
+ {gettext("End Event")}
+
-
-
- {gettext("Join")}
-
- <.link
- :if={Event.started?(@event) && not @is_leader}
- data-confirm={gettext("Are you sure you want to terminate this event? This action cannot be undone.")}
- phx-value-id={@event.uuid}
- phx-click="terminate"
- class="flex-1 flex items-center justify-center gap-2 px-4 py-3 bg-gray-100 text-gray-700 rounded-full font-bold hover:bg-gray-200 transition"
- >
-
- {gettext("End Event")}
-
-
-
- 
- {gettext("Processing your file...")}
-
+
- {gettext("Processing your file...")}
-
+
+ {gettext("Processing your file...")}
+
-
+ {gettext("Processing your file...")}
+
- {gettext("Error when processing the file")}
-
+
+
+ {gettext("Error when processing the file")}
+
+
-
<%= if Event.started?(@event) && !Event.finished?(@event) do %>
-
-
+
+
@@ -286,7 +361,7 @@ defmodule ClaperWeb.EventLive.EventCardComponent do
<% end %>
-
+
<%= if @event.presentation_file.status == "done" && !Event.finished?(@event) do %>
<.link
:if={Event.started?(@event) && not @is_leader}
- data-confirm={gettext("Are you sure you want to terminate this event? This action cannot be undone.")}
+ data-confirm={
+ gettext(
+ "Are you sure you want to terminate this event? This action cannot be undone."
+ )
+ }
phx-value-id={@event.uuid}
phx-click="terminate"
class="flex items-center gap-2 px-4 py-2 bg-gray-100 text-gray-700 rounded-full font-bold text-sm hover:bg-gray-200 transition"
@@ -326,7 +405,7 @@ defmodule ClaperWeb.EventLive.EventCardComponent do
<% end %>
-
+
-
-
+
+
<% else %>
-
+
{case @action do
:edit -> gettext("Save")
:new -> gettext("Create")
@@ -69,8 +69,7 @@
phx_click: "delete",
phx_value_id: @event.uuid,
data: [confirm: gettext("Are you sure?")],
- class:
- "w-full lg:w-auto px-6 text-center text-white py-2 rounded-md tracking-wide font-bold focus:outline-hidden focus:shadow-outline bg-linear-to-tl from-supporting-red-600 to-supporting-red-400 bg-size-[200%_200%] bg-position-[0%_0%] hover:bg-position-[100%_100%] transition-all duration-500"
+ class: "btn btn-error w-full lg:w-auto"
)}
<% end %>
diff --git a/lib/claper_web/live/event_live/index.html.heex b/lib/claper_web/live/event_live/index.html.heex
index 5640c0d..a931a78 100644
--- a/lib/claper_web/live/event_live/index.html.heex
+++ b/lib/claper_web/live/event_live/index.html.heex
@@ -26,8 +26,18 @@
>
-
<.tabs style={:boxed}>
- <:tab active={@active_tab == "not_expired"} phx-click="change-tab" phx-value-tab="not_expired">
+ <:tab
+ active={@active_tab == "not_expired"}
+ phx-click="change-tab"
+ phx-value-tab="not_expired"
+ >
{gettext("Active")}
- <:tab active={@active_tab == "expired"} disabled={not @has_expired_events} phx-click="change-tab" phx-value-tab="expired">
+ <:tab
+ active={@active_tab == "expired"}
+ disabled={not @has_expired_events}
+ phx-click="change-tab"
+ phx-value-tab="expired"
+ >
{gettext("Done")}
- <:tab active={@active_tab == "invited"} disabled={not @has_invited_events} phx-click="change-tab" phx-value-tab="invited">
+ <:tab
+ active={@active_tab == "invited"}
+ disabled={not @has_invited_events}
+ phx-click="change-tab"
+ phx-value-tab="invited"
+ >
{gettext("Shared with you")}
-
-
+
+
@@ -86,8 +110,17 @@
phx-value-view="grid"
class={"p-2 rounded-full transition #{if @view_mode == "grid", do: "bg-primary-50 border-b-2 border-primary-500", else: "hover:bg-gray-100"}"}
>
-
-
-
+
+
-
-
+
+
<.link
href={~p"/events/new"}
class="flex items-center gap-2 px-4 py-3 bg-primary-500 text-white rounded-full font-bold hover:bg-primary-600 transition"
>
-
<%= if @view_mode == "grid" do %>
@@ -159,8 +219,8 @@
<% end %>
<% end %>
-
-
+
+
<%= if @page < @total_pages do %>
<% end %>
-
-
+
+
<%= if Enum.count(@events) == 0 do %>
-
-