rdiedrich/something-erlang
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pagination contains more numbers now

Browse Source
This commit is contained in:
Rüdiger Diedrich
2022-08-02 14:11:49 +02:00
parent 962cf2592a
commit 606f5df100
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/css/app.css
View File

@ -41,6 +41,10 @@ body {
@apply mb-1; @apply mb-1;
} }
.pagination i {
@apply h-5 px-1;
}
/* Alerts and form errors used by phx.new */ /* Alerts and form errors used by phx.new */
.alert { .alert {
padding: 15px; padding: 15px;

14
lib/something_erlang_web/live/thread_live/show.ex
View File

@ -68,25 +68,25 @@ defmodule SomethingErlangWeb.ThreadLive.Show do
next_button_target = if page_number < page_count, do: page_number + 1, else: page_count next_button_target = if page_number < page_count, do: page_number + 1, else: page_count
buttons = [ buttons = [
%{label: "«", page: 1, special: " btn-square" <> first_page_disabled_button}, %{label: "«", page: 1, special: "" <> first_page_disabled_button},
%{label: "‹", page: prev_button_target, special: " btn-square" <> first_page_disabled_button}, %{label: "‹", page: prev_button_target, special: "" <> first_page_disabled_button},
%{label: "#{page_number}", page: page_number, special: active_page_button}, %{label: "#{page_number}", page: page_number, special: active_page_button},
%{label: "›", page: next_button_target, special: " btn-square" <> last_page_disabled_button}, %{label: "›", page: next_button_target, special: "" <> last_page_disabled_button},
%{label: "»", page: page_count, special: " btn-square" <> last_page_disabled_button} %{label: "»", page: page_count, special: "" <> last_page_disabled_button}
] ]
~H""" ~H"""
<div class="navbar my-4 bg-base-200"> <div class="navbar my-4 bg-base-200">
<div class="flex-1"></div> <div class="flex-1"></div>
<div class="flex-none btn-group"> <div class="pagination flex-none btn-group">
<%= for btn <- buttons do %> <%= for btn <- buttons do %>
<%= live_redirect class: "btn btn-sm" <> btn.special, <%= live_redirect class: "btn btn-sm" <> btn.special,
to: Routes.thread_show_path(@socket, :show, @thread.id, page: btn.page) do %> to: Routes.thread_show_path(@socket, :show, @thread.id, page: btn.page) do %>
<%= case btn.label do %> <%= case btn.label do %>
<% "«" -> %><Icons.chevron_left_double /> <% "«" -> %>1 <Icons.chevron_left_double />
<% "‹" -> %><Icons.chevron_left /> <% "‹" -> %><Icons.chevron_left />
<% "›" -> %><Icons.chevron_right /> <% "›" -> %><Icons.chevron_right />
<% "»" -> %><Icons.chevron_right_double /> <% "»" -> %><Icons.chevron_right_double /> <%= page_count %>
<% _ -> %><%= btn.label %> <% _ -> %><%= btn.label %>
<% end %> <% end %>
<% end %> <% end %>