82 lines
3.0 KiB
Plaintext
82 lines
3.0 KiB
Plaintext
|
|
<svg viewBox="0 0 @vBox.Width @vBox.Height" xmlns="http://www.w3.org/2000/svg">
|
|
<style>
|
|
.lblText {
|
|
font-size: 0.3rem;
|
|
fill: white;
|
|
}
|
|
|
|
.lblBoxTitle {
|
|
font-size: 0.25rem;
|
|
fill: white;
|
|
}
|
|
|
|
.lblBoxText {
|
|
font-size: 0.2rem;
|
|
fill: white;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.heavy {
|
|
font: bold 30px sans-serif;
|
|
fill: white;
|
|
}
|
|
|
|
/* Note that the color of the text is set with the *
|
|
* fill property, the color property is for HTML only */
|
|
.Rrrrr {
|
|
font: italic 40px serif;
|
|
fill: red;
|
|
}
|
|
</style>
|
|
@if (ItemMode == ColType.labelStart)
|
|
{
|
|
@*<rect x="0" y="0" width="@(vBox.Width)" height="@(vBox.Height)" stroke="black" fill="transparent" stroke-width=".25" />*@
|
|
@foreach (var item in LabelItems())
|
|
{
|
|
<g transform="translate(@(item.pX),@(item.pY))">
|
|
@(getMarkup(getLabel(item)))
|
|
</g>
|
|
}
|
|
}
|
|
else if (ItemMode == ColType.labelEnd)
|
|
{
|
|
@*<rect x="0" y="0" width="@(vBox.Width)" height="@(vBox.Height)" stroke="black" fill="transparent" stroke-width=".25" />*@
|
|
@foreach (var item in LabelItems())
|
|
{
|
|
<g transform="translate(@(item.pX),@(item.pY))">
|
|
@(getMarkup(getLabel(item)))
|
|
</g>
|
|
}
|
|
}
|
|
else
|
|
{
|
|
@foreach (var item in BoxItems())
|
|
{
|
|
<g transform="translate(@(item.pX),@(item.pY))">
|
|
@(getMarkup(getRect(item)))
|
|
@(getMarkup(getBoxTitle(item)))
|
|
@(getMarkup(getBoxDesc(item)))
|
|
</g>
|
|
}
|
|
|
|
@*<rect x="1" y="1" width="@(vBox.Width-2)" height="@(vBox.Height-2)" stroke="green" fill="transparent" stroke-width=".5" />
|
|
<circle cx="@(vBox.Width/2)" cy="@(vBox.Height/10)" r="10" fill="none" stroke="rgba(230,150,128, 0.6)" stroke-width="4" stroke-linecap="round" stroke-dasharray="calc(10 * 6.28 * 30 / 100) calc(10 * 6.28 * (100- 30) / 100)" />*@
|
|
}
|
|
</svg>
|
|
|
|
|
|
|
|
@* <circle cx="100" cy="100" r="@innRad" fill="none" stroke="rgba(189, 195, 199, 0.5)" stroke-width="@sWidth" />
|
|
<circle cx="100" cy="100" r="@innRad" fill="none" stroke="@strokeColorVal" stroke-width="@sWidth" stroke-linecap="round" stroke-dasharray="calc(@innRad * 6.28 * @valInner / @maxVal) calc(@innRad * 6.28 * (@maxVal - @valInner) / @maxVal)" />
|
|
<g transform="translate(100,100)">
|
|
<text id="TitleElem" style="@StyleTitolo" x="0" y="0">@Titolo</text>
|
|
<text x="0" y="30" style="@StyleTesto">@Testo</text>
|
|
</g>
|
|
@if (showOuter)
|
|
{
|
|
<circle cx="100" cy="100" r="@outRad" fill=none stroke="rgba(189, 195, 199, 0.5)" class="bg-opacity-25" stroke-width="@sWidth" />
|
|
<circle cx="100" cy="100" r="@outRad" fill=none stroke="@strokeColorVal" stroke-width="@sWidth" stroke-linecap="round" stroke-dasharray="calc(@outRad * 6.28 * @valOuter / @maxVal) calc(@outRad * 6.28 * (@maxVal - @valOuter) / @maxVal)" />
|
|
}*@
|
|
|