Egalware/egwcorelib
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update e riorganizzazione DemoPages

Browse Source
This commit is contained in:
Samuele Locatelli
2024-02-22 19:51:29 +01:00
parent 5652061dfc
commit a472ce70a9
15 changed files with 509 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files
EgwCoreLib.BlazorTest/Data/TestData.cs
+24
View File
@@ -0,0 +1,24 @@
using EgwCoreLib.BlazorTest.Pages;
namespace EgwCoreLib.BlazorTest.Data
{
public class TestData
{
public static Dictionary<string, string> MenuList { get; set; } = new()
{
{"TestPdfViewer", "Test PdfViewer"},
{"TestQrDisplay", "Test QrDisplay"},
{"TestGraphCompo", "Test Graph Compo"},
{"TestLoading", "Test Loading"},
{"TestCompo", "Test Componenti"},
{"TestBarcodeReader", "Test BarcodeReader"},
{"TestCal_01", "Test Cal.01"},
{"TestCal_02", "Test Cal.02"},
{"Test", "Test Generico"},
{"TestGauges", "Test Gauges"},
{"TestCerchi", "Test Cerchi"},
{"TestMultiline", "Test Multiline"},
};
}
}
EgwCoreLib.BlazorTest/EgwCoreLib.BlazorTest.csproj
-4
View File
@@ -23,8 +23,4 @@
<ProjectReference Include="..\EgwCoreLib.Razor\EgwCoreLib.Razor.csproj" />
</ItemGroup>
<ItemGroup>
<Folder Include="Data\" />
</ItemGroup>
</Project>
EgwCoreLib.BlazorTest/Pages/Index.razor
+11 -49
View File
@@ -1,4 +1,5 @@
@page "/"
@using EgwCoreLib.BlazorTest.Data
<PageTitle>EgwCoreLib Test Site</PageTitle>
@@ -24,60 +25,21 @@
<div class="card mt-2 shadow my-lg-5">
<div class="card-body">
<div class="row px-0">
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-1">
<NavLink type="button" class="btn btn-primary bg-gradient text-light p-3 w-100" title="Test PdfViewer" href="TestPdfViewer">
<i class="fa-solid fa-wrench fa-2x mb-2" aria-hidden="true"></i>
<h5>Test PdfViewer</h5>
</NavLink>
</div>
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-1">
<NavLink type="button" class="btn btn-primary bg-gradient text-light p-3 w-100" title="Test Gauges" href="TestGauges">
<i class="fa-solid fa-wrench fa-2x mb-2" aria-hidden="true"></i>
<h5>Test Gauges</h5>
</NavLink>
</div>
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-1">
<NavLink type="button" class="btn btn-primary bg-gradient text-light p-3 w-100" title="Test Calendario" href="TestCal">
<i class="fa-solid fa-wrench fa-2x mb-2" aria-hidden="true"></i>
<h5>Test Calendario</h5>
</NavLink>
</div>
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-1">
<NavLink type="button" class="btn btn-primary bg-gradient text-light p-3 w-100" title="Test Generico" href="Test">
<i class="fa-solid fa-wrench fa-2x mb-2" aria-hidden="true"></i>
<h5>Test Generico</h5>
</NavLink>
</div>
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-1">
<NavLink type="button" class="btn btn-primary bg-gradient text-light p-3 w-100" title="Test Compo" href="TestCompo">
<i class="fa-solid fa-wrench fa-2x mb-2" aria-hidden="true"></i>
<h5>Test Compo</h5>
</NavLink>
</div>
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-1">
<NavLink type="button" class="btn btn-primary bg-gradient text-light p-3 w-100" title="Test Loading" href="TestLoading">
<i class="fa-solid fa-wrench fa-2x mb-2" aria-hidden="true"></i>
<h5>Test Loading</h5>
</NavLink>
</div>
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-1">
<NavLink type="button" class="btn btn-primary bg-gradient text-light p-3 w-100" title="Test Multiline" href="TestMultiline">
<i class="fa-solid fa-wrench fa-2x mb-2" aria-hidden="true"></i>
<h5>Test Multiline</h5>
</NavLink>
</div>
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-1">
<NavLink type="button" class="btn btn-primary bg-gradient text-light p-3 w-100" title="Test QrDisplay" href="TestQrDisplay">
<i class="fa-solid fa-wrench fa-2x mb-2" aria-hidden="true"></i>
<h5>Test QrDisplay</h5>
</NavLink>
</div>
@foreach (var item in MenuList)
{
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-1">
<NavLink type="button" class="btn btn-primary bg-gradient text-light p-3 w-100" title="@item.Value" href="@item.Key">
<i class="fa-solid fa-wrench fa-2x mb-2" aria-hidden="true"></i>
<h5>@item.Value</h5>
</NavLink>
</div>
}
</div>
</div>
</div>
@code {
private Dictionary<string, string> MenuList { get; set; } = TestData.MenuList;
}
EgwCoreLib.BlazorTest/Pages/TestBarcodeReader.razor
+161
View File
@@ -0,0 +1,161 @@
@page "/TestBarcodeReader"
<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";
}
EgwCoreLib.BlazorTest/Pages/ProvaCalendar.razor → EgwCoreLib.BlazorTest/Pages/TestCal_01.razor
+1 -1
View File
@@ -1,4 +1,4 @@
@page "/provacalendar"
@page "/TestCal_01"
<PageTitle>Index</PageTitle>
<div>
EgwCoreLib.BlazorTest/Pages/ProvaCalendar.razor.cs → EgwCoreLib.BlazorTest/Pages/TestCal_01.razor.cs
+1 -1
View File
@@ -1,6 +1,6 @@
namespace EgwCoreLib.BlazorTest.Pages
{
public partial class ProvaCalendar
public partial class TestCal_01
{
#region Protected Methods
EgwCoreLib.BlazorTest/Pages/ProvaCalendar.razor.css → EgwCoreLib.BlazorTest/Pages/TestCal_01.razor.css
View File
EgwCoreLib.BlazorTest/Pages/ProvaCalendar.razor.less → EgwCoreLib.BlazorTest/Pages/TestCal_01.razor.less
View File
EgwCoreLib.BlazorTest/Pages/ProvaCalendar.razor.min.css → EgwCoreLib.BlazorTest/Pages/TestCal_01.razor.min.css
Vendored
View File
EgwCoreLib.BlazorTest/Pages/TestCal.razor → EgwCoreLib.BlazorTest/Pages/TestCal_02.razor
+1 -1
View File
@@ -1,4 +1,4 @@
@page "/TestCal"
@page "/TestCal_02"
<h3>TestCal</h3>
EgwCoreLib.BlazorTest/Pages/TestCal.razor.cs → EgwCoreLib.BlazorTest/Pages/TestCal_02.razor.cs
+1 -1
View File
@@ -1,6 +1,6 @@
namespace EgwCoreLib.BlazorTest.Pages
{
public partial class TestCal
public partial class TestCal_02
{
#region Protected Methods
EgwCoreLib.BlazorTest/Pages/TestGraphCompo.razor
+102
View File
@@ -0,0 +1,102 @@
@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();
}
EgwCoreLib.BlazorTest/Pages/TestQrDisplay.razor
+33 -134
View File
@@ -1,161 +1,60 @@
@page "/TestQrDisplay"
<PageTitle>Test</PageTitle>
<h1>Test</h1>
<PageTitle>Test Display QRCode</PageTitle>
<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 class="card">
<div class="card-header">
<h1>Test Display QRCode</h1>
</div>
<div class="col-10">
<TestJsInterop></TestJsInterop>
<div class="row">
<div class="card-body">
<div class="row text-center">
<div class="col">
<QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.AZTEC"></QrCodeDisplay>
<div class="card">
@* <div class="card-header">Header</div> *@
<div class="card-body"><QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.AZTEC"></QrCodeDisplay></div>
<div class="card-footer"><b>AZTEC</b></div>
</div>
</div>
<div class="col">
<QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.QR_CODE"></QrCodeDisplay>
<div class="card">
<div class="card-body"><QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.QR_CODE"></QrCodeDisplay></div>
<div class="card-footer"><b>QR_CODE</b></div>
</div>
</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 class="card">
<div class="card-body"><QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.DATA_MATRIX"></QrCodeDisplay></div>
<div class="card-footer"><b>DATA_MATRIX</b></div>
</div>
</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 class="card">
<div class="card-body">
<br />
<br />
<br />
<QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.PDF_417" Width="600" Height="200"></QrCodeDisplay>
@* <QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.PDF_417" Width="600"></QrCodeDisplay> *@
<br />
<br />
</div>
<div class="card-footer"><b>PDF_417</b></div>
</div>
@* <h2>PDF_417</h2>
<QrCodeDisplay rawCode="@qrCodeVal" ImgFormat="ZXing.BarcodeFormat.PDF_417" Width="600" Height="300"></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";
}
EgwCoreLib.BlazorTest/Pages/ZZZ_TestOld.razor
+161
View File
@@ -0,0 +1,161 @@
@page "/TestOld"
<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";
}
EgwCoreLib.BlazorTest/Shared/NavMenu.razor
+13 -41
View File
@@ -1,4 +1,5 @@
<div class="top-row ps-3 navbar navbar-dark">
@using EgwCoreLib.BlazorTest.Data
<div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="">EgwCoreLib.BlazorTest</a>
<button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
@@ -14,46 +15,14 @@
<span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink>
</div>
<div class="nav-item px-2">
<NavLink class="nav-link" href="TestGauges">
<span class="fa-solid fa-wrench pe-2" aria-hidden="true"></span> Test Gauges
</NavLink>
</div>
<div class="nav-item px-2">
<NavLink class="nav-link" href="TestCal">
<span class="fa-solid fa-wrench pe-2" aria-hidden="true"></span> Test Calendario
</NavLink>
</div>
<div class="nav-item px-2">
<NavLink class="nav-link" href="Test">
<span class="fa-solid fa-wrench pe-2" aria-hidden="true"></span> Test Generico
</NavLink>
</div>
<div class="nav-item px-2">
<NavLink class="nav-link" href="TestCompo">
<span class="fa-solid fa-wrench pe-2" aria-hidden="true"></span> Test Compo
</NavLink>
</div>
<div class="nav-item px-2">
<NavLink class="nav-link" href="TestLoading">
<span class="fa-solid fa-wrench pe-2" aria-hidden="true"></span> Test Loading
</NavLink>
</div>
<div class="nav-item px-2">
<NavLink class="nav-link" href="TestMultiline">
<span class="fa-solid fa-wrench pe-2" aria-hidden="true"></span> Test Multiline
</NavLink>
</div>
<div class="nav-item px-2">
<NavLink class="nav-link" href="TestQrDisplay">
<span class="fa-solid fa-wrench pe-2" aria-hidden="true"></span> Test QrDisplay
</NavLink>
</div>
<div class="nav-item px-2">
<NavLink class="nav-link" href="TestPdfViewer">
<span class="fa-solid fa-wrench pe-2" aria-hidden="true"></span> Test PdfViewer
</NavLink>
</div>
@foreach (var item in MenuList)
{
<div class="nav-item px-1">
<NavLink class="nav-link px-2" href="@item.Key">
<span class="fa-solid fa-wrench pe-2" aria-hidden="true"></span> @item.Value
</NavLink>
</div>
}
</nav>
</div>
@@ -66,4 +35,7 @@
{
collapseNavMenu = !collapseNavMenu;
}
private Dictionary<string, string> MenuList { get; set; } = TestData.MenuList;
}