egwcorelib/EgwCoreLib.BlazorTest/Pages/Test.razor

@page "/Test"

<PageTitle>Test</PageTitle>

<h1>Test</h1>


<div class="row">
    <div class="col-2">
        <img src="_content/EgwCoreLib.Razor/images/LogoEgw.png" class="img-fluid" width="200" height="200" />
        <PasswordBox></PasswordBox>
        <PasswordBox ItemLabel="pwd"></PasswordBox>
    </div>
    <div class="col-10">
        <TestJsInterop></TestJsInterop>
        <div class="row">
            <div class="col">
                <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.AZTEC"></QrCodeDisplay>
            </div>
            <div class="col">
                <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.QR_CODE"></QrCodeDisplay>
            </div>
            <div class="col">
                <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.DATA_MATRIX" Width="400" Height="200"></QrCodeDisplay>
                <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.PDF_417" Width="600" Height="200"></QrCodeDisplay>
            </div>
            <div class="col">
                <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.AZTEC"></QrCodeDisplay>
            </div>
            <div class="col">
                <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.QR_CODE"></QrCodeDisplay>
            </div>
            <div class="col">
                <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.DATA_MATRIX" Width="400" Height="200"></QrCodeDisplay>
                <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.PDF_417" Width="600" Height="200"></QrCodeDisplay>
            </div>
        </div>
    </div>
</div>

<hr />


<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 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 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>

@code {
    private int currentCount = 0;

    protected Random rnd = new Random();

    private void IncrementCount()
    {
        currentCount++;
    }

    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();

    protected string qrCodeVal { get; set; } = "https://office.egalware.com/WDC/UI";
}