52 lines
No EOL
1.2 KiB
Text
52 lines
No EOL
1.2 KiB
Text
@using Iceshrimp.Frontend.Pages
|
|
@using Iceshrimp.Shared.Schemas
|
|
|
|
@if (NoteBase.Cw != null)
|
|
{
|
|
<div class="cw">
|
|
<span class="cw-field">@NoteBase.Cw</span><button class="cw-button" @onclick="ToggleCw"></button>
|
|
</div>
|
|
<div hidden="@CwToggle" class="note-body">
|
|
@NoteBase.Text
|
|
</div>
|
|
}
|
|
@if (NoteBase.Cw == null && OverLength)
|
|
{
|
|
<div
|
|
class="note-body @(Truncate ? "truncated" : "")"
|
|
style="max-height: @(Truncate ? MaxHeight + "px" : "initial")"
|
|
>
|
|
@NoteBase.Text
|
|
</div>
|
|
<button class="truncate-btn" @onclick="ToggleTruncate">
|
|
@if (Truncate)
|
|
{<span>Show more</span> }
|
|
@if (!Truncate)
|
|
{<span>Show less</span>}
|
|
</button>
|
|
}
|
|
@if (NoteBase.Cw == null && OverLength == false)
|
|
{
|
|
<div class="note-body">
|
|
@NoteBase.Text
|
|
</div>
|
|
}
|
|
|
|
|
|
@code {
|
|
[Parameter] public required NoteBase NoteBase { get; set; }
|
|
[Parameter] public required bool OverLength { get; set; }
|
|
|
|
private static int MaxHeight => 500;
|
|
private bool Truncate { get; set; } = true;
|
|
private bool CwToggle { get; set; }
|
|
private void ToggleCw()
|
|
{
|
|
CwToggle = !CwToggle;
|
|
}
|
|
|
|
private void ToggleTruncate()
|
|
{
|
|
Truncate = !Truncate;
|
|
}
|
|
} |