Files
Gas-Tank-AR-App/GasTankAR/Views/Leads/Detail/LeadDetailSkeletonView.swift

54 lines
2.5 KiB
Swift

import SwiftUI
struct LeadDetailSkeletonView: View {
var body: some View {
LeadDetailPageLayout {
HStack(spacing: 18) {
Circle().fill(.quaternary).frame(width: 64, height: 64)
VStack(alignment: .leading, spacing: 10) {
Text("Name des Interessenten").font(.title.bold())
Text("Lead-ID · Kundentyp · Ort").font(.subheadline)
}.redacted(reason: .placeholder)
Spacer()
}
} left: {
VStack(alignment: .leading, spacing: 24) {
LeadSectionHeading(title: "KONTAKT")
VStack(alignment: .leading, spacing: 22) {
ForEach(["Ansprechpartner", "Telefon", "Mobil", "E-Mail", "Anschrift"], id: \.self) { label in
HStack(spacing: 12) {
RoundedRectangle(cornerRadius: 6).fill(.quaternary).frame(width: 30, height: 30)
VStack(alignment: .leading, spacing: 4) {
Text(label).font(.caption)
Text("Daten werden geladen").font(.body).redacted(reason: .placeholder)
}
}
}
}
.padding(16).frame(maxWidth: .infinity, alignment: .leading)
.background(LeadDetailStyle.card, in: .rect(cornerRadius: 12))
LeadSectionHeading(title: "STANDORT")
RoundedRectangle(cornerRadius: 12).fill(.quaternary).frame(height: LeadLocationSection.mapHeight)
}
} right: {
VStack(alignment: .leading, spacing: 16) {
LeadSectionHeading(title: "ANGEBOTE")
ForEach(0..<3) { _ in
VStack(alignment: .leading, spacing: 12) {
Text("Angebot für einen Flüssiggastank").font(.headline)
Text("Angebotsnummer · Preis · Gültigkeit").font(.subheadline)
}
.redacted(reason: .placeholder)
.padding(20).frame(maxWidth: .infinity, alignment: .leading)
.background(LeadDetailStyle.card, in: .rect(cornerRadius: 12))
}
LeadSectionHeading(title: "FOTOGALERIE")
RoundedRectangle(cornerRadius: 12).fill(.quaternary).frame(height: 120)
}
}
.accessibilityElement(children: .ignore)
.accessibilityLabel("Interessent wird geladen")
.allowsHitTesting(false)
}
}