Fix sizing dinamico placeholder macchine in TAB3 x statusMap

This commit is contained in:
Samuele Locatelli
2025-03-17 09:09:40 +01:00
parent c1e006c5d1
commit 86c5657d51
13 changed files with 75 additions and 49 deletions
@@ -1,25 +1,26 @@
<div class="cardObj card shadow bg-dark border border-3 border-secondary p-0 rounded rounded-4">
<div class="card-body px-1">
<div class="card-body p-0">
<div class="row">
<div class="col-12 placeholder-glow text-center mb-2">
<div class="col-12 placeholder-glow text-center my-0 lh-lg">
<span class="placeholder col-12 fs-1 bg-secondary"></span>
</div>
<div class="col-12 placeholder-glow text-center mb-2">
<span class="placeholder col-12 fs-3 bg-light pholderHeight"></span>
<div class="col-12 placeholder-glow text-center my-0">
<span class="placeholder col-12 fs-3 bg-light pholderHeight"></span>
</div>
<div class="col-12 placeholder-glow text-center">
<span class="placeholder col-12 fs-2 bg-success"></span>
</div>
<div class="col-12 placeholder-glow text-center my-1">
<div class="col-12 placeholder-glow text-center my-0">
<span class="placeholder placeholder-lg col-4 bg-success"></span>
<span class="placeholder placeholder-lg col-3 bg-danger"></span>
<span class="placeholder placeholder-lg col-4 bg-warning"></span>
</div>
<div class="col-4 placeholder-glow text-center">
<span class="placeholder col-12 bg-success fs-1 h-100 rounded-circle"></span>
<div class="col-5 placeholder-glow text-center mb-2">
<span class="placeholder col-12 bg-success fs-1 h-100 rounded-circle my-1 mx-2"></span>
</div>
<div class="col-8 placeholder-glow">
<div class="col-7 placeholder-glow mb-2">
<span class="placeholder small text-light col-9"></span>
<span class="placeholder small text-light col-2"></span>
<span class="placeholder small text-light col-9"></span>
<span class="placeholder small text-light col-2"></span>
<span class="placeholder small text-light col-9"></span>
@@ -1,4 +1,24 @@
.pholderHeight {
height: 3rem;
height: 5.5rem;
object-fit: cover;
}
@media (min-width: 600px) {
.pholderHeight {
height: 5.1rem;
}
}
@media (min-width: 768px) {
.pholderHeight {
height: 7.6rem;
}
}
@media (min-width: 800px) {
.pholderHeight {
height: 8.2rem;
}
}
@media (min-width: 1025px) {
.pholderHeight {
height: 7.2rem;
}
}
@@ -1,6 +1,29 @@
.pholderHeight {
height: 3rem;
height: 5.5rem;
object-fit: cover;
}
@media (min-width: 600px) {
.pholderHeight {
height: 5.1rem;
}
}
@media (min-width: 768px) {
.pholderHeight {
height: 7.6rem;
}
}
@media (min-width: 800px) {
.pholderHeight {
height: 8.2rem;
}
}
@media (min-width: 1025px) {
.pholderHeight {
height: 7.2rem;
}
}
+1 -1
View File
@@ -1 +1 @@
.pholderHeight{height:3rem;object-fit:cover;}
.pholderHeight{height:5.5rem;object-fit:cover;}@media(min-width:600px){.pholderHeight{height:5.1rem;}}@media(min-width:768px){.pholderHeight{height:7.6rem;}}@media(min-width:800px){.pholderHeight{height:8.2rem;}}@media(min-width:1025px){.pholderHeight{height:7.2rem;}}
+1 -1
View File
@@ -3,7 +3,7 @@
<PropertyGroup>
<TargetFramework>net6.0</TargetFramework>
<Nullable>enable</Nullable>
<Version>6.16.2503.1418</Version>
<Version>6.16.2503.1708</Version>
<ImplicitUsings>enable</ImplicitUsings>
<RootNamespace>MP_TAB3</RootNamespace>
</PropertyGroup>
+12 -30
View File
@@ -15,7 +15,6 @@
Nessun impianto abilitato per l'operatore.
</div>
<NavLink class="btn btn-primary btn-lg w-75" @onclick="()=>DoLogout()">
<i class="fa fa-lg fa-sign-out pe-2" aria-hidden="true"></i> LogOut
</NavLink>
@@ -43,9 +42,18 @@
mseIdx++;
if (currMse != null)
{
<div class="col ps-0 pe-1">
<MachineBlock RecMSE="currMse" FullMode="true" Width="@Width" Height="@Height" ShowCard="@ShowCard" doBlink="@doBlink"></MachineBlock>
</div>
<div class="col ps-0 pe-1">
<MachineBlock RecMSE="currMse" FullMode="true" Width="@Width" Height="@Height" ShowCard="@ShowCard" doBlink="@doBlink"></MachineBlock>
</div>
@* if (mseIdx % 2 == 0)
{
}
else
{
<div class="col ps-0 pe-1">
<PlaceholderStatusMap></PlaceholderStatusMap>
</div>
} *@
}
else
{
@@ -54,31 +62,5 @@
}
</div>
}
@* <div class="row mb-2">
@{
int maxBlocks = calcMaxBlock();
int currIdx = 0;
@foreach (var item in ListMSE)
{
currIdx++;
<div class="col ps-0 pe-1">
<MachineBlock RecMSE="@item" FullMode="true" Width="@Width" Height="@Height" ShowCard="@ShowCard" doBlink="@doBlink"></MachineBlock>
</div>
@if (currIdx >= maxBlocks)
{
currIdx = 0;
@((MarkupString)"</div>")
@((MarkupString)"<div class=\"row mb-2\">")
}
}
// controllo se devo "chiudere riga...
int currNum = (currIdx % maxBlocks);
while (currNum < (maxBlocks))
{
@((MarkupString)"<div class=\"col ps-0 pe-1 bloccoMacc\">&nbsp;</div>")
currNum++;
}
}
</div> *@
}
</div>
+1 -1
View File
@@ -1,6 +1,6 @@
<body>
<i>Modulo MAPOSPEC </i>
<h4>Versione: 6.16.2503.1418</h4>
<h4>Versione: 6.16.2503.1708</h4>
<br /> Note di rilascio:
<ul>
<li>
+1 -1
View File
@@ -1 +1 @@
6.16.2503.1418
6.16.2503.1708
+1 -1
View File
@@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<item>
<version>6.16.2503.1418</version>
<version>6.16.2503.1708</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>
+1 -1
View File
@@ -6,7 +6,7 @@
<ImplicitUsings>enable</ImplicitUsings>
<RootNamespace>MP.MON</RootNamespace>
<AssemblyName>$(AssemblyName.Replace(' ', '_'))</AssemblyName>
<Version>6.16.2503.1512</Version>
<Version>6.16.2503.1707</Version>
</PropertyGroup>
<ItemGroup>
+1 -1
View File
@@ -1,6 +1,6 @@
<body>
<i>Modulo MAPOSPEC </i>
<h4>Versione: 6.16.2503.1512</h4>
<h4>Versione: 6.16.2503.1707</h4>
<br /> Note di rilascio:
<ul>
<li>
+1 -1
View File
@@ -1 +1 @@
6.16.2503.1512
6.16.2503.1707
+1 -1
View File
@@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<item>
<version>6.16.2503.1512</version>
<version>6.16.2503.1707</version>
<url>https://nexus.steamware.net/repository/SWS/MP-MON/stable/LAST/MP-MON.zip</url>
<changelog>https://nexus.steamware.net/repository/SWS/MP-MON/stable/LAST/ChangeLog.html</changelog>
<mandatory>false</mandatory>