Egalware/mapo-core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update scroll su TAB3

Browse Source
This commit is contained in:
Samuele Locatelli
2024-02-26 11:32:44 +01:00
parent ad8a5718c2
commit 429abcd7cf
9 changed files with 120 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
MP-TAB3/Components/MachineBlock.razor
+11 -4
View File
@@ -105,8 +105,15 @@ else
</div>
<div class="card-body p-0 bg-dark">
<div class="@RecMSE.Semaforo py-0 px-1">
<div class="d-flex justify-content-center fs-5">
<span><b>@RecMSE.DescrizioneStato</b>: &nbsp; @(FormatDurata(RecMSE.Durata))</span>
<div class="d-flex justify-content-between fs-5">
<div class="px-0 @textDescrCss">
<span>@RecMSE.DescrizioneStato</span>
</div>
<div class="px-0">
<b>
@(FormatDurata(RecMSE.Durata))
</b>
</div>
</div>
</div>
<div class="d-flex justify-content-around">
@@ -282,10 +289,10 @@ else
<div class="col-10 mb-2 px-2 py-1 @RecMSE.Semaforo statusCard">
<div class="d-flex justify-content-center ">
<div class="p-0 mr-auto me-1">
<b>@RecMSE.DescrizioneStato</b> :
@RecMSE.DescrizioneStato
</div>
<div class="p-0">
@(FormatDurata(RecMSE.Durata))
<b>@(FormatDurata(RecMSE.Durata))</b>
</div>
</div>
</div>
MP-TAB3/Components/MachineBlock.razor.cs
+30 -7
View File
@@ -81,6 +81,9 @@ namespace MP_TAB3.Components
#endregion Public Methods
/// <summary>
/// CSS Class x overlay (effetto spento x macchina spenta/ sGr)
/// </summary>
protected string overlayCss
{
get
@@ -93,6 +96,10 @@ namespace MP_TAB3.Components
return answ;
}
}
/// <summary>
/// CSS Class bordo da stato macchina
/// </summary>
protected string borderCss
{
get
@@ -115,14 +122,14 @@ namespace MP_TAB3.Components
answ += " border-dark";
break;
//case "sBl":
// answ += " border-primary";
// break;
case "sBl":
answ += " border-primary";
break;
case "sVe":
answ += " border-success";
break;
//case "sVe":
// answ += " border-success";
// break;
default:
answ += " border-secondary";
break;
@@ -132,6 +139,22 @@ namespace MP_TAB3.Components
}
}
/// <summary>
/// CSS calss x testo (se descr lunga scorre...)
/// </summary>
protected string textDescrCss
{
get
{
string answ = "text-nowrap";
if (RecMSE != null && RecMSE.DescrizioneStato.Length > 18)
{
answ = " scroll-left";
}
return answ;
}
}
#region Protected Fields
protected string baseCss = "sem";
MP-TAB3/Components/MachineBlock.razor.css
+37
View File
@@ -28,6 +28,43 @@
background: rgba(33, 36, 39, 0.75);
border-radius: 15px 15px 0 0;
}
/* gestione scroll testo */
.scroll-left {
height: 1.5em;
overflow: hidden;
position: relative;
width: 70%;
white-space: nowrap;
/*display: inline-block;*/
}
.scroll-left span {
/*display: inline-block;*/
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 1.5em;
/* Starting position */
-moz-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
/* Apply animation to this element */
-moz-animation: scroll-left 8s ease infinite;
-webkit-animation: scroll-left 8s ease infinite;
animation: scroll-left 8s ease infinite;
}
/* Move it (define the animation) */
@keyframes scroll-left {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
80% {
transform: translateX(-50%);
}
}
/* area semafori*/
.sVe {
text-align: left;
MP-TAB3/Components/MachineBlock.razor.less
+37
View File
@@ -30,7 +30,44 @@
background: rgba(33,36,39,.75);
border-radius: 15px 15px 0 0;
}
/* gestione scroll testo */
.scroll-left {
height: 1.5em;
overflow: hidden;
position: relative;
width: 70%;
white-space: nowrap;
/*display: inline-block;*/
}
.scroll-left span {
/*display: inline-block;*/
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 1.5em;
/* Starting position */
-moz-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
/* Apply animation to this element */
-moz-animation: scroll-left 8s ease infinite;
-webkit-animation: scroll-left 8s ease infinite;
animation: scroll-left 8s ease infinite;
}
/* Move it (define the animation) */
@keyframes scroll-left {
0% {
transform: translateX(0%);
}
30% {
transform: translateX(0%);
}
80% {
transform: translateX(-50%);
}
}
/* area semafori*/
.sVe {
text-align: left;
MP-TAB3/Components/MachineBlock.razor.min.css
Vendored
+1 -1
View File
@@ -1 +1 @@
.mapBlock{font-family:'Open Sans Condensed',sans-serif;color:#fff;background-image:linear-gradient(#111,#000);min-width:8em;}.labelTop{padding:.1em;width:auto;min-height:0;top:0;left:auto;bottom:auto;color:#fff;background:#2200de;background:rgba(33,36,39,.75);border-radius:15px 15px 0 0;}.sVe{text-align:left;background:#198754;color:#fff;}.sGi{text-align:left;background:#ffc107;background:rgba(255,220,0,.6);color:#fff;}.sRo{text-align:left;background-color:#e2001a;background:rgba(240,0,10,.6);color:#fff;}.sBl{text-align:left;background:#3690ff;background:rgba(0,80,255,.6);color:#fff;}.sGr{text-align:left;background-color:#bcbcbc;background:rgba(180,180,180,.6);color:#fff;}.card-body{background-color:currentColor;background-image:linear-gradient(121deg,rgba(255,255,255,.2) -.71%,rgba(255,255,255,.05) 97.66%);border-radius:0 0 15px 15px;}.imgFitToSize{height:11rem;object-fit:cover;border-radius:15px 15px 0 0;}@media(max-width:640.98px){.imgFitToSize{height:8rem;}.card-body{background-color:transparent;}}.statusCard{border-radius:.5rem;}
.mapBlock{font-family:'Open Sans Condensed',sans-serif;color:#fff;background-image:linear-gradient(#111,#000);min-width:8em;}.labelTop{padding:.1em;width:auto;min-height:0;top:0;left:auto;bottom:auto;color:#fff;background:#2200de;background:rgba(33,36,39,.75);border-radius:15px 15px 0 0;}.scroll-left{height:1.5em;overflow:hidden;position:relative;width:70%;white-space:nowrap;}.scroll-left span{position:absolute;width:100%;height:100%;margin:0;line-height:1.5em;-moz-transform:translateX(0%);-webkit-transform:translateX(0%);transform:translateX(0%);-moz-animation:scroll-left 8s ease infinite;-webkit-animation:scroll-left 8s ease infinite;animation:scroll-left 8s ease infinite;}@keyframes scroll-left{0%{transform:translateX(0%);}30%{transform:translateX(0%);}80%{transform:translateX(-50%);}}.sVe{text-align:left;background:#198754;color:#fff;}.sGi{text-align:left;background:#ffc107;background:rgba(255,220,0,.6);color:#fff;}.sRo{text-align:left;background-color:#e2001a;background:rgba(240,0,10,.6);color:#fff;}.sBl{text-align:left;background:#3690ff;background:rgba(0,80,255,.6);color:#fff;}.sGr{text-align:left;background-color:#bcbcbc;background:rgba(180,180,180,.6);color:#fff;}.card-body{background-color:currentColor;background-image:linear-gradient(121deg,rgba(255,255,255,.2) -.71%,rgba(255,255,255,.05) 97.66%);border-radius:0 0 15px 15px;}.imgFitToSize{height:11rem;object-fit:cover;border-radius:15px 15px 0 0;}@media(max-width:640.98px){.imgFitToSize{height:8rem;}.card-body{background-color:transparent;}}.statusCard{border-radius:.5rem;}
MP-TAB3/MP-TAB3.csproj
+1 -1
View File
@@ -3,7 +3,7 @@
<PropertyGroup>
<TargetFramework>net6.0</TargetFramework>
<Nullable>enable</Nullable>
<Version>6.16.2402.2608</Version>
<Version>6.16.2402.2610</Version>
<ImplicitUsings>enable</ImplicitUsings>
<RootNamespace>MP_TAB3</RootNamespace>
</PropertyGroup>
MP-TAB3/Resources/ChangeLog.html
+1 -1
View File
@@ -1,6 +1,6 @@
<body>
<i>Modulo MAPOSPEC </i>
<h4>Versione: 6.16.2402.2608</h4>
<h4>Versione: 6.16.2402.2610</h4>
<br /> Note di rilascio:
<ul>
<li>
MP-TAB3/Resources/VersNum.txt
+1 -1
View File
@@ -1 +1 @@
6.16.2402.2608
6.16.2402.2610
MP-TAB3/Resources/manifest.xml
+1 -1
View File
@@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<item>
<version>6.16.2402.2608</version>
<version>6.16.2402.2610</version>
<url>https://nexus.steamware.net/repository/SWS/MP-TAB3/stable/LAST/MP-TAB3.zip</url>
<changelog>https://nexus.steamware.net/repository/SWS/MP-TAB3/stable/LAST/ChangeLog.html</changelog>
<mandatory>false</mandatory>