egwcorelib/EgwCoreLib.BlazorTest/Pages/TestQrDisplay.razor

@page "/TestQrDisplay"

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

<BarcodeReader ScanResult="(e) => ScanDoneHandler(e)"
               ScanBtnTitle="Scan"
               ResetBtnTitle="Reset"
               CloseBtnTitle="Close"
               UseBuiltinDiv="false"
@ref="barcodeReaderCustom"
               SelectDeviceBtnTitle="Select Device">
</BarcodeReader>

<div @ref="barcodeReaderCustom.Element" class="d-flex  justify-content-center">
    @* <div style="width: 480px; max-width: 100%"> *@
    <div class="col-12 col-md-8 col-lg-6">
        <button class="btn btn-outline-success p-2 m-1 w-25" data-action="startButton">Scan</button>
        <button class="btn btn-outline-success p-2 m-1 w-25" data-action="resetButton">Reset</button>

        <div data-action="sourceSelectPanel" style="display:none">
            <label for="sourceSelect">Source:</label>
            <select data-action="sourceSelect" style="max-width:100%" class="form-control">
            </select>
        </div>
        <div>
            <video id="video" playsinline="true" autoplay="true" class="w-100 h-100 border rounded shadow" muted="true"></video>
        </div>
    </div>
</div>

@code {
    private int currentCount = 0;

    protected BarcodeReader barcodeReaderCustom { get; set; } = null!;
    protected Random rnd = new Random();
    protected async Task ScanDoneHandler(string value)
    {
        await Task.Delay(1);
    }
    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";
}