44 lines
2.0 KiB
Plaintext
44 lines
2.0 KiB
Plaintext
|
|
<div class="org-level" id="level-@Level">
|
|
@foreach (var node in Nodes)
|
|
{
|
|
<div class="org-node child-node" data-parent-id="@node.Id">
|
|
<div class="node-connector"></div>
|
|
<div class="node-card">
|
|
<div class="node-avatar">
|
|
<MudAvatar Size="@GetAvatarSize(Level)">
|
|
<MudImage ObjectFit="ObjectFit.Cover"
|
|
ObjectPosition="ObjectPosition.Center"
|
|
Src="@(string.IsNullOrEmpty(node.Avatar) ? "images/avatar1.jpg" : node.Avatar)" />
|
|
</MudAvatar>
|
|
@if (node.Children?.Any() == true)
|
|
{
|
|
<button class="expand-btn" @onclick="() => ToggleNodeExpand(node.Id)" data-user-id="@node.Id">
|
|
<MudIcon Icon="@(node.IsExpanded ? Icons.Material.Filled.Remove : Icons.Material.Filled.Add)" Size="Size.Small" />
|
|
</button>
|
|
}
|
|
</div>
|
|
<div class="node-info">
|
|
<div class="node-name">@node.FirstName @node.LastName</div>
|
|
<div class="node-amounts">
|
|
<div class="personal-amount">
|
|
<span class="label">خرید شخصی:</span>
|
|
<span class="amount">@(node.PersonalPurchase?.ToThousands().ToCurrencyUnitIRT() ?? "0 تومان")</span>
|
|
</div>
|
|
<div class="team-amount">
|
|
<span class="label">خرید تیمی:</span>
|
|
<span class="amount">@(node.TeamPurchase?.ToThousands().ToCurrencyUnitIRT() ?? "0 تومان")</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@if (node.IsExpanded && node.Children?.Any() == true)
|
|
{
|
|
<OrganizationChartLevel Nodes="node.Children" Level="@(Level + 1)" />
|
|
}
|
|
</div>
|
|
}
|
|
</div>
|
|
|