...
This commit is contained in:
@@ -1,5 +1,4 @@
|
||||
|
||||
@inject HttpClient _hc
|
||||
@inject HttpClient _hc
|
||||
@layout Shared.BlogLayout
|
||||
@page "/BlogDetails/{ItemID:int}"
|
||||
@using global::Shared.DTOs
|
||||
@@ -11,160 +10,133 @@
|
||||
|
||||
<HeadContent>
|
||||
@if (!string.IsNullOrEmpty(description))
|
||||
{<meta name="description" content="@description" />}
|
||||
{
|
||||
<meta name="description" content="@description" />
|
||||
}
|
||||
@if (!string.IsNullOrEmpty(keywords))
|
||||
{ <meta name="keywords" content="@keywords">}
|
||||
{
|
||||
<meta name="keywords" content="@keywords">
|
||||
}
|
||||
</HeadContent>
|
||||
|
||||
<main>
|
||||
|
||||
<!-- breadcrumb-area-start -->
|
||||
<div style="border-radius: .8em;" class="breadcrumb__area breadcrumb-ptb-4 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 align-items-end">
|
||||
<div class="col-xl-9 col-lg-9 col-md-9">
|
||||
<div class="blog-details-banner z-index-2">
|
||||
<div class="blog-details-title-box">
|
||||
<div class="tp-blog-meta d-flex align-items-center">
|
||||
<div class="tp-blog-category category-color-1"><span>@Item?.Title.Split(':')[0]</span></div><!--!-->
|
||||
<div class="tp-blog-date"><span>@Item?.Date</span></div>
|
||||
</div>
|
||||
<h1 class="blog-details-banner-title">@Item?.Title.Split(':')[1]</h1>
|
||||
</div>
|
||||
<div class="tp-blog-author-info-box d-flex align-items-center">
|
||||
<div class="tp-blog-avata">
|
||||
<img src="img/avata/blog-avata-Publisher.png" alt="">
|
||||
</div>
|
||||
<div class="tp-blog-author-info">
|
||||
<h5>مهدی ربیع نژاد</h5>
|
||||
<span>مدیر سایت</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- breadcrumb-area-start -->
|
||||
<div style="border-radius: .8em;" class="breadcrumb__area breadcrumb-ptb-4 p-relative blue-bg-2">
|
||||
<div class="container">
|
||||
<div class="row align-items-end">
|
||||
<div class="col-xl-9 col-lg-9 col-md-9">
|
||||
<div class="blog-details-banner z-index-2">
|
||||
<div class="blog-details-title-box">
|
||||
<div class="tp-blog-meta d-flex align-items-center">
|
||||
<div class="tp-blog-category category-color-1"><span>@Item?.Title.Split(':')[0]</span></div><!--!-->
|
||||
<div class="tp-blog-date"><span>@Item?.Date</span></div>
|
||||
</div>
|
||||
<h1 class="blog-details-banner-title">@Item?.Title.Split(':')[1]</h1>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- breadcrumb-area-end -->
|
||||
<!-- breadcrumb-banner-start -->
|
||||
<div class="blog-details-img-area mb-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div class="blog-details-big-img z-index-2">
|
||||
<img src="img/blog/@Item?.Photo" width="400" height="400" alt="@Item?.Title">
|
||||
<div class="tp-blog-author-info-box d-flex align-items-center">
|
||||
<div class="tp-blog-avata">
|
||||
<img src="img/avata/blog-avata-Publisher.png" alt="Publisher">
|
||||
</div>
|
||||
<div class="tp-blog-author-info">
|
||||
<h5>مهدی ربیع نژاد</h5>
|
||||
<span>مدیر سایت</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- breadcrumb-banner-end -->
|
||||
<!-- postbox area start -->
|
||||
<div class="postbox__area pt-100 pb-100">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-8 col-xl-8 col-lg-8">
|
||||
<div class="postbox__details-wrapper pr-20">
|
||||
<article>
|
||||
|
||||
<div class="postbox__details-title-box pb-30">
|
||||
|
||||
@((MarkupString)Item?.Text)
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-4 col-xl-4 col-lg-4">
|
||||
<div class="sidebar__wrapper">
|
||||
<div class="sidebar__widget mb-40">
|
||||
<div class="sidebar__widge-title-box">
|
||||
<h3 class="sidebar__widget-title">جستوجو</h3>
|
||||
</div>
|
||||
<div class="sidebar__widget-content">
|
||||
<div class="sidebar__search">
|
||||
<form action="#">
|
||||
<div class="sidebar__search-input-2">
|
||||
|
||||
<InputText @bind-Value="strSearch" type="text" class="inputText" placeholder="کلمه ای را بنویسید ..." />
|
||||
|
||||
<button @onclick="SearchClick">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.01371 15.2219C11.9525 15.2219 15.1456 12.0382 15.1456 8.11096C15.1456 4.18368 11.9525 1 8.01371 1C4.07488 1 0.881836 4.18368 0.881836 8.11096C0.881836 12.0382 4.07488 15.2219 8.01371 15.2219Z" stroke="#5F6168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<path d="M16.9287 16.9996L13.0508 13.1331" stroke="#5F6168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar__widget mb-40">
|
||||
<div class="sidebar__widge-title-box">
|
||||
<h3 class="sidebar__widget-title">پست های اخیر</h3>
|
||||
</div>
|
||||
<div class="sidebar__widget-content">
|
||||
<div class="sidebar__post rc__post">
|
||||
@foreach (var item in collectionitem)
|
||||
{
|
||||
<ItemBlog___v2 Item="item" />
|
||||
}
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@if (Item != null && !string.IsNullOrEmpty(Item.Tags))
|
||||
{
|
||||
<div class="sidebar__widget mb-40">
|
||||
<div class="sidebar__widge-title-box">
|
||||
<h3 class="sidebar__widget-title">برچسب ها</h3>
|
||||
</div>
|
||||
<div class="sidebar__widget-content">
|
||||
<div class="tagcloud">
|
||||
@foreach (var item in Item.Tags.Split('-'))
|
||||
{
|
||||
string P = "/ListBlog/" + item;
|
||||
<NavLink rel="tag" href="@P">@item</NavLink>
|
||||
}
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- breadcrumb-area-end -->
|
||||
<!-- breadcrumb-banner-start -->
|
||||
<div class="blog-details-img-area mb-80">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-12">
|
||||
<div class="blog-details-big-img z-index-2">
|
||||
<img src="img/blog/@Item?.Photo" width="400" height="400" alt="@Item?.Title">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- postbox area end -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- breadcrumb-banner-end -->
|
||||
<!-- postbox area start -->
|
||||
<div class="postbox__area pt-100 pb-100">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xxl-8 col-xl-8 col-lg-8">
|
||||
<div class="postbox__details-wrapper pr-20">
|
||||
<article>
|
||||
<div class="postbox__details-title-box pb-30">
|
||||
@((MarkupString)Item?.Text)
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xxl-4 col-xl-4 col-lg-4">
|
||||
<div class="sidebar__wrapper">
|
||||
<div class="sidebar__widget mb-40">
|
||||
<div class="sidebar__widge-title-box">
|
||||
<h3 class="sidebar__widget-title">جستوجو</h3>
|
||||
</div>
|
||||
<div class="sidebar__widget-content">
|
||||
<div class="sidebar__search">
|
||||
<form action="#">
|
||||
<div class="sidebar__search-input-2">
|
||||
|
||||
<InputText @bind-Value="strSearch" type="text" class="inputText" placeholder="کلمه ای را بنویسید ..." />
|
||||
|
||||
<button @onclick="SearchClick">
|
||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.01371 15.2219C11.9525 15.2219 15.1456 12.0382 15.1456 8.11096C15.1456 4.18368 11.9525 1 8.01371 1C4.07488 1 0.881836 4.18368 0.881836 8.11096C0.881836 12.0382 4.07488 15.2219 8.01371 15.2219Z" stroke="#5F6168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<path d="M16.9287 16.9996L13.0508 13.1331" stroke="#5F6168" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sidebar__widget mb-40">
|
||||
<div class="sidebar__widge-title-box">
|
||||
<h3 class="sidebar__widget-title">پست های اخیر</h3>
|
||||
</div>
|
||||
<div class="sidebar__widget-content">
|
||||
<div class="sidebar__post rc__post">
|
||||
@foreach (var item in collectionitem)
|
||||
{
|
||||
<ItemBlog___v2 Item="item" />
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@if (Item != null && !string.IsNullOrEmpty(Item.Tags))
|
||||
{
|
||||
<div class="sidebar__widget mb-40">
|
||||
<div class="sidebar__widge-title-box">
|
||||
<h3 class="sidebar__widget-title">برچسب ها</h3>
|
||||
</div>
|
||||
<div class="sidebar__widget-content">
|
||||
<div class="tagcloud">
|
||||
@foreach (var item in Item.Tags.Split('-'))
|
||||
{
|
||||
string P = "/ListBlog/" + item;
|
||||
string itemtitle = "درباره " + item;
|
||||
<NavLink rel="tag" title="@itemtitle" href="@P">@item</NavLink>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
</main>
|
||||
|
||||
@code {
|
||||
//meta tags
|
||||
public string? description { get; set; }
|
||||
@@ -194,15 +166,15 @@
|
||||
}
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
|
||||
|
||||
var request = await _hc.GetFromJsonAsync<PagingDto<BlogDto>>($"Base/LastBlog?PageIndex=1&PageSize=3");
|
||||
if (request !=null)
|
||||
collectionitem = request.list;
|
||||
|
||||
if (request != null)
|
||||
collectionitem = request.list;
|
||||
|
||||
await base.OnInitializedAsync();
|
||||
}
|
||||
}
|
||||
@functions{
|
||||
@functions {
|
||||
public async Task SearchClick()
|
||||
{
|
||||
if (!string.IsNullOrEmpty(strSearch))
|
||||
|
Reference in New Issue
Block a user