diff options
Diffstat (limited to 'CoreWiki/Pages/All.cshtml')
| -rw-r--r-- | CoreWiki/Pages/All.cshtml | 36 |
1 files changed, 12 insertions, 24 deletions
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> |