+
+ Willkommen bei FilterCair
+
+
FÜÜS - Filter Überprüf- und Überwachungssoftware
-
-
-
-
- 👋 Willkommen, @auth.User.Identity?.Name!
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@(isOnline ? "🟢 Online" : "🔴 Offline")
-
-
Willkommen bei FilterCair
-
- Wähle deine Produktionshalle und starte den Wartungsrundgang.
-
+
+
+
+
+
+
+
QR-Code scannen
+
Starte den Scan und erfasse Filterdaten direkt vor Ort.
+
+
+
-
-
-
-
+
+
+
+
+
Filter erfassen
+
Erfasse technische Daten oder ergänze Wartungsnotizen.
+
+
+
-
-
-
-
-
+
+
+
+
+
Offline-Daten
+
Zeige gespeicherte Daten, wenn du ohne Verbindung arbeitest.
+
+
+
-
- 📍 Standort: @currentLocation
+
+ 📍 Aktueller Standort: @currentLocation
@code {
private bool isOnline = true;
- private string? selectedHall;
- private List
halls = new() { "Halle A", "Halle B", "Halle C" };
private string currentLocation = "unbekannt";
protected override async Task OnInitializedAsync()
@@ -90,32 +74,8 @@
StateHasChanged();
}
- private void OnHallChange(ChangeEventArgs e)
- {
- selectedHall = e.Value?.ToString();
- }
-
- private void StartScan()
- {
- Console.WriteLine($"Starte Scan in {selectedHall}");
- }
-
private void ShowOfflineData()
{
Console.WriteLine("Offline-Daten anzeigen");
}
-
- // 🔐 Auth-Methoden
- [Inject] private IAccessTokenProvider TokenProvider { get; set; } = default!;
-
- private void Login()
- {
- Nav.NavigateTo("authentication/login", forceLoad: true);
-
- }
-
- private void Logout()
- {
- Nav.NavigateTo("authentication/logout");
- }
}
diff --git a/FilterCair.Client/wwwroot/css/app.css b/FilterCair.Client/wwwroot/css/app.css
index 9153784..1844361 100644
--- a/FilterCair.Client/wwwroot/css/app.css
+++ b/FilterCair.Client/wwwroot/css/app.css
@@ -166,3 +166,47 @@ code {
.bg-primary {
background-color: var(--freudenberg-blue) !important;
}
+
+
+/* Dashboard Style */
+.dashboard-tile {
+ border: none;
+ border-radius: 1rem;
+ box-shadow: 0 4px 12px rgba(0, 91, 153, 0.1);
+ transition: all 0.25s ease;
+ cursor: pointer;
+ background: #fff;
+}
+
+ .dashboard-tile:hover {
+ transform: translateY(-4px);
+ box-shadow: 0 8px 20px rgba(0, 91, 153, 0.25);
+ }
+
+ .dashboard-tile:active {
+ transform: translateY(1px);
+ }
+
+.display-5 {
+ color: var(--freudenberg-blue);
+}
+
+.card-body h5 {
+ color: var(--freudenberg-blue);
+}
+
+.container {
+ animation: fadeIn 0.6s ease-in-out;
+}
+
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ transform: translateY(10px);
+ }
+
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}