zaccaria.majid
52 lines
2.4 KiB
Plaintext
52 lines
2.4 KiB
Plaintext
@if (ItemMode == ColType.labelStart || ItemMode == ColType.labelEnd)
|
|
{
|
|
<svg viewBox="0 0 @vBox.Width @vBox.Height" xmlns="http://www.w3.org/2000/svg">
|
|
<rect x="0" y="0" width="@vBox.Width" height="@vBox.Height" class="canv"></rect>
|
|
@foreach (var item in LabelItems())
|
|
{
|
|
<g transform="translate(@(item.pX),@(item.pY))">
|
|
<foreignObject x="0" y="0" width="@vBox.Width" height="@hFO">
|
|
<div class="hour-label">@item.value</div>
|
|
</foreignObject>
|
|
</g>
|
|
}
|
|
</svg>
|
|
}
|
|
else
|
|
{
|
|
<svg viewBox="0 0 @vBox.Width @vBox.Height" xmlns="http://www.w3.org/2000/svg" style="border-top: 1px solid #000;border-left: 1px solid #000; border-bottom: 1px solid #000;">
|
|
<rect x="0" y="0" width="@vBox.Width" height="@vBox.Height" class="canv"></rect>
|
|
@foreach (var item in BoxItems())
|
|
{
|
|
<a data-bs-toggle="modal" data-bs-target="#exampleModal" style="text-decoration: none;" @onclick="()=>selItem(item)">
|
|
<g transform="translate(@(item.pX),@(item.pY))">
|
|
<rect x="0" y="0" width="@item.width" height="@item.height" class="@item.cssClass" rx="30"></rect>
|
|
<foreignObject x="@mFO" y="@mFO" width="@item.width" height="@item.height">
|
|
<div class="textTitle">@item.title</div>
|
|
<div class="hour-label">@($"{item.start:HH:mm}")-@($"{item.end:HH:mm}")</div>
|
|
<div class="textBody1">@item.value</div>
|
|
</foreignObject>
|
|
</g>
|
|
</a>
|
|
}
|
|
</svg>
|
|
}
|
|
|
|
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h1 class="modal-title fs-5" id="exampleModalLabel">Modal title</h1>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
@currData.title
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary">Save changes</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|