- Frontend ScanNew - AppHeader - Footer

StandManager/Components/AppHeader.razor

@@ -1,22 +1,41 @@
-<header class="navbar navbar-expand-lg navbar-transparent bg-red py-3" data-bs-theme="dark">
+<header class="navbar navbar-expand-lg bg-red position-relative" data-bs-theme="dark" style="min-height: 100px;">
-    <div class="container position-relative">
+    <div class="container-fluid px-4">
 
-        <img src="/Logo_dac.png" alt="Logo DAC" class="d-block mx-auto" style="height: 80px;" />
+        <a class="navbar-brand position-absolute top-50 start-50 translate-middle" href="#" style="z-index: 10;">
+            <img src="/Logo_dac.png" alt="Logo DAC" style="height: 80px; width: auto;" />
+        </a>
+
+        <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation" style="z-index: 20;">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+
+        <div class="collapse navbar-collapse" id="navbarContent">
+            <nav class="navbar-nav ms-auto mb-2 mb-lg-0 text-end pe-lg-4">
 
-        <div class="collapse navbar-collapse position-absolute end-0 top-50 translate-middle-y pe-3">
-            <nav class="navbar-nav ms-auto">
                 <div class="nav-item">
-                    <a class="nav-link text-white" href="/management"><span class="nav-link-title">Management</span></a>
+                    <a class="nav-link text-white px-3 fs-5" href="/management">
+                        <span class="nav-link-title">Management</span>
+                    </a>
                 </div>
+
                 <div class="nav-item">
-                    <a class="nav-link text-white" href="/scan"><span class="nav-link-title">Scansione</span></a>
+                    <a class="nav-link text-white px-3 fs-5" href="/scan">
+                        <span class="nav-link-title">Scansione</span>
+                    </a>
                 </div>
+
                 <div class="nav-item">
-                    <a class="nav-link text-white" href="/registrazione"><span class="nav-link-title">Registrazione</span></a>
+                    <a class="nav-link text-white px-3 fs-5" href="/registrazione">
+                        <span class="nav-link-title">Registrazione</span>
+                    </a>
                 </div>
+
                 <div class="nav-item">
-                    <a class="nav-link text-white" href="/activate-qr-scan"><span class="nav-link-title">ScanNew</span></a>
+                    <a class="nav-link text-white px-3 fs-5" href="/activate-qr-scan">
+                        <span class="nav-link-title">ScanNew</span>
+                    </a>
                 </div>
+
             </nav>
         </div>
     </div>

StandManager/Components/Pages/Footer.razor

@@ -1,23 +1,54 @@
-<footer class="footer bg-red text-white">
+<footer class="footer bg-red text-white py-4">
     <div class="container-xl">
-        <div class="row align-items-start">
+        <div class="row align-items-start gy-4">
-            <h3><b>DAC S.p.A.</b></h3>
+
-            <div class="col-4 text-left">
+            <div class="col-12 col-md-4 text-center text-md-start">
+                <h3 class="mb-3"><b>DAC S.p.A.</b></h3>
+                <p class="mb-0 small">
                     C.F. / P. IVA: IT03038290171<br />
                     Reg. Imp. di città n. 03038290171<br />
                     R.E.A. n. BS-313463<br />
-                Capitale Sociale € 3.000.000,00 i.v.<br />
+                    Capitale Sociale € 3.000.000,00 i.v.
+                </p>
             </div>
-            <div class="col-4 text-left">
+
-                <b><i class="fa-regular fa-map footer-icon"></i> Sede legale e amministrativa</b><br />
+            <div class="col-12 col-md-4 text-center text-md-start">
-                Via G.Marconi, n.15 - 25020 Flero (BS)<br />
+                <h5 class="fw-bold mb-3">Contatti</h5>
-                <b><i class="fa-solid fa-phone footer-icon"></i> Tel. +39 030 256 8211</b><br />
+                <p class="mb-2">
-                <b><i class="fa-regular fa-envelope footer-icon"></i> info@gruppodac.eu</b>
+                    <i class="fa-regular fa-map me-2"></i>
+                    Sede legale e amministrativa<br />
+                    <span class="d-block mt-1">Via G.Marconi, n.15 - 25020 Flero (BS)</span>
+                </p>
+                <p class="mb-2">
+                    <i class="fa-solid fa-phone me-2"></i>
+                    <a href="tel:+390302568211" class="text-white text-decoration-none">+39 030 256 8211</a>
+                </p>
+                <p class="mb-0">
+                    <i class="fa-regular fa-envelope me-2"></i>
+                    <a href="mailto:info@gruppodac.eu" class="text-white text-decoration-none">info@gruppodac.eu</a>
+                </p>
             </div>
-            <div class="col-4 text-center">
+
-                <a href="#" class="text-white mx-2 text-decoration-none" aria-label="Button"><i class="fa-brands fa-facebook footer-icon"></i></a>
+            <div class="col-12 col-md-4 text-center text-md-start">
-                <a href="#" class="text-white mx-2 text-decoration-none" aria-label="Button"><i class="fa-brands fa-instagram footer-icon"></i></a>
+                <h5 class="fw-bold mb-3">Seguici</h5>
-                <a href="#" class="text-white mx-2 text-decoration-none" aria-label="Button"><i class="fa-brands fa-youtube footer-icon"></i></a>
+                <div class="d-flex justify-content-center justify-content-md-start gap-3">
+                    <a href="#" class="text-white fs-4" aria-label="Facebook">
+                        <i class="fa-brands fa-facebook"></i>
+                    </a>
+                    <a href="#" class="text-white fs-4" aria-label="Instagram">
+                        <i class="fa-brands fa-instagram"></i>
+                    </a>
+                    <a href="#" class="text-white fs-4" aria-label="Youtube">
+                        <i class="fa-brands fa-youtube"></i>
+                    </a>
+                </div>
+            </div>
+
+        </div>
+
+        <div class="row mt-4 pt-3 border-top border-white-50">
+            <div class="col-12 text-center small">
+                &copy; 2024 DAC S.p.A. - All rights reserved.
             </div>
         </div>
     </div>

StandManager/Components/Pages/ScanNew.razor

@@ -32,7 +32,6 @@
 
             @if (!openManual)
             {
-
                 <div class="d-flex flex-column align-items-center justify-content-center text-center flex-fill px-3">
                     <div class="mb-5">
                         <div class="qr-shell">
@@ -74,54 +73,20 @@
                             <strong>Errore:</strong> @invalidMessage
                         </div>
                     }
+                </div>
 
                 @if (openScan)
                 {
-                        <div class="mt-3">
+                    <div class="pb-4">
-                            <button type="button" class="btn btn-default" @onclick="Reset">
+                        <div class="d-grid gap-3">
+                            <button type="button" class="btn btn-default text-secondary fw-bold" @onclick="Reset">
                                 Annulla
                             </button>
                         </div>
-                    }
+
+                        <div style="height: .5rem;"></div>
                     </div>
                 }
-
-            @if (openManual)
-            {
-                <div class="d-flex flex-column align-items-center justify-content-center text-center flex-fill px-3">
-                    <div class="row">
-
-                        @if (!string.IsNullOrWhiteSpace(confirmationMessage))
-                        {
-                            <div class="alert alert-success w-100">
-                                <strong>Conferma:</strong> @confirmationMessage
-                            </div>
-                        }
-
-                        <div class="col-12 mb-3">
-                            <RadzenTextBox @bind-Value="@registrationCode" Placeholder="Inserirci il codice" Style="width: 100%;" />
-                        </div>
-
-                        @if (!string.IsNullOrEmpty(invalidMessage))
-                        {
-                            <div class="alert alert-danger w-100">
-                                <strong>Errore:</strong> @invalidMessage
-                            </div>
-                        }
-                        <div class="row">
-                            <div class="col-6 mb-3">
-                                <button type="button" class="btn btn-primary w-100" @onclick="GoTo">
-                                    Invia
-                                </button>
-                            </div>
-                            <div class="col-6 mb-3">
-                                <button type="button" class="btn btn-default w-100" @onclick="Reset">
-                                    Annulla
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                </div>
             }
 
             @if (!openManual && !openScan)
@@ -142,6 +107,45 @@
                 </div>
             }
 
+            @if (openManual)
+            {
+
+
+                <div class="d-flex flex-column align-items-center justify-content-center text-center flex-fill px-3">
+
+                    @if (!string.IsNullOrWhiteSpace(confirmationMessage))
+                    {
+                        <div class="alert alert-success w-100">
+                            <strong>Conferma:</strong> @confirmationMessage
+                        </div>
+                    }
+
+                    <RadzenTextBox @bind-Value="@registrationCode" Placeholder="Inserirci il codice" Style="width: 100%;" />
+
+
+                    @if (!string.IsNullOrEmpty(invalidMessage))
+                    {
+                        <div class="alert alert-danger w-100">
+                            <strong>Errore:</strong> @invalidMessage
+                        </div>
+                    }
+                </div>
+
+                <div class="pb-4">
+                    <div class="d-grid gap-3">
+                        <button type="button" class="btn btn-lg btn-primary d-inline-flex align-items-center justify-content-center gap-2" @onclick="GoTo">
+                            Invia
+                        </button>
+
+                        <button type="button" class="btn btn-default text-secondary fw-bold" @onclick="Reset">
+                            Annulla
+                        </button>
+                    </div>
+
+                    <div style="height: .5rem;"></div>
+                </div>
+            }
+
         </div>
     </div>
 </div>
@@ -181,55 +185,6 @@
         invalidMessage = string.Empty;
     }
 
-    private async Task GoTo()
-    {
-        if (Guid.TryParse(registrationCode, out var code))
-        {
-            var iscrizione = await _managerService.IscrizioneEventoService.RicercaPer(filtro: x => x.Id == code, solaLettura: false);
-
-            if (iscrizione != null)
-            {
-                invalidMessage = string.Empty;
-
-                var result = await _dialogService.OpenAsync<Component_Conferma_Iscrizione>("Conferma Numero Partecipanti",
-                    new Dictionary<string, object>() {
-                        { "RagioneSociale", iscrizione.RagioneSociale },
-                        { "Partecipanti", iscrizione.Partecipanti }
-                    },
-                    new DialogOptions() { Width = "600px", CloseDialogOnOverlayClick = false }
-                );
-
-                if (result != null)
-                {
-                    var numPartecipanti = (int)result;
-
-                    iscrizione.ScanCompleto = true;
-                    iscrizione.DataScan = DateTime.Now;
-                    iscrizione.Partecipanti = numPartecipanti;
-                    await _managerService.IscrizioneEventoService.Salva(iscrizione);
-
-                    confirmationMessage = $"La presenza di {iscrizione.RagioneSociale} è confermata con {iscrizione.Partecipanti} partecipanti ";
-                    StateHasChanged();
-                }
-            }
-            else
-            {
-                invalidMessage = "Codice non trovato.";
-            }
-        }
-        else
-        {
-            if (!string.IsNullOrEmpty(registrationCode.Trim())) 
-                invalidMessage = "Il codice inserito non risulta corretto!";
-        }
-
-        if (openScan)
-        {
-            isScanning = false;
-            await StartScan();
-        }
-    }
-
     private async Task OnScan()
     {
         openManual = false;
@@ -294,6 +249,55 @@
         objRef?.Dispose();
     }
 
+    private async Task GoTo()
+    {
+        if (Guid.TryParse(registrationCode, out var code))
+        {
+            var iscrizione = await _managerService.IscrizioneEventoService.RicercaPer(filtro: x => x.Id == code, solaLettura: false);
+
+            if (iscrizione != null)
+            {
+                invalidMessage = string.Empty;
+
+                var result = await _dialogService.OpenAsync<Component_Conferma_Iscrizione>("Conferma Numero Partecipanti",
+                    new Dictionary<string, object>() {
+                        { "RagioneSociale", iscrizione.RagioneSociale },
+                        { "Partecipanti", iscrizione.Partecipanti }
+                    },
+                    new DialogOptions() { Width = "600px", CloseDialogOnOverlayClick = false }
+                );
+
+                if (result != null)
+                {
+                    var numPartecipanti = (int)result;
+
+                    iscrizione.ScanCompleto = true;
+                    iscrizione.DataScan = DateTime.Now;
+                    iscrizione.Partecipanti = numPartecipanti;
+                    await _managerService.IscrizioneEventoService.Salva(iscrizione);
+
+                    confirmationMessage = $"La presenza di {iscrizione.RagioneSociale} è confermata con {iscrizione.Partecipanti} partecipanti ";
+                    StateHasChanged();
+                }
+            }
+            else
+            {
+                invalidMessage = "Codice non trovato.";
+            }
+        }
+        else
+        {
+            if (!string.IsNullOrEmpty(registrationCode.Trim()))
+                invalidMessage = "Il codice inserito non risulta corretto!";
+        }
+
+        if (openScan)
+        {
+            isScanning = false;
+            await StartScan();
+        }
+    }
+
     private async Task Reset()
     {
         registrationCode = string.Empty;