Smol stuff..
This commit is contained in:
parent
fbd7b1c7d3
commit
ddefe25081
|
|
@ -0,0 +1,123 @@
|
||||||
|
@using FastBlog.Web.Helpers
|
||||||
|
@model FastBlog.Core.Models.PagedResponse<FastBlog.Core.Models.Blogs.BlogMeta>
|
||||||
|
|
||||||
|
|
||||||
|
@{
|
||||||
|
ViewBag.Title = "Blogs";
|
||||||
|
}
|
||||||
|
|
||||||
|
<div class="container" id="file-list">
|
||||||
|
|
||||||
|
|
||||||
|
<br/>
|
||||||
|
<article>
|
||||||
|
<header>
|
||||||
|
<a href="/edit">
|
||||||
|
<button class="btn-fw secondary">
|
||||||
|
New
|
||||||
|
</button>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<h3>List of Blogs</h3>
|
||||||
|
</header>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
@if (Model.Data.Length is 0)
|
||||||
|
{
|
||||||
|
<h4>No blogs have been found</h4>
|
||||||
|
}
|
||||||
|
|
||||||
|
<div class="grid">
|
||||||
|
<div style="display: flex; font-size: 16px">
|
||||||
|
<p>Name</p>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex; font-size: 16px">
|
||||||
|
<p>Published</p>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex; font-size: 16px">
|
||||||
|
<p>Visible</p>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex; font-size: 16px">
|
||||||
|
<p>Actions</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@foreach (var blog in Model.Data)
|
||||||
|
{
|
||||||
|
<div class="grid">
|
||||||
|
<div style="display: flex; font-size: 16px">
|
||||||
|
<p class="no-margin" style="margin-right: 10px; font-weight: bold">
|
||||||
|
@if (blog.CreatedAt < DateTime.UtcNow)
|
||||||
|
{
|
||||||
|
<a target="_blank" href="/@blog.Slug">@blog.Title</a>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
<a class="pico-color-purple-600" target="_blank" href="/unpublished/@blog.Slug">@blog.Title</a>
|
||||||
|
}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="no-margin">
|
||||||
|
@if (blog.CreatedAt < DateTime.UtcNow)
|
||||||
|
{
|
||||||
|
@blog.CreatedAt.ToString("yy-MM-dd HH:mm:ss")
|
||||||
|
;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
<span class="pico-color-purple-400">@blog.CreatedAt.ToString("yy-MM-dd HH:mm:ss")</span>
|
||||||
|
;
|
||||||
|
}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="no-margin">
|
||||||
|
<strong>
|
||||||
|
@if (blog.Visible)
|
||||||
|
{
|
||||||
|
<spans>Yes</spans>
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
<span class="pico-color-yellow">No</span>
|
||||||
|
}
|
||||||
|
</strong>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="no-margin">
|
||||||
|
<a class="pico-color-red" hx-delete="/blogs/@blog.Id"
|
||||||
|
hx-swap="outerHTML"
|
||||||
|
hx-target="#file-list">
|
||||||
|
[ Delete ]
|
||||||
|
</a>
|
||||||
|
<a class="pico-color-blue-100" target="_blank" href="/edit/@blog.Id">[ Edit ]</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<hr/>
|
||||||
|
}
|
||||||
|
</body>
|
||||||
|
<footer>
|
||||||
|
<div>
|
||||||
|
<button
|
||||||
|
hx-get="/edit-list?offset=@(Model.Offset - 25)"
|
||||||
|
hx-swap="outerHTML"
|
||||||
|
hx-target="#file-list"
|
||||||
|
@PropertyHelper.If(Math.Clamp(Model.Offset, 0, Model.Amount) == 0, "disabled")>
|
||||||
|
Previous
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
hx-get="/edit-list?offset=@(Model.Offset + 25)"
|
||||||
|
hx-swap="outerHTML"
|
||||||
|
hx-target="#file-list"
|
||||||
|
@PropertyHelper.If(Math.Clamp(Model.Offset, 0, Model.Amount) >= Model.Amount - 25, "disabled")>
|
||||||
|
Next
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
Loading…
Reference in New Issue