Maschera chiamate restyle

Models/Chiamate.cs

@@ -235,5 +235,8 @@ namespace VirtualTask.Models
                 return st;
             }
         }
+
+        public string? andescri { get; set; }
+        public string? ancodice { get; set; }
     }
 }

Views/Chiamate/Index.cshtml

@@ -7,12 +7,49 @@
     ViewData["Title"] = "Chiamate";
     Layout = "~/Views/Shared/_LayoutAreaRiservata.cshtml";
     string da = string.Empty;
+    string a = string.Empty;
     if (!string.IsNullOrEmpty( (string)ViewBag.Da))
     {
         da = ViewBag.Da;
     }
+    if (!string.IsNullOrEmpty((string)ViewBag.A))
+    {
+        a = ViewBag.A;
+    }
 }
+<style>
+    .dotGray {
+        height: 20px;
+        width: 20px;
+        background-color: #bbb;
+        border-radius: 50%;
+        display: inline-block;
+    }
 
+    .dotYellow {
+        height: 20px;
+        width: 20px;
+        background-color: yellow;
+        border-radius: 50%;
+        display: inline-block;
+    }
+
+    .dotGreen {
+        height: 20px;
+        width: 20px;
+        background-color: green;
+        border-radius: 50%;
+        display: inline-block;
+    }
+
+    .dotOrange {
+        height: 20px;
+        width: 20px;
+        background-color: orange;
+        border-radius: 50%;
+        display: inline-block;
+    }
+</style>
 
 <div class="agy-project-wrapper agy-project-page-wrapper">
     <div class="container">
@@ -57,7 +94,7 @@
                                     <td>
                                         <i class="bx bxl-angular bx-sm text-black me-3">Data a:</i>
 @*                                        <span class="fw-medium"> @Html.TextBox("dataFin", null, new { type = "date", @class = "agy-form-field require" })</span>*@
-                                        <span class="fw-medium"><input type="date" id="dataFin" name="dataFin" value="@da" class="agy-form-field" /></span>
+                                        <span class="fw-medium"><input type="date" id="dataFin" name="dataFin" value="@a" class="agy-form-field" /></span>
                                     </td>
                                     <td>
                                         <i class="bx bxl-angular bx-sm text-black me-3">Stato:</i>
@@ -81,23 +118,27 @@
             <div style="width:100%;height:30px;">
                 &nbsp;
             </div>
+            <div class="card">
+                <h5 class="card-header">CHIAMATE</h5>
+                <div class="table-responsive text-nowrap">
+
                     <table class="table table-striped">
                         <thead>
                             <tr>
-                        @* <th>Seriale</th> *@
+
-                        @* <th>Esercizio</th> *@
+                                <th>#</th>
-                        <th>Numero</th>
+                                <th>Data</th>
-                        <th>Data appuntamento</th>
                                 <th>Impianto</th>
+                                <th>Cliente</th>
                                 <th>Tecnico</th>
-                        <th>Stato</th>
+                                <th>&nbsp;</th>
                                 <th>R</th>
                                 <th>IC</th>
                                 <th>Buono</th>
                                 <th></th>
                             </tr>
                         </thead>
-                <tbody>
+                        <tbody class="table-border-bottom-0">
                             @foreach (var item in Model)
                             {
                                 <tr>
@@ -113,12 +154,35 @@
                                     <td>
                                         @Html.DisplayFor(modelItem => item.chcodimp) - @Html.DisplayFor(modelItem => item.indirizzoBreve)
                                     </td>
-
+                                    <td>
+                                        @Html.DisplayFor(modelItem => item.andescri) 
+                                    </td>
                                     <td>
                                         @Html.DisplayFor(modelItem => item.chtchiam) - @Html.DisplayFor(modelItem => item.tcdescri)
                                     </td>
 
-                            <td>@Html.DisplayFor(modelItem => item.chstato) - @Html.DisplayFor(modelItem => item.descStato)</td>
+                                    <td>
+                                       @* @Html.DisplayFor(modelItem => item.chstato) - @Html.DisplayFor(modelItem => item.descStato)*@
+                                        @{
+                                            if (!string.IsNullOrEmpty(item.chstato) && item.chstato.Equals("B"))
+                                            {
+                                                <span class="dotYellow"></span>
+                                            }
+                                            if (!string.IsNullOrEmpty(item.chstato) && item.chstato.Equals("C"))
+                                            {
+                                                <span class="dotOrange"></span>
+                                                
+                                            }
+                                            if (!string.IsNullOrEmpty(item.chstato) && item.chstato.Equals("Z"))
+                                            {
+                                                <span class="dotGreen"></span>
+                                            }
+                                            if (!string.IsNullOrEmpty(item.chstato) && item.chstato.Equals("S"))
+                                            {
+                                                <span class="dotGray"></span>
+                                            }
+                                        }
+                                    </td>
                                     <td>@Html.DisplayFor(modelItem => item.rif)</td>
                                     <td>@Html.DisplayFor(modelItem => item.ic)</td>
 
@@ -169,6 +233,21 @@
                             }
                         </tbody>
                     </table>
+
+                </div>
+            </div>
+            <div style="width:100%;height:15px;">&nbsp;</div>
+            <div style="width:100%;">
+                <div style="float:left;"><span class="dotYellow"></span>&nbsp;Da assegnare&nbsp;</div>
+                <div style="float:left;"><span  class="dotOrange" ></span>&nbsp;Assegnata&nbsp;</div>
+                <div style="float:left;"><span class="dotGreen"></span>&nbsp;Chiusa&nbsp;</div>
+                <div style="float:left;"><span class="dotGray"></span>&nbsp;Sospesa&nbsp;</div>
+            </div>
+
+            
+            
+
+
             <nav>
                 @Html.PagedListPager(Model, page => Url.Action("index", new { page = page, impianto=@ViewData["CurrentFilter"],tecnico=@ViewData["CurrentFilterTec"],indirizzo=@ViewData["CurrentFilterIndiri"],stato=@ViewData["CurrentFilterStato"],dataIni=@ViewData["CurrentFilterDataDa"],dataFin=@ViewData["CurrentFilterDataA"] }), new PagedListRenderOptions()
                 {
@@ -188,99 +267,4 @@
 </div>
 
 
-@* <h1>Chiamate</h1>
 
-<p>
-    <a asp-action="Create">Nuova chiamata</a>
-</p>
-@using (Html.BeginForm())
-{
-    <p>
-        Cerca per Impianto: @Html.TextBox("SearchString")
-        <input type="submit" value="Cerca" />
-    </p>
-}
-<table class="table">
-    <thead>
-        <tr>
-            <th>Seriale</th>
-            <th>Esercizio</th>           
-            <th>Numero</th>
-            <th>Data</th>
-            <th>Impianto</th>
-            <th>Tecnico</th>
-            <th>Stato</th>
-            <th>R</th>
-            <th>IC</th>
-            <th>Buono</th>
-            <th></th>
-        </tr>
-    </thead>
-    <tbody>
-@foreach (var item in Model) {
-        <tr>
-            <td>
-                @Html.DisplayFor(modelItem => item.chserial)
-            </td>
-            <td>
-                @Html.DisplayFor(modelItem => item.chcodese)
-            </td>
-
-            <td>
-                @Html.DisplayFor(modelItem => item.numIntero)
-            </td>
-            <td>
-                @Html.DisplayFor(modelItem => item.chdata)
-            </td>
-            <td>
-                @Html.DisplayFor(modelItem => item.chcodimp) - @Html.DisplayFor(modelItem => item.indirizzoBreve)
-            </td>
-
-            <td>
-                @Html.DisplayFor(modelItem => item.chtchiam) - @Html.DisplayFor(modelItem => item.tcdescri)
-            </td>
-
-            <td>@Html.DisplayFor(modelItem => item.chstato) - @Html.DisplayFor(modelItem => item.descStato)</td>
-            <td>@Html.DisplayFor(modelItem => item.rif)</td>
-            <td>@Html.DisplayFor(modelItem => item.ic)</td>
-
-                @{
-
-                    string link = string.Empty;
-
-
-                    if (!string.IsNullOrEmpty(item.ser_buono_chiu))
-                    {
-                        link = "http://testapi.poloinformatico.it:9001/VIRTU/";
-                        link = link + item.ser_buono_chiu + ".jpg";
-                        <td><a href="@link" target="_blank">@item.ser_buono_chiu</a></td>
-                    }
-                    else
-                    {
-                        <td></td>
-                    }
-                }
-            <td>
-                @Html.ActionLink("Modifica", "Edit", new { id=item.chserial }) |
-                @Html.ActionLink("Dettaglio", "Details", new { id=item.chserial }) |
-                @Html.ActionLink("Elimina", "Delete", new { id=item.chserial })
-            </td>
-        </tr>
-}
-    </tbody>
-</table>
-<br />
-<nav>
-    @Html.PagedListPager(Model, page => Url.Action("index", new { page = page, searchString=@ViewData["CurrentFilter"] }), new PagedListRenderOptions()
-    {
-        ActiveLiElementClass = "active",
-        PageClasses = new[]{ "page-link"},
-        LiElementClasses=new[] { "page-item" },
-        UlElementClasses = new[] { "pagination","justify-content-center", "mt-3" },
-        LinkToNextPageFormat = "Successiva",
-        LinkToPreviousPageFormat = "Precedente",
-        MaximumPageNumbersToDisplay = 5,
-        DisplayLinkToPreviousPage = PagedListDisplayMode.Always,
-        DisplayLinkToNextPage = PagedListDisplayMode.Always
-    })
-</nav> *@