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

update pagine

Browse Source
This commit is contained in:
Samuele Locatelli
2024-02-22 10:49:20 +01:00
parent 8bd2dd462e
commit 4a9ef1f120
10 changed files with 447 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files
EgwCoreLib.BlazorTest/EgwCoreLib.BlazorTest.csproj
+4
View File
@@ -23,4 +23,8 @@
<ProjectReference Include="..\EgwCoreLib.Razor\EgwCoreLib.Razor.csproj" />
</ItemGroup>
<ItemGroup>
<Folder Include="Data\" />
</ItemGroup>
</Project>
EgwCoreLib.BlazorTest/Pages/Index.razor
+67 -107
View File
@@ -1,123 +1,83 @@
@page "/"
<PageTitle>Index</PageTitle>
<div>
<PageTitle>EgwCoreLib Test Site</PageTitle>
<div class="row py-4" style="background-color: #ACDDAC;">
<div class="col-4">
<NumInput @bind-Value="@valDecimale" ></NumInput>
<div class="mt-4 p-4 bg-primary bg-gradient bg-opacity-25 border border-light text-dark rounded shadow">
<div class="row">
<div class="col-6 col-md-8 pr-0">
<h1>EgwCoreLib</h1>
<div>
<b>@valDecimale</b>
Test componenti EgwCoreLib
</div>
</div>
<div class="col-4">
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="RadialGrad2">
<stop offset="0%" stop-color="#000000" />
<stop offset="80%" stop-color="#151515" />
<stop offset="90%" stop-color="#444444" />
<stop offset="100%" stop-color="#878787" />
</radialGradient>
</defs>
<rect width="100" height="100" rx="50" fill="url(#RadialGrad2)" fill-opacity="0.5">
</rect>
<text id="TitleElem" x="10%" y="50%" class="text-light" style="font-size:2rem;">Titolo</text>
<g>
<rect x="10%" y="10%" width="80%" height="80%" fill="white" fill-opacity="0.1">
</rect>
<text x="10%" y="70%" class="text-light" style="font-size:0.8rem;">
testo più lungo... 0123456789
<animate attributeName="x"
values="10%;10%;-10%;-80%;-100%;-100%;10%"
dur="6s"
begin="2s"
repeatCount="indefinite" />
</text>
</g>
</svg>
</div>
<div class="col-4">
<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="RadialGrad2">
<stop offset="0%" stop-color="#000000" />
<stop offset="80%" stop-color="#151515" />
<stop offset="90%" stop-color="#444444" />
<stop offset="100%" stop-color="#878787" />
</radialGradient>
</defs>
<rect width="10" height="10" rx="5" fill="url(#RadialGrad2)" fill-opacity="0.5">
</rect>
</svg>
</div>
<div class="col-2 bg-dark">
</div>
<div class="col-2 bg-dark">
</div>
<div class="col-2 bg-dark">
<CircleGaugeMulti Titolo="@($"{currVal1}")" Testo="#pz prod" maxVal="@maxVal" ListInner="@DDemo1" ShowCircleBtn="true"></CircleGaugeMulti>
</div>
<div class="col-2 bg-dark">
<CircleGaugeMulti Titolo="@($"{currVal2}")" Testo="#pz prod" maxVal="@maxVal" ListInner="@DDemoIn2" ListOuter="@DDemoOut2" ShowCircleBtn="true"></CircleGaugeMulti>
</div>
<div class="col-2 bg-dark">
</div>
<div class="col-2 bg-dark">
</div>
</div>
<div class="row">
<div class="col-12 containerCalendario">
<div class="calendario">
<div class="d-flex justify-content-between">
<div>
<CircleGauge Titolo="9:00" Testo="Caricate" maxVal="480" currVal="540" StrokeColorVal="#F1C40F" ShowCircleBtn="true"></CircleGauge>
<div class="col-6 col-md-4 text-right pl-0">
<div class="d-flex flex-row-reverse">
<div class="px-2 badge rounded-pill bg-dark my-4">
<div class="p-2" style="font-size: 1.5em;">
<a class="text-light" href="https://www.egalware.com/" target="_blank">powered by&nbsp;EgalWare <img width="32" class="img-fluid" src="images/EgalwareLogo.svg" /></a>
</div>
<div>
<CircleGauge Titolo="4:00" Testo="Lavorate" maxVal="480" currVal="240" StrokeColorVal="#00FF00" ShowCircleBtn="true"></CircleGauge>
</div>
<div>
<CircleGauge Titolo="12:00" Testo="Caricate" maxVal="480" currVal="720" StrokeColorVal="#F1C40F" StrokeColorValOuter="#01C4FF" ShowCircleBtn="true"></CircleGauge>
</div>
</div>
<div class="containerBtnTemp">
<button class="btn btn-sm btn-warning">
TEMP
</button>
</div>
</div>
</div>
</div>
</div>
<div class="card mt-2 shadow my-lg-5">
<div class="card-body">
<div class="row px-3">
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-3">
<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-3">
<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-3">
<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-3">
<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-3">
<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-3">
<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-3">
<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>
<div class="col-6 col-md-4 col-lg-3 col-xl-2 mb-3">
<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>
</div>
</div>
@code {
protected List<CircleGaugeMulti.CircSegm> DDemo1 = new List<CircleGaugeMulti.CircSegm>();
protected List<CircleGaugeMulti.CircSegm> DDemoIn2 = new List<CircleGaugeMulti.CircSegm>();
protected List<CircleGaugeMulti.CircSegm> DDemoOut2 = new List<CircleGaugeMulti.CircSegm>();
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 });
}
}
EgwCoreLib.BlazorTest/Pages/TestGauges.razor
+92
View File
@@ -0,0 +1,92 @@
@page "/TestGauges"
<PageTitle>TestGauges</PageTitle>
<div>
<div class="row py-4" style="background-color: #ACDDAC;">
<div class="col-4">
<NumInput @bind-Value="@valDecimale"></NumInput>
<div>
<b>@valDecimale</b>
</div>
</div>
<div class="col-4">
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="RadialGrad2">
<stop offset="0%" stop-color="#000000" />
<stop offset="80%" stop-color="#151515" />
<stop offset="90%" stop-color="#444444" />
<stop offset="100%" stop-color="#878787" />
</radialGradient>
</defs>
<rect width="100" height="100" rx="50" fill="url(#RadialGrad2)" fill-opacity="0.5">
</rect>
<text id="TitleElem" x="10%" y="50%" class="text-light" style="font-size:2rem;">Titolo</text>
<g>
<rect x="10%" y="10%" width="80%" height="80%" fill="white" fill-opacity="0.1">
</rect>
<text x="10%" y="70%" class="text-light" style="font-size:0.8rem;">
testo più lungo... 0123456789
<animate attributeName="x"
values="10%;10%;-10%;-80%;-100%;-100%;10%"
dur="6s"
begin="2s"
repeatCount="indefinite" />
</text>
</g>
</svg>
</div>
<div class="col-4">
<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="RadialGrad2">
<stop offset="0%" stop-color="#000000" />
<stop offset="80%" stop-color="#151515" />
<stop offset="90%" stop-color="#444444" />
<stop offset="100%" stop-color="#878787" />
</radialGradient>
</defs>
<rect width="10" height="10" rx="5" fill="url(#RadialGrad2)" fill-opacity="0.5">
</rect>
</svg>
</div>
<div class="col-2 bg-dark">
</div>
<div class="col-2 bg-dark">
</div>
<div class="col-2 bg-dark">
<CircleGaugeMulti Titolo="@($"{currVal1}")" Testo="#pz prod" maxVal="@maxVal" ListInner="@DDemo1" ShowCircleBtn="true"></CircleGaugeMulti>
</div>
<div class="col-2 bg-dark">
<CircleGaugeMulti Titolo="@($"{currVal2}")" Testo="#pz prod" maxVal="@maxVal" ListInner="@DDemoIn2" ListOuter="@DDemoOut2" ShowCircleBtn="true"></CircleGaugeMulti>
</div>
<div class="col-2 bg-dark">
</div>
<div class="col-2 bg-dark">
</div>
</div>
<div class="row">
<div class="col-12 containerCalendario">
<div class="calendario">
<div class="d-flex justify-content-between">
<div>
<CircleGauge Titolo="9:00" Testo="Caricate" maxVal="480" currVal="540" StrokeColorVal="#F1C40F" ShowCircleBtn="true"></CircleGauge>
</div>
<div>
<CircleGauge Titolo="4:00" Testo="Lavorate" maxVal="480" currVal="240" StrokeColorVal="#00FF00" ShowCircleBtn="true"></CircleGauge>
</div>
<div>
<CircleGauge Titolo="12:00" Testo="Caricate" maxVal="480" currVal="720" StrokeColorVal="#F1C40F" StrokeColorValOuter="#01C4FF" ShowCircleBtn="true"></CircleGauge>
</div>
</div>
<div class="containerBtnTemp">
<button class="btn btn-sm btn-warning">
TEMP
</button>
</div>
</div>
</div>
</div>
</div>
EgwCoreLib.BlazorTest/Pages/TestGauges.razor.cs
+37
View File
@@ -0,0 +1,37 @@
using EgwCoreLib.Razor;
namespace EgwCoreLib.BlazorTest.Pages
{
public partial class TestGauges
{
protected List<CircleGaugeMulti.CircSegm> DDemo1 = new List<CircleGaugeMulti.CircSegm>();
protected List<CircleGaugeMulti.CircSegm> DDemoIn2 = new List<CircleGaugeMulti.CircSegm>();
protected List<CircleGaugeMulti.CircSegm> DDemoOut2 = new List<CircleGaugeMulti.CircSegm>();
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 });
}
}
}
EgwCoreLib.BlazorTest/Pages/TestQrDisplay.razor
+161
View File
@@ -0,0 +1,161 @@
@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";
}
EgwCoreLib.BlazorTest/Program.cs
-2
View File
@@ -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<WeatherForecastService>();
var app = builder.Build();
EgwCoreLib.BlazorTest/Shared/MainLayout.razor
+11 -3
View File
@@ -3,8 +3,11 @@
<PageTitle>EgwCoreLib.BlazorTest</PageTitle>
<div class="page">
<div class="@sideClass">
<NavMenu />
</div>
<main class="w-100">
<div class="w-100">
<div class="top-row">
<CmpTop></CmpTop>
</div>
@@ -12,8 +15,13 @@
@Body
</article>
<div class="w-100">
<NavBottom></NavBottom>
<div class="fixed-bottom bottom-row">
<CmpFooter></CmpFooter>
</div>
</main>
</div>
@code{
protected bool navLarge { get; set; } = true;
protected string sideClass { get; set; } = "sidebar";
}
EgwCoreLib.BlazorTest/Shared/MainLayout.razor.css
+40 -8
View File
@@ -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;*/
}
}
EgwCoreLib.BlazorTest/Shared/NavMenu.razor
+34 -9
View File
@@ -9,24 +9,49 @@
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
<nav class="flex-column">
<div class="nav-item px-3">
<div class="nav-item px-2">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
<span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink>
</div>
<div class="nav-item px-3">
<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="oi oi-list-rich" aria-hidden="true"></span> Test Calendario
<span class="fa-solid fa-wrench pe-2" aria-hidden="true"></span> Test Calendario
</NavLink>
</div>
<div class="nav-item px-3">
<NavLink class="nav-link" href="counter">
<span class="oi oi-plus" aria-hidden="true"></span> Counter
<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-3">
<NavLink class="nav-link" href="fetchdata">
<span class="oi oi-list-rich" aria-hidden="true"></span> Fetch data
<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>
</nav>
EgwCoreLib.BlazorTest/libman.json
+1 -1
View File
@@ -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",