From 9ad365923bb573d0ab35700c0f21f5a800066cbf Mon Sep 17 00:00:00 2001 From: Annamaria Sassi Date: Mon, 10 Aug 2026 13:26:47 +0200 Subject: [PATCH] Aggiunto bottone personalizzato per icone --- WebWindowComplex/Compo/AreaSash.razor | 2 + WebWindowComplex/Compo/CardFrame.razor | 6 +- WebWindowComplex/Compo/CardFrame.razor.css | 43 ++++++++++++ WebWindowComplex/Compo/CardSashGroup.razor | 68 +++---------------- .../Compo/CardSashGroup.razor.css | 43 ++++++++++++ WebWindowComplex/Compo/CardSplit.razor | 11 ++- WebWindowComplex/Compo/CardSplit.razor.css | 43 ++++++++++++ WebWindowComplex/Models/Frame.cs | 12 ++-- WebWindowComplex/WebWindowComplex.csproj | 29 +++++++- .../frame/shape/{Arc Full.svg => ArcFull.svg} | 0 .../shape/{Double Arc.svg => DoubleArc.svg} | 0 .../{Double Chamfer.svg => DoubleChamfer.svg} | 0 .../{Left Chamfer.svg => LeftChamfer.svg} | 0 .../{Right Chamfer.svg => RightChamfer.svg} | 0 ...hree Center Arc.svg => ThreeCenterArc.svg} | 0 .../WebWindowConfigurator.csproj | 9 ++- 16 files changed, 197 insertions(+), 69 deletions(-) create mode 100644 WebWindowComplex/Compo/CardFrame.razor.css create mode 100644 WebWindowComplex/Compo/CardSashGroup.razor.css create mode 100644 WebWindowComplex/Compo/CardSplit.razor.css rename WebWindowComplex/wwwroot/icone/frame/shape/{Arc Full.svg => ArcFull.svg} (100%) rename WebWindowComplex/wwwroot/icone/frame/shape/{Double Arc.svg => DoubleArc.svg} (100%) rename WebWindowComplex/wwwroot/icone/frame/shape/{Double Chamfer.svg => DoubleChamfer.svg} (100%) rename WebWindowComplex/wwwroot/icone/frame/shape/{Left Chamfer.svg => LeftChamfer.svg} (100%) rename WebWindowComplex/wwwroot/icone/frame/shape/{Right Chamfer.svg => RightChamfer.svg} (100%) rename WebWindowComplex/wwwroot/icone/frame/shape/{Three Center Arc.svg => ThreeCenterArc.svg} (100%) diff --git a/WebWindowComplex/Compo/AreaSash.razor b/WebWindowComplex/Compo/AreaSash.razor index 68d18e5..5e153d5 100644 --- a/WebWindowComplex/Compo/AreaSash.razor +++ b/WebWindowComplex/Compo/AreaSash.razor @@ -54,6 +54,7 @@ @*
*@ } diff --git a/WebWindowComplex/Compo/CardFrame.razor.css b/WebWindowComplex/Compo/CardFrame.razor.css new file mode 100644 index 0000000..5d3fc50 --- /dev/null +++ b/WebWindowComplex/Compo/CardFrame.razor.css @@ -0,0 +1,43 @@ +/* Palette Colori: Bianco, Grigio Tenue, Azzurro e Blu */ + +/* Stato Normale (Non Attivo) */ +.btn-icone { + background-color: #ffffff; + border: 2px solid #d1d5db; /* Bordo grigio tenue di media visibilità */ + box-shadow: 0 4px 12px rgba(212, 230, 250, 0.8); /* Ombra azzurra delicata */ + font-weight: 600; + padding: 10px 22px; + border-radius: 8px; + cursor: pointer; + transition: transform 0.2s ease, background-color 0.2s ease, border 0.2s ease, box-shadow 0.2s ease, color 0.2s ease; +} + + /* Hover (Passaggio del mouse - si applica in tutti gli stati) */ + .btn-icone:hover { + transform: scale(1.08); /* Ingrandimento del bottone */ + border-color: #9ca3af; /* Bordo grigio leggermente più nitido all'hover */ + box-shadow: 0 8px 20px rgba(2, 132, 199, 0.35); /* Ombra blu leggermente più intensa */ + } + + /* Stato Attivo (Selezionato) */ + .btn-icone.active { + background-color: #ffffff; /* Sfondo bianco */ + border: 3px solid #a6ccf5; /* Bordo azzurro */ + box-shadow: 0 2px 8px rgba(2, 132, 199, 0.2); + } + + /* Hover specifico quando il bottone è Attivo */ + .btn-icone.active:hover { + transform: scale(1.08); + background-color: #ffffff; /* Azzurro leggermente più carico al passaggio */ + border-color: #a6ccf5; /* Sottile affinamento del bordo */ + box-shadow: 0 8px 20px rgba(2, 132, 199, 0.35); + } + + /* Effetto Pressione al Click (Mouse premuto) */ + .btn-icone:active, + .btn-icone.active:active { + transform: scale(0.96) translateY(2px); + box-shadow: 0 2px 4px rgba(212, 230, 250, 0.15); + transition: transform 0.05s ease, box-shadow 0.05s ease; + } diff --git a/WebWindowComplex/Compo/CardSashGroup.razor b/WebWindowComplex/Compo/CardSashGroup.razor index def183e..270e4bf 100644 --- a/WebWindowComplex/Compo/CardSashGroup.razor +++ b/WebWindowComplex/Compo/CardSashGroup.razor @@ -38,18 +38,21 @@
@foreach (var i in CurrSashGroup.OrientationSashTypeList) { + @*
+ +
*@
-
- @* - *@ }
} @@ -174,55 +177,6 @@ - @* - *@ - @* *@ - @* *@ @for (int i = 0; i < CurrSashGroup.SashList.Count; i++) { diff --git a/WebWindowComplex/Compo/CardSashGroup.razor.css b/WebWindowComplex/Compo/CardSashGroup.razor.css new file mode 100644 index 0000000..5d3fc50 --- /dev/null +++ b/WebWindowComplex/Compo/CardSashGroup.razor.css @@ -0,0 +1,43 @@ +/* Palette Colori: Bianco, Grigio Tenue, Azzurro e Blu */ + +/* Stato Normale (Non Attivo) */ +.btn-icone { + background-color: #ffffff; + border: 2px solid #d1d5db; /* Bordo grigio tenue di media visibilità */ + box-shadow: 0 4px 12px rgba(212, 230, 250, 0.8); /* Ombra azzurra delicata */ + font-weight: 600; + padding: 10px 22px; + border-radius: 8px; + cursor: pointer; + transition: transform 0.2s ease, background-color 0.2s ease, border 0.2s ease, box-shadow 0.2s ease, color 0.2s ease; +} + + /* Hover (Passaggio del mouse - si applica in tutti gli stati) */ + .btn-icone:hover { + transform: scale(1.08); /* Ingrandimento del bottone */ + border-color: #9ca3af; /* Bordo grigio leggermente più nitido all'hover */ + box-shadow: 0 8px 20px rgba(2, 132, 199, 0.35); /* Ombra blu leggermente più intensa */ + } + + /* Stato Attivo (Selezionato) */ + .btn-icone.active { + background-color: #ffffff; /* Sfondo bianco */ + border: 3px solid #a6ccf5; /* Bordo azzurro */ + box-shadow: 0 2px 8px rgba(2, 132, 199, 0.2); + } + + /* Hover specifico quando il bottone è Attivo */ + .btn-icone.active:hover { + transform: scale(1.08); + background-color: #ffffff; /* Azzurro leggermente più carico al passaggio */ + border-color: #a6ccf5; /* Sottile affinamento del bordo */ + box-shadow: 0 8px 20px rgba(2, 132, 199, 0.35); + } + + /* Effetto Pressione al Click (Mouse premuto) */ + .btn-icone:active, + .btn-icone.active:active { + transform: scale(0.96) translateY(2px); + box-shadow: 0 2px 4px rgba(212, 230, 250, 0.15); + transition: transform 0.05s ease, box-shadow 0.05s ease; + } diff --git a/WebWindowComplex/Compo/CardSplit.razor b/WebWindowComplex/Compo/CardSplit.razor index ae61036..42e58dc 100644 --- a/WebWindowComplex/Compo/CardSplit.razor +++ b/WebWindowComplex/Compo/CardSplit.razor @@ -58,8 +58,17 @@
@foreach (var i in CurrSplit.SplitShapeList) { + @*
+ +
*@
-
diff --git a/WebWindowComplex/Compo/CardSplit.razor.css b/WebWindowComplex/Compo/CardSplit.razor.css new file mode 100644 index 0000000..5d3fc50 --- /dev/null +++ b/WebWindowComplex/Compo/CardSplit.razor.css @@ -0,0 +1,43 @@ +/* Palette Colori: Bianco, Grigio Tenue, Azzurro e Blu */ + +/* Stato Normale (Non Attivo) */ +.btn-icone { + background-color: #ffffff; + border: 2px solid #d1d5db; /* Bordo grigio tenue di media visibilità */ + box-shadow: 0 4px 12px rgba(212, 230, 250, 0.8); /* Ombra azzurra delicata */ + font-weight: 600; + padding: 10px 22px; + border-radius: 8px; + cursor: pointer; + transition: transform 0.2s ease, background-color 0.2s ease, border 0.2s ease, box-shadow 0.2s ease, color 0.2s ease; +} + + /* Hover (Passaggio del mouse - si applica in tutti gli stati) */ + .btn-icone:hover { + transform: scale(1.08); /* Ingrandimento del bottone */ + border-color: #9ca3af; /* Bordo grigio leggermente più nitido all'hover */ + box-shadow: 0 8px 20px rgba(2, 132, 199, 0.35); /* Ombra blu leggermente più intensa */ + } + + /* Stato Attivo (Selezionato) */ + .btn-icone.active { + background-color: #ffffff; /* Sfondo bianco */ + border: 3px solid #a6ccf5; /* Bordo azzurro */ + box-shadow: 0 2px 8px rgba(2, 132, 199, 0.2); + } + + /* Hover specifico quando il bottone è Attivo */ + .btn-icone.active:hover { + transform: scale(1.08); + background-color: #ffffff; /* Azzurro leggermente più carico al passaggio */ + border-color: #a6ccf5; /* Sottile affinamento del bordo */ + box-shadow: 0 8px 20px rgba(2, 132, 199, 0.35); + } + + /* Effetto Pressione al Click (Mouse premuto) */ + .btn-icone:active, + .btn-icone.active:active { + transform: scale(0.96) translateY(2px); + box-shadow: 0 2px 4px rgba(212, 230, 250, 0.15); + transition: transform 0.05s ease, box-shadow 0.05s ease; + } diff --git a/WebWindowComplex/Models/Frame.cs b/WebWindowComplex/Models/Frame.cs index 26067be..a93bbef 100644 --- a/WebWindowComplex/Models/Frame.cs +++ b/WebWindowComplex/Models/Frame.cs @@ -771,13 +771,13 @@ namespace WebWindowComplex.Models private List m_ShapeList = new List { new IdNameStruct((int)Shapes.RECTANGLE, "Rectangle"), - new IdNameStruct((int)Shapes.RIGHTCHAMFER, "Right Chamfer"), - new IdNameStruct((int)Shapes.LEFTCHAMFER, "Left Chamfer"), - new IdNameStruct((int)Shapes.DOUBLECHAMFER, "Double Chamfer"), + new IdNameStruct((int)Shapes.RIGHTCHAMFER, "RightChamfer"), + new IdNameStruct((int)Shapes.LEFTCHAMFER, "LeftChamfer"), + new IdNameStruct((int)Shapes.DOUBLECHAMFER, "DoubleChamfer"), new IdNameStruct((int)Shapes.ARC, "Arc"), - new IdNameStruct((int)Shapes.ARC_FULL, "Arc Full"), - new IdNameStruct((int)Shapes.DOUBLEARC, "Double Arc"), - new IdNameStruct((int)Shapes.THREECENTERARC, "Three Center Arc"), + new IdNameStruct((int)Shapes.ARC_FULL, "ArcFull"), + new IdNameStruct((int)Shapes.DOUBLEARC, "DoubleArc"), + new IdNameStruct((int)Shapes.THREECENTERARC, "ThreeCenterArc"), new IdNameStruct((int)Shapes.TRIANGLE, "Triangle") }; diff --git a/WebWindowComplex/WebWindowComplex.csproj b/WebWindowComplex/WebWindowComplex.csproj index aeecff1..fe1483f 100644 --- a/WebWindowComplex/WebWindowComplex.csproj +++ b/WebWindowComplex/WebWindowComplex.csproj @@ -6,7 +6,7 @@ net8.0 enable enable - 3.1.8.517 + 3.1.8.717 Annamaria Sassi Egalware Componente gestione Configurazioni avanzate Window per LUX @@ -60,6 +60,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/WebWindowComplex/wwwroot/icone/frame/shape/Arc Full.svg b/WebWindowComplex/wwwroot/icone/frame/shape/ArcFull.svg similarity index 100% rename from WebWindowComplex/wwwroot/icone/frame/shape/Arc Full.svg rename to WebWindowComplex/wwwroot/icone/frame/shape/ArcFull.svg diff --git a/WebWindowComplex/wwwroot/icone/frame/shape/Double Arc.svg b/WebWindowComplex/wwwroot/icone/frame/shape/DoubleArc.svg similarity index 100% rename from WebWindowComplex/wwwroot/icone/frame/shape/Double Arc.svg rename to WebWindowComplex/wwwroot/icone/frame/shape/DoubleArc.svg diff --git a/WebWindowComplex/wwwroot/icone/frame/shape/Double Chamfer.svg b/WebWindowComplex/wwwroot/icone/frame/shape/DoubleChamfer.svg similarity index 100% rename from WebWindowComplex/wwwroot/icone/frame/shape/Double Chamfer.svg rename to WebWindowComplex/wwwroot/icone/frame/shape/DoubleChamfer.svg diff --git a/WebWindowComplex/wwwroot/icone/frame/shape/Left Chamfer.svg b/WebWindowComplex/wwwroot/icone/frame/shape/LeftChamfer.svg similarity index 100% rename from WebWindowComplex/wwwroot/icone/frame/shape/Left Chamfer.svg rename to WebWindowComplex/wwwroot/icone/frame/shape/LeftChamfer.svg diff --git a/WebWindowComplex/wwwroot/icone/frame/shape/Right Chamfer.svg b/WebWindowComplex/wwwroot/icone/frame/shape/RightChamfer.svg similarity index 100% rename from WebWindowComplex/wwwroot/icone/frame/shape/Right Chamfer.svg rename to WebWindowComplex/wwwroot/icone/frame/shape/RightChamfer.svg diff --git a/WebWindowComplex/wwwroot/icone/frame/shape/Three Center Arc.svg b/WebWindowComplex/wwwroot/icone/frame/shape/ThreeCenterArc.svg similarity index 100% rename from WebWindowComplex/wwwroot/icone/frame/shape/Three Center Arc.svg rename to WebWindowComplex/wwwroot/icone/frame/shape/ThreeCenterArc.svg diff --git a/WebWindowConfigurator/WebWindowConfigurator.csproj b/WebWindowConfigurator/WebWindowConfigurator.csproj index 8d3c7e7..0fcc369 100644 --- a/WebWindowConfigurator/WebWindowConfigurator.csproj +++ b/WebWindowConfigurator/WebWindowConfigurator.csproj @@ -6,7 +6,7 @@ net8.0 enable enable - 3.1.8.517 + 3.1.8.717 Annamaria Sassi Egalware Componente gestione JWD per LUX @@ -354,6 +354,13 @@ + + + + + + +