Files
gpw_next/GPW.CORE.Comp/CalWeekColumn.razor
T
2023-01-20 10:29:48 +01:00

68 lines
2.8 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">
<rect x="0" y="0" width="@vBox.Width" height="@vBox.Height" class="canv"></rect>
@foreach (var item in BoxItems())
{
<g transform="translate(@(item.pX),@(item.pY))">
<rect x="0" y="0" width="@item.width" height="@item.height" class="boxClass" rx="30"></rect>
<foreignObject x="@mFO" y="@mFO" width="@item.width" height="@item.height">
<a href="#">
<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>
</a>
</foreignObject>
</g>
}
@* <a href="#">
<g transform="translate(25 100)">
<rect x="0" y="0" width="@(vBox.Width/3)" height="@(vBox.Height/2)" class="boxClass" rx="50"></rect>
<foreignObject x="30" y="30" width="@(vBox.Width/3)" height="@(vBox.Height/2)">
<div class="textTitle">Prova A</div>
<div class="textTime">08:00 - 10:00</div>
<hr />
<div class="textBody1">Un lungo testo descrittivo per indicare esattamente di cosa si tratta</div>
</foreignObject>
</g>
</a>
<a href="#">
<g transform="translate(300 700)">
<rect x="0" y="0" width="@(vBox.Width/3)" height="@(vBox.Height/3)" class="boxClass2" rx="50"></rect>
<foreignObject x="20" y="20" width="@(vBox.Width/3)" height="@(vBox.Height/3)">
<div class="textTitle">Prova B</div>
<div class="textTime">09:45 - 11:10</div>
<hr />
<div class="textBody2">Un lungo testo descrittivo per indicare esattamente di cosa si tratta...versione 2 molto più lunga</div>
</foreignObject>
</g>
</a>
<a href="#">
<g transform="translate(575 1800)">
<rect x="0" y="0" width="@(vBox.Width/3)" height="@(vBox.Height/4)" class="boxClass3" rx="50"></rect>
<foreignObject x="20" y="20" width="@(vBox.Width/3)" height="@(vBox.Height/4)">
<div class="textTitle">Prova C</div>
<div class="textTime">10:15 - 11:00</div>
<hr />
<div class="textBody3">Un lungo testo descrittivo...versione 3 meno lunga</div>
</foreignObject>
</g>
</a>*@
</svg>
}