BeWoPlaner/BeWoPlanerMobil/Views/Customer/DocumentPartial.cshtml

@using BeWoPlanerMobil.Models;
@using BS.Shared.DataContracts
@model CustomerModel

<script>
    function toggleFolderIcon(element) {
        try {
            $(element).find(".fa-folder,.fa-folder-open").toggleClass("fa-folder").toggleClass("fa-folder-open");
            $(element).next(".collapse").toggle();
        } catch (error) {
            showErrorPopup(error);
        }
    }
</script>

@helper BuildFolderTreeBranch(BeWoFolderDC folder)
{
    <div class="card w-100 mb-3">
        <div class="card-header px-2" onclick="toggleFolderIcon(this)">
            <i class="fas fa-folder pr-1 text-primary"></i>@folder.Name
        </div>
        <div class="collapse">
            <div class="card-body px-2">
                @foreach(var file in folder.Files)
                {
                    <i class="fas fa-file text-primary"></i>@Html.ActionLink(file.FileName, "DownloadFile", new { fileOid = file.FileAttachmentOid }, new { @class = "pl-2 px-2" })<br/>
                }

                @foreach(var subFolder in folder.SubFolders)
                {
                    Write(BuildFolderTreeBranch(subFolder));
                }
            </div>
        </div>
    </div>
}

@helper BuildFolderTree()
{
    if(Model?.FolderTree != null)
    {
        foreach(var folder in Model.FolderTree)
        {
            Write(BuildFolderTreeBranch(folder));
        }
    }
}

@{
    if (Model?.FolderTree != null)
    {
        Write(BuildFolderTree());
    }
}