Compare commits

...

2 commits

Author SHA1 Message Date
4ef23a5ec9
fix: dark mode for calendar
Some checks failed
Build and Push Docker Image / Build and Push Image (push) Waiting to run
Checks / check (push) Has been cancelled
2024-12-23 00:13:29 +02:00
a724826a59
style: mix format 2024-12-23 00:10:10 +02:00

View file

@ -27,28 +27,40 @@
{exam.date} | {exam.date} |
<b> <b>
{case Date.diff(exam.date, Date.utc_today()) do {case Date.diff(exam.date, Date.utc_today()) do
0 -> gettext("Today") 0 -> gettext("Today")
1 -> gettext("Tommorow") 1 -> gettext("Tommorow")
x when x > 1 -> ngettext("Tomorrow", "%{count} days left", x) x when x > 1 -> ngettext("Tomorrow", "%{count} days left", x)
x when x < 0 -> ngettext("Yesterday", "%{count} days passed", x * -1) x when x < 0 -> ngettext("Yesterday", "%{count} days passed", x * -1)
end} end}
</b> </b>
</div> </div>
</div> </div>
<button phx-click="edit" phx-value-id={exam.id} <button
class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-3 rounded-md"> phx-click="edit"
phx-value-id={exam.id}
class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-3 rounded-md"
>
{gettext("Edit")} {gettext("Edit")}
</button> </button>
<button phx-click="remove" phx-value-id={exam.id} <button
class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-3 rounded-md"> phx-click="remove"
phx-value-id={exam.id}
class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-3 rounded-md"
>
{gettext("Remove")} {gettext("Remove")}
</button> </button>
</div> </div>
</div> </div>
<.modal :if={@live_action in [:new, :edit]} id="exam-modal" show on_cancel={JS.patch(~p"/exams")}> <.modal :if={@live_action in [:new, :edit]} id="exam-modal" show on_cancel={JS.patch(~p"/exams")}>
<.live_component module={ExmrWeb.ExamLive.FormComponent} id={@exam.id || :new} title={@page_title} <.live_component
action={@live_action} exam={@exam} patch={~p"/exams"} /> module={ExmrWeb.ExamLive.FormComponent}
id={@exam.id || :new}
title={@page_title}
action={@live_action}
exam={@exam}
patch={~p"/exams"}
/>
</.modal> </.modal>
<div> <div>
@ -64,35 +76,35 @@
<!-- Weekdays --> <!-- Weekdays -->
<%= for day <- ~w(Sun Mon Tue Wed Thu Fri Sat) do %> <%= for day <- ~w(Sun Mon Tue Wed Thu Fri Sat) do %>
<div class="font-bold text-center">{day}</div> <div class="font-bold text-center">{day}</div>
<% end %> <% end %>
<!-- Empty spaces for previous month -->
<%= for _ <- 1..(Date.day_of_week(@current_month)) do %>
<div></div>
<% end %>
<!-- Days of the month -->
<%= for day <- 1..Date.days_in_month(@current_month) do %>
<% {:ok, date} = Date.new(@current_month.year, @current_month.month, day) %>
<!-- Empty spaces for previous month --> <div class={["border rounded p-3 dark:border-zinc-400", @current_month == date && "bg-zinc-200 dark:bg-zinc-800"]}>
<%= for _ <- 1..(Date.day_of_week(@current_month)) do %> <div class="text-sm font-bold">{day}</div>
<div></div>
<% end %> <!-- Render events for the current day -->
<!-- Days of the month --> <% IO.puts("Date: #{date}") %>
<%= for day <- 1..Date.days_in_month(@current_month) do %> <% IO.inspect(Map.get(@events, date)) %>
<% {:ok, date}=Date.new(@current_month.year, @current_month.month, day) %> <%= case Map.get(@events, date) do %>
<% nil -> %>
<div class={["border rounded p-3", @current_month == date && "bg-zinc-800"]}> <!-- No events for this day -->
<div class="text-sm font-bold">{day}</div> <% events -> %>
<ul class="mt-2 text-xs">
<!-- Render events for the current day --> <%= for event <- events do %>
<li>{event.subject}</li>
<% IO.puts("Date: #{date}") %> <% end %>
<% IO.inspect(Map.get(@events, date)) %> </ul>
<%= case Map.get(@events, date) do %> <% end %>
<% nil -> %> </div>
<!-- No events for this day --> <% end %>
<% events -> %>
<ul class="mt-2 text-xs">
<%= for event <- events do %>
<li>{event.subject}</li>
<% end %>
</ul>
<% end %>
</div>
<% end %>
</div> </div>
</div> </div>