Samuele Locatelli
103 lines
4.1 KiB
Plaintext
103 lines
4.1 KiB
Plaintext
@page "/TestGraphCompo"
|
|
|
|
<PageTitle>Test</PageTitle>
|
|
|
|
<div class="card">
|
|
<div class="card-header"><h4>Test Componenti Arrow SVG</h4></div>
|
|
<div class="card-body">
|
|
<div class="row bg-secondary py-2">
|
|
<div class="col">
|
|
<StepArrow ObjId="123" StepText="Prova Arrow 01" BlockStyle="@($"fill: #123456;")" StrokeWidth="4" ObjW="650" ObjH="100" StrokeColors="@listBord01" TipAngle="90"></StepArrow>
|
|
</div>
|
|
<div class="col">
|
|
<StepArrow ObjId="456" StepText="Prova Arrow 02" BlockStyle="@($"fill: #456789;")" StrokeWidth="4" ObjW="600" ObjH="100" StrokeColors="@listBord02" TipAngle="60"></StepArrow>
|
|
</div>
|
|
<div class="col">
|
|
<StepArrow ObjId="456" StepText="Prova Arrow 03" BlockStyle="@($"fill: #6789AB;")" StrokeWidth="4" ObjW="500" ObjH="100" StrokeColors="@listBord03" TipAngle="120"></StepArrow>
|
|
</div>
|
|
<div class="col">
|
|
<StepArrow ObjId="456" StepText="Prova Arrow 04" BlockStyle="@($"fill: #89ABCD;")" StrokeWidth="0" ObjW="700" ObjH="100" TipAngle="108"></StepArrow>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card my-2">
|
|
<div class="card-header"><h4>Test progBar singola linea</h4></div>
|
|
<div class="card-body">
|
|
<div class="row bg-secondary py-2">
|
|
<div class="col">
|
|
<ProgBar singleLine="true" baseUM="$" currVal="@(rnd.Next(50,250))" maxVal="1000" redLim="200" yelLim="400" />
|
|
</div>
|
|
<div class="col">
|
|
<ProgBar singleLine="true" baseUM="gg" currVal="@(rnd.Next(200,450))" maxVal="1000" redLim="200" yelLim="400" />
|
|
</div>
|
|
<div class="col">
|
|
<ProgBar singleLine="true" baseUM="min" currVal="@(rnd.Next(400,650))" maxVal="1000" redLim="200" yelLim="400" />
|
|
</div>
|
|
<div class="col">
|
|
<ProgBar singleLine="true" baseUM="px" currVal="@(rnd.Next(600,900))" maxVal="1000" redLim="200" yelLim="400" />
|
|
</div>
|
|
<div class="col">
|
|
<ProgBar singleLine="true" baseUM="h" currVal="@(rnd.Next(500,1000))" maxVal="1000" redLim="200" yelLim="400" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card my-2">
|
|
<div class="card-header"><h4>Test progBar multi linea</h4></div>
|
|
<div class="card-body">
|
|
<div class="row bg-dark py-2">
|
|
<div class="col">
|
|
<ProgBar singleLine="false" baseUM="$" currVal="@(rnd.Next(50,250))" maxVal="1000" redLim="200" yelLim="400" />
|
|
</div>
|
|
<div class="col">
|
|
<ProgBar singleLine="false" baseUM="gg" currVal="@(rnd.Next(200,450))" maxVal="1000" redLim="200" yelLim="400" />
|
|
</div>
|
|
<div class="col">
|
|
<ProgBar singleLine="false" baseUM="min" currVal="@(rnd.Next(400,650))" maxVal="1000" redLim="200" yelLim="400" />
|
|
</div>
|
|
<div class="col">
|
|
<ProgBar singleLine="false" baseUM="px" currVal="@(rnd.Next(600,900))" maxVal="1000" redLim="200" yelLim="400" />
|
|
</div>
|
|
<div class="col">
|
|
<ProgBar singleLine="false" baseUM="h" currVal="@(rnd.Next(500,1000))" maxVal="1000" redLim="200" yelLim="400" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@code {
|
|
private int currentCount = 0;
|
|
|
|
protected Random rnd = new Random();
|
|
|
|
protected override void OnInitialized()
|
|
{
|
|
base.OnInitialized();
|
|
listBord01 = new();
|
|
listBord01.Add("");
|
|
listBord01.Add("White");
|
|
listBord01.Add("");
|
|
listBord01.Add("");
|
|
listBord02 = new();
|
|
listBord02.Add("");
|
|
listBord02.Add("White");
|
|
listBord02.Add("");
|
|
listBord02.Add("White");
|
|
listBord03 = new();
|
|
listBord03.Add("");
|
|
listBord03.Add("White");
|
|
listBord03.Add("");
|
|
listBord03.Add("Blue");
|
|
|
|
}
|
|
|
|
|
|
protected List<string> listBord01 { get; set; } = new();
|
|
protected List<string> listBord02 { get; set; } = new();
|
|
protected List<string> listBord03 { get; set; } = new();
|
|
|
|
}
|