46 lines
2.8 KiB
Text
46 lines
2.8 KiB
Text
@page "/statuslog/latest"
|
|
@inject State State
|
|
|
|
<div class="row center-align">
|
|
<h3>
|
|
<i><svg style="width: 1em; height: 1em; margin-right: 1em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="#4dabf7" d="M250 450c-38.388 0-76.775-14.646-106.066-43.934l-100-100c-58.579-58.58-58.579-153.553 0-212.132C100.534 37.336 191.105 35.421 250 88.191c58.898-52.768 149.47-50.853 206.066 5.743 58.58 58.58 58.58 153.553 0 212.132l-100 100C326.778 435.354 288.39 450 250 450" /><path fill="#228be6" d="M220.52 176.634a11.792 11.792 0 1 1-23.586 0 11.792 11.792 0 0 1 23.585 0" /><path fill="#1864ab" stroke="#1864ab" stroke-miterlimit="10" stroke-width="11.32074" d="M220.52 176.634a11.792 11.792 0 1 1-23.586 0 11.792 11.792 0 0 1 23.585 0Z" /><path fill="#228be6" d="M303.066 176.634a11.792 11.792 0 1 1-23.585 0 11.792 11.792 0 0 1 23.585 0" /><path fill="#1864ab" stroke="#1864ab" stroke-miterlimit="10" stroke-width="11.32074" d="M303.066 176.634a11.792 11.792 0 1 1-23.585 0 11.792 11.792 0 0 1 23.585 0Z" /><path fill="#228be6" stroke="#461036" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="18.8679" d="M208.75 223.817c18.875 30.802 63.626 30.802 82.501 0" /><path fill="#1971c2" d="M438.68 212.011c0-32.564-26.399-58.962-58.963-58.962s-58.962 26.398-58.962 58.962 26.398 58.963 58.962 58.963 58.962-26.399 58.962-58.963m-259.433 0c0-32.564-26.398-58.962-58.962-58.962S61.32 179.447 61.32 212.011s26.398 58.963 58.963 58.963 58.962-26.399 58.962-58.963" /><path fill="#4dabf7" stroke="#1864ab" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="18.8679" d="M208.75 223.817c18.875 30.802 63.626 30.802 82.501 0" /></svg></i>
|
|
Statuslog
|
|
</h3>
|
|
</div>
|
|
<div class="row center-align">
|
|
<p>The latest posts from everyone at <a href="https://status.lol">status.lol</a></p>
|
|
</div>
|
|
|
|
<AuthorizeView>
|
|
<Authorized>
|
|
<button class="fab circle extra large-elevate" data-ui="#post-modal">
|
|
<i class="fa-solid fa-pen-to-square"></i>
|
|
</button>
|
|
<NewStatusDialog id="post-modal"></NewStatusDialog>
|
|
</Authorized>
|
|
</AuthorizeView>
|
|
|
|
<div id="statuses" class="responsive">
|
|
<StatusList StatusFunc="@State.VirtualStatusesFunc()"></StatusList>
|
|
</div>
|
|
|
|
|
|
@code {
|
|
|
|
private List<Status> statuses;
|
|
private string statusContent = string.Empty;
|
|
private string? statusEmoji = null;
|
|
|
|
protected override async Task OnInitializedAsync()
|
|
{
|
|
}
|
|
|
|
private async ValueTask<ItemsProviderResult<Status>> GetStatuses(ItemsProviderRequest request)
|
|
{
|
|
// TODO: request.cancellationToken
|
|
statuses = (await State.GetStatuses()) ?? new List<Status>();
|
|
var numStatuses = Math.Min(request.Count, statuses.Count - request.StartIndex);
|
|
return new ItemsProviderResult<Status>(statuses.Skip(request.StartIndex).Take(numStatuses), statuses.Count);
|
|
}
|
|
}
|
|
|