125 lines
4.7 KiB
Plaintext
125 lines
4.7 KiB
Plaintext
@using Shared.DTOs
|
|
@inject HttpClient _hc
|
|
@layout BlogLayout
|
|
@page "/ListBlog"
|
|
@page "/ListBlog/{Tag}"
|
|
@page "/SearchBlog/{itemSearch}"
|
|
@inject NavigationManager Navigation
|
|
<PageTitle>دانشنامه</PageTitle>
|
|
<main>
|
|
|
|
<!-- breadcrumb-area-start -->
|
|
<div class="breadcrumb__area breadcrumb-height p-relative blue-bg-2">
|
|
<div class="breadcrumb__shape-1">
|
|
<img src="img/breadcrumb/breadcrumb-shape-1.png" alt="">
|
|
</div>
|
|
<div class="breadcrumb__shape-2">
|
|
<img src="img/breadcrumb/breadcrumb-shape-2.png" alt="">
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-9 col-lg-7">
|
|
<div class="breadcrumb__content">
|
|
<h3 class="breadcrumb__title ">دانشـــــنامه</h3>
|
|
<div class="breadcrumb__list wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".4s" style="visibility: visible; animation-duration: 0.9s; animation-delay: 0.4s; animation-name: tpfadeUp;">
|
|
<span class="child-one"><a href="#">خانه</a></span>
|
|
<span class="dvdr"><i class="fal fa-angle-left"></i></span>
|
|
<span>وبلاگ</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-lg-5 col-lg-4 text-center text-md-end">
|
|
<div class="breadcrumb__img p-relative text-start z-index">
|
|
<img class="z-index-3" src="img/breadcrumb/breadcrumb-3.png" alt="">
|
|
<div class="breadcrumb__sub-img wow tpfadeUp" data-wow-duration=".9s" data-wow-delay=".4s" style="visibility: visible; animation-duration: 0.9s; animation-delay: 0.4s; animation-name: tpfadeUp;">
|
|
<img src="img/breadcrumb/breadcrumb-sub-1.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- breadcrumb-area-end -->
|
|
<!-- blog-grid-area-start -->
|
|
<div class="blog-grid-area pt-100 pb-100">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="blog-grid-arrow p-relative">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- blog-grid-area-end -->
|
|
<!--Portfolio Start-->
|
|
<div class="portfolio blog-grid-inner mb-80">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="tp-about__section-box text-center mb-40">
|
|
<h3 class="tp-section-title">بیشتر بدانیم</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
@for (int i = 0; i < request?.list.Count; i++)
|
|
{
|
|
<ItemBlog Item="request.list[i]" />
|
|
}
|
|
</div>
|
|
|
|
<nav aria-label="Page navigation">
|
|
<br />
|
|
<ul class="pagination justify-content-center">
|
|
@for (int page = 1; page <= request?.PageCount; page++)
|
|
{
|
|
if (page == PageIndex)
|
|
{
|
|
<li class="page-item disabled">
|
|
<a class="page-link" href="@Navigation.GetUriWithQueryParameter("PageIndex",page)">@(page)</a>
|
|
</li>
|
|
}
|
|
else
|
|
{
|
|
<li class="page-item">
|
|
<a class="page-link" href="@Navigation.GetUriWithQueryParameter("PageIndex",page)">@(page)</a>
|
|
</li>
|
|
}
|
|
}
|
|
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<!--Portfolio End-->
|
|
|
|
|
|
</main>
|
|
|
|
@code {
|
|
[Parameter]
|
|
public string? Tag { get; set; }
|
|
|
|
[Parameter]
|
|
public string? itemSearch { get; set; }
|
|
[Parameter,SupplyParameterFromQuery]
|
|
public int? PageIndex { get; set; }
|
|
|
|
public Shared.DTOs.PagingDto<BlogDto>? request { get; set; }
|
|
|
|
protected override async Task OnParametersSetAsync()
|
|
{
|
|
if (PageIndex == null) PageIndex = 1;
|
|
string url = $"Base/LastBlog?PageIndex={PageIndex ?? 1}&PageSize=6";
|
|
|
|
if (!string.IsNullOrEmpty(itemSearch)) url += $" &ItemSearch={itemSearch}";
|
|
else if (!string.IsNullOrEmpty(Tag)) url += $" &Tag={Tag}";
|
|
request = await _hc.GetFromJsonAsync<PagingDto<BlogDto>>(url);
|
|
await base.OnParametersSetAsync();
|
|
}
|
|
|
|
}
|