Die App konnte fuenf Dinge, die Web-Oberflaeche vierzehn. Alles darueber hinaus
- nachsehen was gestern passiert ist, einen Lagerort anlegen - zwang zurueck an
den Browser.
Mehrere Server: Statt einer Adresse und einem Token kennt die App jetzt
beliebig viele Profile, jedes mit eigenem Token im Keychain. Ein Wechsel ist
damit ein Tipp und meldet an keinem der Server ab. Jedes Profil hat einen frei
waehlbaren Namen ("Zuhause"), der oben in der App steht; ohne Angabe faellt er
auf den Rechnernamen zurueck. Eine bestehende Anmeldung wird beim ersten Start
in ein Profil ueberfuehrt - ohne das waere man nach dem Update abgemeldet.
Statt einer Startseite mit Kacheln gibt es vier Tabs: Start, Scannen, Listen
und - nur fuer Administratoren, wie im Web - Verwaltung. Neu darin sind eine
Uebersicht mit den Kennzahlen des Servers, die per Tipp in die passende Liste
fuehren, der Bewegungsverlauf (auch je Artikel, weil /movements danach filtern
kann) und die Stammdaten: Lagerorte, Einheiten, Gebinde, Kategorien und
Gruppen. Die fuenf teilen sich eine Ansicht und unterscheiden sich nur darin,
wie geladen und geschrieben wird.
Zwei Dinge, die beim Pruefen gegen einen echten Server auffielen: Der Server
schickt Zeitstempel in UTC, haengt hinter SQLite aber keine Zeitzone an. Naiv
gelesen haette die App jede Uhrzeit um die eigene Zeitverschiebung daneben
angezeigt, deshalb wird die nackte Form ausdruecklich als UTC gelesen. Und die
Anzeigeeinstellungen gehoeren dem Server, werden beim Wechsel also neu geladen.
Bewusst nicht dabei: Benutzer, Einstellungen, Branding und Import/Export. Die
bleiben vorerst im Web.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
124 lines
5.0 KiB
Swift
124 lines
5.0 KiB
Swift
import SwiftUI
|
||
|
||
/// Startseite: Kennzahlen des Servers und die letzten Bewegungen.
|
||
///
|
||
/// Bewusst ohne Diagramme - die Kennzahl selbst ist die Antwort, und jede
|
||
/// fuehrt per Tipp dorthin, wo man etwas tun kann.
|
||
struct OverviewView: View {
|
||
@EnvironmentObject private var session: Session
|
||
@EnvironmentObject private var display: DisplaySettings
|
||
|
||
@State private var stats: DashboardStats?
|
||
@State private var letzte: [Movement] = []
|
||
@State private var busy = true
|
||
@State private var error: String?
|
||
@State private var manageShown = false
|
||
|
||
private let spalten = [GridItem(.flexible()), GridItem(.flexible())]
|
||
|
||
var body: some View {
|
||
NavigationStack {
|
||
List {
|
||
if let error {
|
||
Section { Text(error).foregroundStyle(.red).font(.callout) }
|
||
}
|
||
|
||
Section {
|
||
LazyVGrid(columns: spalten, spacing: 12) {
|
||
NavigationLink { ProductListView() } label: {
|
||
StatTile(title: "Artikel mit Bestand",
|
||
value: stats.map { String($0.productsInStock) } ?? "–",
|
||
detail: stats.map { "von \($0.productsTotal)" } ?? "",
|
||
systemImage: "shippingbox", tint: .accentColor)
|
||
}
|
||
NavigationLink { ShoppingListView() } label: {
|
||
StatTile(title: "Einzukaufen",
|
||
value: stats.map { String($0.shoppingItems) } ?? "–",
|
||
detail: "unter Mindestbestand",
|
||
systemImage: "cart",
|
||
tint: (stats?.shoppingItems ?? 0) > 0 ? .orange : .secondary)
|
||
}
|
||
NavigationLink { ExpiringView() } label: {
|
||
StatTile(title: "Läuft bald ab",
|
||
value: stats.map { String($0.expiringSoon) } ?? "–",
|
||
detail: "Chargen",
|
||
systemImage: "clock",
|
||
tint: (stats?.expiringSoon ?? 0) > 0 ? .orange : .secondary)
|
||
}
|
||
NavigationLink { ExpiringView() } label: {
|
||
StatTile(title: "Abgelaufen",
|
||
value: stats.map { String($0.expired) } ?? "–",
|
||
detail: "Chargen",
|
||
systemImage: "exclamationmark.triangle",
|
||
tint: (stats?.expired ?? 0) > 0 ? .red : .secondary)
|
||
}
|
||
}
|
||
.buttonStyle(.plain)
|
||
.listRowInsets(EdgeInsets(top: 8, leading: 8, bottom: 8, trailing: 8))
|
||
}
|
||
|
||
Section {
|
||
ForEach(letzte) { movement in
|
||
MovementRow(movement: movement)
|
||
}
|
||
if letzte.isEmpty && !busy {
|
||
Text("Noch keine Bewegungen.").foregroundStyle(.secondary)
|
||
}
|
||
NavigationLink("Ganzen Verlauf ansehen") { HistoryView() }
|
||
} header: {
|
||
Text("Letzte Bewegungen")
|
||
}
|
||
}
|
||
.navigationTitle(session.activeProfile?.name ?? "Vorrania")
|
||
.toolbar {
|
||
ToolbarItem(placement: .topBarTrailing) {
|
||
ServerMenu(manageShown: $manageShown)
|
||
}
|
||
}
|
||
.sheet(isPresented: $manageShown) { ServerListView() }
|
||
.refreshable { await load() }
|
||
.task(id: session.activeProfileID) { await load() }
|
||
}
|
||
}
|
||
|
||
private func load() async {
|
||
busy = true
|
||
defer { busy = false }
|
||
do {
|
||
stats = try await APIClient.shared.dashboardStats()
|
||
letzte = try await APIClient.shared.movements(limit: 10)
|
||
error = nil
|
||
} catch {
|
||
self.error = error.localizedDescription
|
||
}
|
||
}
|
||
}
|
||
|
||
/// Eine Kennzahl als Kachel.
|
||
struct StatTile: View {
|
||
let title: String
|
||
let value: String
|
||
let detail: String
|
||
let systemImage: String
|
||
let tint: Color
|
||
|
||
var body: some View {
|
||
VStack(alignment: .leading, spacing: 6) {
|
||
HStack(spacing: 6) {
|
||
Image(systemName: systemImage).font(.caption).foregroundStyle(tint)
|
||
Text(title).font(.caption).foregroundStyle(.secondary)
|
||
.lineLimit(1).minimumScaleFactor(0.8)
|
||
}
|
||
Text(value).font(.title).bold().foregroundStyle(tint)
|
||
if !detail.isEmpty {
|
||
Text(detail).font(.caption2).foregroundStyle(.tertiary)
|
||
.lineLimit(1).minimumScaleFactor(0.8)
|
||
}
|
||
}
|
||
.frame(maxWidth: .infinity, alignment: .leading)
|
||
.padding(12)
|
||
.background(Color(.secondarySystemBackground))
|
||
.clipShape(RoundedRectangle(cornerRadius: 12))
|
||
}
|
||
}
|