From 79f5eaf40b93d64be74d8b4f1ef80d19fadbfbe1 Mon Sep 17 00:00:00 2001
From: Paweł Bernaciak <pawelbernaciak@zohomail.eu>
Date: Fri, 29 Dec 2023 09:41:56 +0100
Subject: Cywilizowany tailwind

---
 CoreWiki/Pages/All.cshtml | 36 ++++++++++++------------------------
 1 file changed, 12 insertions(+), 24 deletions(-)

(limited to 'CoreWiki/Pages/All.cshtml')

diff --git a/CoreWiki/Pages/All.cshtml b/CoreWiki/Pages/All.cshtml
index ca06cb5..6e3430e 100644
--- a/CoreWiki/Pages/All.cshtml
+++ b/CoreWiki/Pages/All.cshtml
@@ -5,40 +5,28 @@
     ViewData["Title"] = "All articles";
 }
 
-<h2>All articles</h2>
+<h1>All articles</h1>
 
-@foreach (var item in Model.Articles)
-{
-    <div class="card border-primary my-2 mx-1">
-        <div class="card-body">
-            <h3 class="card-title">
-                <a href="~/@item.Slug">@item.Topic</a>
-            </h3>
-            <h6 class="card-subtitle mb-2 text-muted">
-                <span data-value="@item.Published" class="timeStampValue">@item.Published</span>
-            </h6>
+<partial name="_articleList" model="Model.Articles"/>
 
-            <a class="card-link" asp-page="./Edit" asp-route-slug="@item.Slug">Edit</a>
-            <a class="card-link" asp-page="./Delete" asp-route-slug="@item.Slug">Delete</a>
-        </div>
-    </div>
-}
-
-<div class="col-md-12 d-flex">
-    <nav class="flex-grow-1">
-        <ul class="pagination">
+<div class="col-md-12 flex">
+    <nav class="flex-1">
+        <ul class="flex -space-x-px">
             @for (var i = 1; i <= Model.TotalPages; i++)
             {
                 var i1 = i;
-                <li class="page-item @(i1 == Model.PageNumber ? "active" : "")">
-                    <a class="page-link" asp-page="All" asp-route-PageNumber="@i1" asp-route-PageSize="@Model.PageSize">@i1</a>
+                <li>
+                    <a class="block p-3 text-sm leading-tight border border-gray-300 bg-white @(i1 == Model.PageNumber ? "bg-blue-100 text-blue-700" : "hover:bg-gray-50")"
+                       asp-page="All"
+                       asp-route-PageNumber="@i1"
+                       asp-route-PageSize="@Model.PageSize">@i1</a>
                 </li>
             }
         </ul>
     </nav>
-    <form class="ms-auto" method="get" asp-page="All">
+    <form class="ml-auto" method="get" asp-page="All">
             <input hidden name="@nameof(Model.PageNumber)" value="@Model.PageNumber"/>
-            <select class="form-select" asp-for="@Model.PageSize" onchange="this.form.submit()">
+            <select class="bg-gray-50 border border-gray-300 text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500 block w-full p-3" asp-for="@Model.PageSize" onchange="this.form.submit()">
                 <option value="2">2</option>
                 <option value="10">10</option>
                 <option value="25">25</option>
-- 
cgit v1.2.3