jtom38/Newsbot.Portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

using a card view to show the posts

Browse Source
This commit is contained in:
James Tombleson 2023-06-15 21:53:24 -07:00
parent 7a7cd9966b
commit ac5efe3113
3 changed files with 31 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
Newsbot.Portal.Blazor.Server/Pages/Articles/Newest.razor → Newsbot.Portal.Blazor.Server/Pages/Articles/Latest.razor
View File

@ -1,7 +1,9 @@
@page "/articles/newest" @page "/articles/latest"
@using Newsbot.Collector.Client @using Newsbot.Collector.Client
@using Newsbot.Collector.Client.Domain.Dto @using Newsbot.Collector.Client.Domain.Dto
<h3>List Articles</h3>
<PageTitle>Latest</PageTitle>
<h3>Latest Posts</h3>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@ -11,7 +13,10 @@
<div class="card" style="width: 18rem;"> <div class="card" style="width: 18rem;">
<img src="@item.Thumbnail" class="card-img-top" alt="..."> <img src="@item.Thumbnail" class="card-img-top" alt="...">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">@item.Title</h5> <h5 class="card-title">
<a href="@item.Url" target="_blank">@item.Title</a>
</h5>
<p class="card-text">@item.PubDate</p>
<p class="card-text">@item.Description</p> <p class="card-text">@item.Description</p>
<a href="@item.Url" class="btn btn-primary" target="_blank">View</a> <a href="@item.Url" class="btn btn-primary" target="_blank">View</a>
</div> </div>

36
Newsbot.Portal.Blazor.Server/Pages/Articles/ListBySource.razor
View File

@ -2,32 +2,42 @@
@using Newsbot.Collector.Client.Domain.Dto @using Newsbot.Collector.Client.Domain.Dto
@using Newsbot.Collector.Client @using Newsbot.Collector.Client
<h3>ListBySource</h3> <PageTitle>@Record?.Name</PageTitle>
<h3>@Record?.Name</h3>
<table> <div class="container">
<tr> <div class="row">
<td>Title</td>
<td>Publish Date</td>
</tr>
@foreach (var item in Data ??= new List<ArticlesDto>()) @foreach (var item in Data ??= new List<ArticlesDto>())
{ {
<tr> <div class="col-sm">
<td> <div class="card" style="width: 18rem;">
<a href="@item.Url" target="_blank">@item.Title</a><br/> <img src="@item.Thumbnail" class="card-img-top" alt="...">
</td> <div class="card-body">
<td>@item.PubDate</td> <h5 class="card-title">
</tr> <a href="@item.Url" target="_blank">@item.Title</a>
</h5>
<p class="card-text">@item.PubDate</p>
<p class="card-text">@item.Description</p>
<a href="@item.Url" class="btn btn-primary" target="_blank">View</a>
</div>
</div>
</div>
} }
</table> </div>
</div>
@code { @code {
[Parameter] [Parameter]
public string? Id { get; set; } public string? Id { get; set; }
List<ArticlesDto>? Data { get; set; } List<ArticlesDto>? Data { get; set; }
SourcesDto? Record { get; set; }
protected override async Task OnInitializedAsync() protected override async Task OnInitializedAsync()
{ {
var s = new SourcesClient(Global.HttpClient, Global.DefaultInstanceUri ?? "");
Record = await s.GetAsync(Guid.Parse(Id ?? ""));
var c = new ArticlesClient(Global.HttpClient, Global.DefaultInstanceUri ?? ""); var c = new ArticlesClient(Global.HttpClient, Global.DefaultInstanceUri ?? "");
var items = await c.ListBySourceAsync(Guid.Parse(Id ?? "")); var items = await c.ListBySourceAsync(Guid.Parse(Id ?? ""));
Data = items; Data = items;

33
Newsbot.Portal.Blazor.Server/Pages/Articles/Sources.razor
View File

@ -1,33 +0,0 @@
@page "/articles/sources"
@using Newsbot.Collector.Client
@using Newsbot.Collector.Client.Domain.Dto
<h3>Select Source</h3>
<table>
<tr>
<td>Source</td>
<td>Name</td>
<td>Type</td>
</tr>
@foreach (var item in Items ??= new List<SourcesDto>())
{
<tr>
<td>@item.Source</td>
<td>
<a href="/articles/sources/@item.Id">@item.Name</a>
</td>
<td>@item.Type</td>
</tr>
}
</table>
@code {
private List<SourcesDto>? Items { get; set; }
protected override async Task OnInitializedAsync()
{
var c = new SourcesClient(Global.HttpClient, Global.DefaultInstanceUri ?? "");
Items = await c.ListAsync();
}
}