diff --git a/EgwCoreLib.BlazorTest/EgwCoreLib.BlazorTest.csproj b/EgwCoreLib.BlazorTest/EgwCoreLib.BlazorTest.csproj index 21a0406..dba1f64 100644 --- a/EgwCoreLib.BlazorTest/EgwCoreLib.BlazorTest.csproj +++ b/EgwCoreLib.BlazorTest/EgwCoreLib.BlazorTest.csproj @@ -23,4 +23,8 @@ + + + + diff --git a/EgwCoreLib.BlazorTest/Pages/Index.razor b/EgwCoreLib.BlazorTest/Pages/Index.razor index b6e1a1b..fa61897 100644 --- a/EgwCoreLib.BlazorTest/Pages/Index.razor +++ b/EgwCoreLib.BlazorTest/Pages/Index.razor @@ -1,123 +1,83 @@ @page "/" -Index -
+EgwCoreLib Test Site -
-
- +
+
+
+

EgwCoreLib

- @valDecimale + Test componenti EgwCoreLib
-
- - - - - - - - - - - - Titolo - - - - - testo più lungo... 0123456789 - - - - -
-
- - - - - - - - - - - - -
-
-
-
-
-
- -
-
- -
-
-
-
-
-
-
-
-
-
-
- +
+
+
+
+ powered by EgalWare
-
- -
-
- -
-
-
-
+
+
+
+
+ + +
Test Gauges
+ +
+
+ + +
Test Calendario
+ +
+
+ + +
Test Generico
+ +
+
+ + +
Test Compo
+ +
+
+ + +
Test Loading
+ +
+
+ + +
Test Multiline
+ +
+
+ + +
Test QrDisplay
+ +
+
+ + +
Test PdfViewer
+ +
+
+
+
+ + @code { - protected List DDemo1 = new List(); - protected List DDemoIn2 = new List(); - protected List DDemoOut2 = new List(); - protected int currVal1 = 1000; - protected int currVal2 = 1000; - protected int maxVal = 1000; - - protected decimal valDecimale = 12345; - - protected override void OnInitialized() - { - DDemo1.Clear(); - currVal1 = 800; - DDemo1.Add(new CircleGaugeMulti.CircSegm() { Color = "#DCFD15", Value = 800 }); - DDemo1.Add(new CircleGaugeMulti.CircSegm() { Color = "#13FD67", Value = 300 }); - Random rnd = new Random(); - DDemoIn2.Clear(); - DDemoOut2.Clear(); - currVal2 = 1300; - DDemoIn2.Add(new CircleGaugeMulti.CircSegm() { Color = "#DCFD15", Value = 1000 }); - DDemoIn2.Add(new CircleGaugeMulti.CircSegm() { Color = "#13FD67", Value = 600 }); - DDemoOut2.Add(new CircleGaugeMulti.CircSegm() { Color = "#1367FD", Value = 300 }); - // DataDemo.Add(new CircleGaugeMulti.CircSegm() { Color = "#1515FD", Value = 700 }); - // currVal = rnd.Next(maxVal - 200, maxVal + 500); - // DataDemo.Add(new CircleGaugeMulti.CircSegm() { Color = "#13FD67", Value = currVal / 4 }); - // DataDemo.Add(new CircleGaugeMulti.CircSegm() { Color = "#ACFD15", Value = currVal / 4 }); - // DataDemo.Add(new CircleGaugeMulti.CircSegm() { Color = "#1515FD", Value = currVal / 2 }); - } } \ No newline at end of file diff --git a/EgwCoreLib.BlazorTest/Pages/TestGauges.razor b/EgwCoreLib.BlazorTest/Pages/TestGauges.razor new file mode 100644 index 0000000..bc9bde4 --- /dev/null +++ b/EgwCoreLib.BlazorTest/Pages/TestGauges.razor @@ -0,0 +1,92 @@ +@page "/TestGauges" + +TestGauges + +
+ +
+
+ +
+ @valDecimale +
+
+
+ + + + + + + + + + + + Titolo + + + + + testo più lungo... 0123456789 + + + + +
+
+ + + + + + + + + + + + +
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+ +
+
+
+
+
\ No newline at end of file diff --git a/EgwCoreLib.BlazorTest/Pages/TestGauges.razor.cs b/EgwCoreLib.BlazorTest/Pages/TestGauges.razor.cs new file mode 100644 index 0000000..58bcf08 --- /dev/null +++ b/EgwCoreLib.BlazorTest/Pages/TestGauges.razor.cs @@ -0,0 +1,37 @@ +using EgwCoreLib.Razor; + +namespace EgwCoreLib.BlazorTest.Pages +{ + public partial class TestGauges + { + protected List DDemo1 = new List(); + protected List DDemoIn2 = new List(); + protected List DDemoOut2 = new List(); + + protected int currVal1 = 1000; + protected int currVal2 = 1000; + protected int maxVal = 1000; + + protected decimal valDecimale = 12345; + + protected override void OnInitialized() + { + DDemo1.Clear(); + currVal1 = 800; + DDemo1.Add(new CircleGaugeMulti.CircSegm() { Color = "#DCFD15", Value = 800 }); + DDemo1.Add(new CircleGaugeMulti.CircSegm() { Color = "#13FD67", Value = 300 }); + Random rnd = new Random(); + DDemoIn2.Clear(); + DDemoOut2.Clear(); + currVal2 = 1300; + DDemoIn2.Add(new CircleGaugeMulti.CircSegm() { Color = "#DCFD15", Value = 1000 }); + DDemoIn2.Add(new CircleGaugeMulti.CircSegm() { Color = "#13FD67", Value = 600 }); + DDemoOut2.Add(new CircleGaugeMulti.CircSegm() { Color = "#1367FD", Value = 300 }); + // DataDemo.Add(new CircleGaugeMulti.CircSegm() { Color = "#1515FD", Value = 700 }); + // currVal = rnd.Next(maxVal - 200, maxVal + 500); + // DataDemo.Add(new CircleGaugeMulti.CircSegm() { Color = "#13FD67", Value = currVal / 4 }); + // DataDemo.Add(new CircleGaugeMulti.CircSegm() { Color = "#ACFD15", Value = currVal / 4 }); + // DataDemo.Add(new CircleGaugeMulti.CircSegm() { Color = "#1515FD", Value = currVal / 2 }); + } + } +} \ No newline at end of file diff --git a/EgwCoreLib.BlazorTest/Pages/TestQrDisplay.razor b/EgwCoreLib.BlazorTest/Pages/TestQrDisplay.razor new file mode 100644 index 0000000..948923b --- /dev/null +++ b/EgwCoreLib.BlazorTest/Pages/TestQrDisplay.razor @@ -0,0 +1,161 @@ +@page "/TestQrDisplay" + +Test + +

Test

+ + +
+
+ + + +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ + +
+
+
+
+ +
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + + + +
+ @*
*@ +
+ + + +
+ + +
+
+ +
+
+
+ +@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 listBord01 { get; set; } = new(); + protected List listBord02 { get; set; } = new(); + protected List listBord03 { get; set; } = new(); + + protected string qrCodeVal { get; set; } = "https://office.egalware.com/WDC/UI"; +} diff --git a/EgwCoreLib.BlazorTest/Program.cs b/EgwCoreLib.BlazorTest/Program.cs index 3b09b5d..d9bdc27 100644 --- a/EgwCoreLib.BlazorTest/Program.cs +++ b/EgwCoreLib.BlazorTest/Program.cs @@ -1,4 +1,3 @@ -using EgwCoreLib.BlazorTest.Data; using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Components.Web; @@ -7,7 +6,6 @@ var builder = WebApplication.CreateBuilder(args); // Add services to the container. builder.Services.AddRazorPages(); builder.Services.AddServerSideBlazor(); -builder.Services.AddSingleton(); var app = builder.Build(); diff --git a/EgwCoreLib.BlazorTest/Shared/MainLayout.razor b/EgwCoreLib.BlazorTest/Shared/MainLayout.razor index 0c2503c..2f45961 100644 --- a/EgwCoreLib.BlazorTest/Shared/MainLayout.razor +++ b/EgwCoreLib.BlazorTest/Shared/MainLayout.razor @@ -3,8 +3,11 @@ EgwCoreLib.BlazorTest
+
+ +
-
+
@@ -12,8 +15,13 @@ @Body -
- +
+
+@code{ + + protected bool navLarge { get; set; } = true; + protected string sideClass { get; set; } = "sidebar"; +} \ No newline at end of file diff --git a/EgwCoreLib.BlazorTest/Shared/MainLayout.razor.css b/EgwCoreLib.BlazorTest/Shared/MainLayout.razor.css index 551e4b2..8dc4822 100644 --- a/EgwCoreLib.BlazorTest/Shared/MainLayout.razor.css +++ b/EgwCoreLib.BlazorTest/Shared/MainLayout.razor.css @@ -8,22 +8,22 @@ main { flex: 1; } -.sidebar { - background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%); +.sidebar, .sidebarSmall { + background-image: linear-gradient(180deg, rgb(5, 39, 103) 20%, #3aa6ff 90%); } .top-row { background-color: #f7f7f7; border-bottom: 1px solid #d6d5d5; - justify-content: flex-end; height: 3.5rem; - display: flex; align-items: center; + /*justify-content: space-evenly; + display: flex;*/ } .top-row ::deep a, .top-row .btn-link { white-space: nowrap; - margin-left: 1.5rem; + margin-left: 0.5rem; } .top-row a:first-child { @@ -45,13 +45,34 @@ main { } } +.bottom-row { + color: #dedede; + background-color: #000000; + height: 1.6rem; + align-items: center; +} + +@media (max-width: 640.99px) { + .main > div { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; + } +} + @media (min-width: 641px) { .page { flex-direction: row; } .sidebar { - width: 250px; + width: 230px; + height: 100vh; + position: sticky; + top: 0; + } + + .sidebarSmall { + width: 80px; height: 100vh; position: sticky; top: 0; @@ -64,7 +85,18 @@ main { } .top-row, article { - padding-left: 2rem !important; - padding-right: 1.5rem !important; + padding-left: 1rem !important; + padding-right: 1.0rem !important; + } + + .bottom-row { + position: fixed; + bottom: 0; + z-index: 1; + } + + .main > div { + /*padding-left: 0.5rem !important; + padding-right: 0.5rem !important;*/ } } diff --git a/EgwCoreLib.BlazorTest/Shared/NavMenu.razor b/EgwCoreLib.BlazorTest/Shared/NavMenu.razor index 8a334bd..40b1c9f 100644 --- a/EgwCoreLib.BlazorTest/Shared/NavMenu.razor +++ b/EgwCoreLib.BlazorTest/Shared/NavMenu.razor @@ -9,24 +9,49 @@
diff --git a/EgwCoreLib.BlazorTest/libman.json b/EgwCoreLib.BlazorTest/libman.json index 7cedf8b..5aefc43 100644 --- a/EgwCoreLib.BlazorTest/libman.json +++ b/EgwCoreLib.BlazorTest/libman.json @@ -4,7 +4,7 @@ "libraries": [ { "library": "bootstrap@5.2.3", - "destination": "wwwroot/lib/css/bootstrap/" + "destination": "wwwroot/lib/bootstrap/" }, { "library": "font-awesome@6.3.0",