2024-05-30 01:06:08 +00:00
|
|
|
@page "/statuslog/latest"
|
|
|
|
|
|
2024-05-31 01:27:01 +00:00
|
|
|
<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>
|
2024-05-30 01:06:08 +00:00
|
|
|
|
2024-05-31 01:27:01 +00:00
|
|
|
@if (statuses == null) {
|
|
|
|
|
<p id="statuses" class="skeleton-container">
|
|
|
|
|
<StatusCardSkeleton></StatusCardSkeleton>
|
|
|
|
|
<StatusCardSkeleton></StatusCardSkeleton>
|
|
|
|
|
<StatusCardSkeleton></StatusCardSkeleton>
|
|
|
|
|
<StatusCardSkeleton></StatusCardSkeleton>
|
|
|
|
|
<StatusCardSkeleton></StatusCardSkeleton>
|
|
|
|
|
<StatusCardSkeleton></StatusCardSkeleton>
|
|
|
|
|
</p>
|
2024-05-30 01:06:08 +00:00
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
2024-05-31 01:27:01 +00:00
|
|
|
<div id="statuses" class="responsive">
|
|
|
|
|
@foreach (var status in statuses) {
|
|
|
|
|
<StatusCard status="@status"></StatusCard>
|
|
|
|
|
}
|
|
|
|
|
</div>
|
2024-05-30 01:06:08 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@code {
|
|
|
|
|
|
|
|
|
|
private Status[]? statuses;
|
|
|
|
|
|
|
|
|
|
protected override async Task OnInitializedAsync()
|
|
|
|
|
{
|
|
|
|
|
RestService api = new RestService();
|
|
|
|
|
statuses = (await api.StatuslogLatest()).ToArray();
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-31 01:27:01 +00:00
|
|
|
|
