bogdan Add offline meter detail sidebar target

cbf4331 a week ago History

import SwiftUI

struct MeterDetailView: View {
    let knownMeter: AppData.KnownMeterSummary

    var body: some View {
        ScrollView {
            VStack(spacing: 18) {
                headerCard
                statusCard
                historyCard
            }
            .padding()
        }
        .background(
            LinearGradient(
                colors: [knownMeter.tint.opacity(0.18), Color.clear],
                startPoint: .topLeading,
                endPoint: .bottomTrailing
            )
            .ignoresSafeArea()
        )
        .navigationTitle(knownMeter.displayName)
    }

    private var headerCard: some View {
        VStack(alignment: .leading, spacing: 8) {
            Text(knownMeter.displayName)
                .font(.title2.weight(.semibold))
            Text(knownMeter.modelSummary)
                .font(.subheadline)
                .foregroundColor(.secondary)
            if let advertisedName = knownMeter.advertisedName {
                Text("Advertised as " + advertisedName)
                    .font(.caption2)
                    .foregroundColor(.secondary)
            }
        }
        .frame(maxWidth: .infinity, alignment: .leading)
        .padding(18)
        .meterCard(tint: knownMeter.tint, fillOpacity: 0.22, strokeOpacity: 0.28, cornerRadius: 20)
    }

    private var statusCard: some View {
        VStack(alignment: .leading, spacing: 10) {
            Text("Status")
                .font(.headline)
            HStack(spacing: 8) {
                Circle()
                    .fill(knownMeter.tint)
                    .frame(width: 10, height: 10)
                Text("Offline")
                    .font(.caption.weight(.semibold))
                    .foregroundColor(.secondary)
            }
            Text("The meter is not currently connected. Bring it within Bluetooth range or wake it up to open live diagnostics.")
                .font(.caption)
                .foregroundColor(.secondary)
        }
        .frame(maxWidth: .infinity, alignment: .leading)
        .padding(18)
        .meterCard(tint: knownMeter.tint, fillOpacity: 0.16, strokeOpacity: 0.22, cornerRadius: 18)
    }

    private var historyCard: some View {
        VStack(alignment: .leading, spacing: 10) {
            Text("History")
                .font(.headline)
            infoRow(label: "Last Seen", value: lastSeenText)
            Divider()
            infoRow(label: "Last Connected", value: lastConnectedText)
        }
        .frame(maxWidth: .infinity, alignment: .leading)
        .padding(18)
        .meterCard(tint: .secondary, fillOpacity: 0.12, strokeOpacity: 0.18, cornerRadius: 18)
    }

    private func infoRow(label: String, value: String) -> some View {
        HStack {
            Text(label)
            Spacer()
            Text(value)
                .foregroundColor(.secondary)
                .font(.caption)
        }
    }

    private var lastSeenText: String {
        guard let date = knownMeter.lastSeen else { return "—" }
        return date.format(as: "yyyy-MM-dd HH:mm")
    }

    private var lastConnectedText: String {
        guard let date = knownMeter.lastConnected else { return "—" }
        return date.format(as: "yyyy-MM-dd HH:mm")
    }
}

struct MeterDetailView_Previews: PreviewProvider {
    static var previews: some View {
        MeterDetailView(
            knownMeter: AppData.KnownMeterSummary(
                macAddress: "AA:BB:CC:DD:EE:FF",
                displayName: "Desk Meter",
                modelSummary: "UM25C",
                advertisedName: "UM25C-123",
                lastSeen: Date(),
                lastConnected: Date().addingTimeInterval(-3600),
                meter: nil
            )
        )
    }
}