Made the file list scrollable

This commit is contained in:
Thorsten Sommer 2025-12-18 08:13:30 +01:00
parent 4cefc6243c
commit 7dd505b554
Signed by: tsommer
GPG Key ID: 371BBA77A02C0108

View File

@ -10,60 +10,62 @@
<MudJustifiedText Typo="Typo.body1" Class="mb-3">
@T("Here you can see all attached files. Files that can no longer be found (deleted, renamed, or moved) are marked with a warning icon and a strikethrough name. You can remove any attachment using the trash can icon.")
</MudJustifiedText>
<MudDivider Class="mt-3 mb-3"/>
@if (!this.DocumentPaths.Any())
{
<MudJustifiedText Typo="Typo.body1" Class="mt-3">
@T("There arent any file attachments available right now.")
</MudJustifiedText>
}
@foreach (var filePath in this.DocumentPaths)
{
@if (File.Exists(filePath))
<div style="max-height: 50vh; overflow-y: auto; padding-right: 8px;">
@if (!this.DocumentPaths.Any())
{
<MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
<MudTooltip Text="@T("Your attached file")" Placement="Placement.Bottom">
<span class="d-inline-flex align-items-center" style="max-width: 100%;">
<MudIcon Icon="@Icons.Material.Filled.AttachFile" Class="mr-2"/>
<MudText Class="flex-grow-1 overflow-hidden text-ellipsis" Style="white-space: nowrap;">
@Path.GetFileName(filePath)
</MudText>
</span>
</MudTooltip>
<MudTooltip Text="@T("Delete")" Placement="Placement.Bottom">
<MudIconButton Icon="@Icons.Material.Filled.Delete"
Color="Color.Error"
Class="ml-2"
OnClick="@(() => DeleteAttachment(filePath))"/>
</MudTooltip>
</MudStack>
<MudJustifiedText Typo="Typo.body1" Class="mt-3">
@T("There aren't any file attachments available right now.")
</MudJustifiedText>
}
else
@foreach (var filePath in this.DocumentPaths)
{
<MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
<MudTooltip Text="@T("The file was deleted, renamed, or moved")" Placement="Placement.Bottom">
<span class="d-inline-flex align-items-center" style="max-width: 100%;">
<MudIcon Icon="@Icons.Material.Filled.Report" Color="Color.Error" Class="mr-2"/>
<MudText Class="flex-grow-1 overflow-hidden text-ellipsis" Style="white-space: nowrap;">
<s>@Path.GetFileName(filePath)</s>
</MudText>
</span>
</MudTooltip>
<MudTooltip Text="@T("Delete")" Placement="Placement.Bottom">
@if (File.Exists(filePath))
{
<MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
<MudTooltip Text="@T("Your attached file")" Placement="Placement.Bottom">
<span class="d-inline-flex align-items-center" style="max-width: 100%;">
<MudIcon Icon="@Icons.Material.Filled.AttachFile" Class="mr-2"/>
<MudText Class="flex-grow-1 overflow-hidden text-ellipsis" Style="white-space: nowrap;">
@Path.GetFileName(filePath)
</MudText>
</span>
</MudTooltip>
<MudTooltip Text="@T("Delete")" Placement="Placement.Bottom">
<MudIconButton Icon="@Icons.Material.Filled.Delete"
Color="Color.Error"
Class="ml-2"
OnClick="@(() => DeleteAttachment(filePath))"/>
</MudTooltip>
</MudStack>
</MudTooltip>
</MudStack>
}
else
{
<MudStack Row Justify="Justify.SpaceBetween" AlignItems="AlignItems.Center" Class="mb-2">
<MudTooltip Text="@T("The file was deleted, renamed, or moved")" Placement="Placement.Bottom">
<span class="d-inline-flex align-items-center" style="max-width: 100%;">
<MudIcon Icon="@Icons.Material.Filled.Report" Color="Color.Error" Class="mr-2"/>
<MudText Class="flex-grow-1 overflow-hidden text-ellipsis" Style="white-space: nowrap;">
<s>@Path.GetFileName(filePath)</s>
</MudText>
</span>
</MudTooltip>
<MudTooltip Text="@T("Delete")" Placement="Placement.Bottom">
<MudIconButton Icon="@Icons.Material.Filled.Delete"
Color="Color.Error"
Class="ml-2"
OnClick="@(() => DeleteAttachment(filePath))"/>
</MudTooltip>
</MudStack>
}
}
}
</div>
</DialogContent>
<DialogActions>
<MudButton OnClick="@this.Close" Variant="Variant.Filled" Color="Color.Primary">