stefan/Cable
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

onboarding buttons in the system overview

Browse Source
This commit is contained in:
Stefan Lange-Hegermann
2025-10-22 17:17:57 +02:00
parent c7ff9322ef
commit 802b111aa7
10 changed files with 220 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Cable/Base.lproj/Localizable.strings
View File

@@ -77,6 +77,9 @@
"loads.overview.metric.count" = "Loads";
"loads.overview.metric.current" = "Total Current";
"loads.overview.metric.power" = "Total Power";
"loads.overview.empty.message" = "Start by adding a load to see system insights.";
"loads.overview.empty.create" = "Add Load";
"loads.overview.empty.library" = "Browse Library";
"loads.overview.status.missing_details.title" = "Missing load details";
"loads.overview.status.missing_details.message" = "Enter cable length and wire size for %d %@ to see accurate recommendations.";
"loads.overview.status.missing_details.singular" = "load";
@@ -98,6 +101,7 @@
"battery.bank.metric.count" = "Batteries";
"battery.bank.metric.capacity" = "Capacity";
"battery.bank.metric.energy" = "Energy";
"battery.overview.empty.create" = "Add Battery";
"battery.bank.badge.voltage" = "Voltage";
"battery.bank.badge.capacity" = "Capacity";
"battery.bank.badge.energy" = "Energy";

1
Cable/BatteryEditorView.swift
View File

@@ -162,7 +162,6 @@ struct BatteryEditorView: View {
headerInfoBar
List {
configurationSection
summarySection
sliderSection
}
.listStyle(.plain)

5
Cable/LoadsView.swift
View File

@@ -252,7 +252,10 @@ struct LoadsView: View {
loads: savedLoads,
batteries: savedBatteries,
onSelectLoads: { selectedComponentTab = .components },
onSelectBatteries: { selectedComponentTab = .batteries }
onSelectBatteries: { selectedComponentTab = .batteries },
onCreateLoad: { createNewLoad() },
onBrowseLibrary: { showingComponentLibrary = true },
onCreateBattery: { startBatteryConfiguration() }
)
.accessibilityIdentifier("system-overview")
}

103
Cable/SystemOverviewView.swift
View File

@@ -8,6 +8,9 @@ struct SystemOverviewView: View {
let batteries: [SavedBattery]
let onSelectLoads: () -> Void
let onSelectBatteries: () -> Void
let onCreateLoad: () -> Void
let onBrowseLibrary: () -> Void
let onCreateBattery: () -> Void
var body: some View {
ScrollView {
@@ -95,7 +98,49 @@ struct SystemOverviewView: View {
)
}
@ViewBuilder
private var loadsCard: some View {
if loads.isEmpty {
VStack(alignment: .leading, spacing: 16) {
HStack(alignment: .firstTextBaseline) {
Text(loadsSummaryTitle)
.font(.headline.weight(.semibold))
Spacer()
}
VStack(alignment: .leading, spacing: 8) {
Text(loadsEmptyTitle)
.font(.subheadline.weight(.semibold))
Text(loadsEmptyMessage)
.font(.footnote)
.foregroundStyle(.secondary)
}
VStack(alignment: .leading, spacing: 10) {
Button(action: onCreateLoad) {
Label(loadsEmptyCreateAction, systemImage: "plus")
.frame(maxWidth: .infinity)
}
.buttonStyle(.borderedProminent)
.controlSize(.large)
Button(action: onBrowseLibrary) {
Label(loadsEmptyBrowseAction, systemImage: "books.vertical")
.frame(maxWidth: .infinity)
}
.buttonStyle(.bordered)
.tint(.accentColor)
.controlSize(.large)
}
}
.padding(.horizontal, 16)
.padding(.vertical, 18)
.frame(maxWidth: .infinity, alignment: .leading)
.background(
RoundedRectangle(cornerRadius: 20, style: .continuous)
.fill(Color(.systemBackground))
)
} else {
Button {
if suppressLoadNavigation {
suppressLoadNavigation = false
@@ -110,15 +155,6 @@ struct SystemOverviewView: View {
Spacer()
}
if loads.isEmpty {
VStack(alignment: .leading, spacing: 8) {
Text(loadsEmptyTitle)
.font(.subheadline.weight(.semibold))
Text(loadsEmptySubtitle)
.font(.footnote)
.foregroundStyle(.secondary)
}
} else {
ViewThatFits(in: .horizontal) {
HStack(spacing: 16) {
summaryMetric(
@@ -173,7 +209,6 @@ struct SystemOverviewView: View {
)
}
}
}
.padding(.horizontal, 16)
.padding(.vertical, 18)
.frame(maxWidth: .infinity, alignment: .leading)
@@ -201,6 +236,7 @@ struct SystemOverviewView: View {
)
}
}
}
private var batteriesCard: some View {
Button(action: onSelectBatteries) {
@@ -228,7 +264,8 @@ struct SystemOverviewView: View {
}
if batteries.isEmpty {
VStack(alignment: .leading, spacing: 8) {
VStack(alignment: .leading, spacing: 12) {
VStack(alignment: .leading, spacing: 4) {
Text(batteryEmptyTitle)
.font(.subheadline.weight(.semibold))
Text(batteryEmptySubtitle)
@@ -236,6 +273,14 @@ struct SystemOverviewView: View {
.foregroundStyle(.secondary)
.fixedSize(horizontal: false, vertical: true)
}
Button(action: onCreateBattery) {
Label(batteryEmptyCreateAction, systemImage: "plus")
.frame(maxWidth: .infinity)
}
.buttonStyle(.borderedProminent)
.controlSize(.large)
}
} else {
ViewThatFits(in: .horizontal) {
HStack(spacing: 16) {
@@ -540,6 +585,33 @@ struct SystemOverviewView: View {
)
}
private var loadsEmptyMessage: String {
NSLocalizedString(
"loads.overview.empty.message",
bundle: .main,
value: "Start by adding a load to see system insights.",
comment: "Message shown when no loads exist"
)
}
private var loadsEmptyCreateAction: String {
NSLocalizedString(
"loads.overview.empty.create",
bundle: .main,
value: "Create Load",
comment: "Button title to create a new load"
)
}
private var loadsEmptyBrowseAction: String {
NSLocalizedString(
"loads.overview.empty.library",
bundle: .main,
value: "Browse Library",
comment: "Button title to open load library"
)
}
private var batterySummaryTitle: String {
NSLocalizedString(
"battery.bank.header.title",
@@ -596,6 +668,15 @@ struct SystemOverviewView: View {
return String(format: format, system.name)
}
private var batteryEmptyCreateAction: String {
NSLocalizedString(
"battery.overview.empty.create",
bundle: .main,
value: "Create Battery",
comment: "Button title to create a new battery"
)
}
private var systemOverviewTitle: String {
NSLocalizedString(
"overview.system.header.title",

12
Cable/SystemsView.swift
View File

@@ -17,6 +17,7 @@ struct SystemsView: View {
@State private var systemNavigationTarget: SystemNavigationTarget?
@State private var showingComponentLibrary = false
@State private var showingSettings = false
@State private var hasPerformedInitialAutoNavigation = false
private let systemColorOptions = [
"blue", "green", "orange", "red", "purple", "yellow",
@@ -140,6 +141,9 @@ struct SystemsView: View {
)
}
}
.onAppear {
performInitialAutoNavigationIfNeeded()
}
.sheet(isPresented: $showingComponentLibrary) {
ComponentLibraryView { item in
addComponentFromLibrary(item)
@@ -219,6 +223,14 @@ struct SystemsView: View {
return newSystem
}
private func performInitialAutoNavigationIfNeeded() {
guard !hasPerformedInitialAutoNavigation else { return }
hasPerformedInitialAutoNavigation = true
guard systems.count == 1, let system = systems.first else { return }
navigateToSystem(system, presentSystemEditor: false, loadToOpen: nil, animated: false)
}
private func addComponentFromLibrary(_ item: ComponentLibraryItem) {
let system = makeSystem()
let load = createLoad(from: item, in: system)

4
Cable/de.lproj/Localizable.strings
View File

@@ -145,6 +145,9 @@
"loads.overview.metric.count" = "Verbraucher";
"loads.overview.metric.current" = "Strom";
"loads.overview.metric.power" = "Leistung";
"loads.overview.empty.message" = "Füge einen Verbraucher hinzu, um dein System einzurichten.";
"loads.overview.empty.create" = "Verbraucher hinzufügen";
"loads.overview.empty.library" = "Bibliothek durchsuchen";
"loads.overview.status.missing_details.title" = "Fehlende Verbraucherdetails";
"loads.overview.status.missing_details.message" = "Gib Kabellänge und Leitungsquerschnitt für %d %@ ein, um genaue Empfehlungen zu erhalten.";
"loads.overview.status.missing_details.singular" = "Verbraucher";
@@ -166,6 +169,7 @@
"battery.bank.metric.count" = "Batterien";
"battery.bank.metric.capacity" = "Kapazität";
"battery.bank.metric.energy" = "Energie";
"battery.overview.empty.create" = "Batterie hinzufügen";
"battery.bank.badge.voltage" = "Spannung";
"battery.bank.badge.capacity" = "Kapazität";
"battery.bank.badge.energy" = "Energie";

4
Cable/es.lproj/Localizable.strings
View File

@@ -144,6 +144,9 @@
"loads.overview.metric.count" = "Cargas";
"loads.overview.metric.current" = "Corriente total";
"loads.overview.metric.power" = "Potencia total";
"loads.overview.empty.message" = "Añade una carga para ver los detalles del sistema.";
"loads.overview.empty.create" = "Añadir carga";
"loads.overview.empty.library" = "Explorar biblioteca";
"loads.overview.status.missing_details.title" = "Faltan detalles de la carga";
"loads.overview.status.missing_details.message" = "Introduce la longitud del cable y el calibre del conductor para %d %@ para obtener recomendaciones precisas.";
"loads.overview.status.missing_details.singular" = "carga";
@@ -165,6 +168,7 @@
"battery.bank.metric.count" = "Baterías";
"battery.bank.metric.capacity" = "Capacidad";
"battery.bank.metric.energy" = "Energía";
"battery.overview.empty.create" = "Añadir batería";
"battery.bank.badge.voltage" = "Voltaje";
"battery.bank.badge.capacity" = "Capacidad";
"battery.bank.badge.energy" = "Energía";

4
Cable/fr.lproj/Localizable.strings
View File

@@ -144,6 +144,9 @@
"loads.overview.metric.count" = "Charges";
"loads.overview.metric.current" = "Courant total";
"loads.overview.metric.power" = "Puissance totale";
"loads.overview.empty.message" = "Ajoutez une charge pour voir les informations du système.";
"loads.overview.empty.create" = "Ajouter une charge";
"loads.overview.empty.library" = "Parcourir la bibliothèque";
"loads.overview.status.missing_details.title" = "Détails de charge manquants";
"loads.overview.status.missing_details.message" = "Saisissez la longueur de câble et la section du conducteur pour %d %@ afin d'obtenir des recommandations précises.";
"loads.overview.status.missing_details.singular" = "charge";
@@ -165,6 +168,7 @@
"battery.bank.metric.count" = "Batteries";
"battery.bank.metric.capacity" = "Capacité";
"battery.bank.metric.energy" = "Énergie";
"battery.overview.empty.create" = "Ajouter une batterie";
"battery.bank.badge.voltage" = "Tension";
"battery.bank.badge.capacity" = "Capacité";
"battery.bank.badge.energy" = "Énergie";

4
Cable/nl.lproj/Localizable.strings
View File

@@ -144,6 +144,9 @@
"loads.overview.metric.count" = "Lasten";
"loads.overview.metric.current" = "Totale stroom";
"loads.overview.metric.power" = "Totaal vermogen";
"loads.overview.empty.message" = "Voeg een belasting toe om systeeminformatie te zien.";
"loads.overview.empty.create" = "Belasting toevoegen";
"loads.overview.empty.library" = "Bibliotheek bekijken";
"loads.overview.status.missing_details.title" = "Ontbrekende lastdetails";
"loads.overview.status.missing_details.message" = "Voer kabellengte en kabeldoorsnede in voor %d %@ om nauwkeurige aanbevelingen te krijgen.";
"loads.overview.status.missing_details.singular" = "last";
@@ -165,6 +168,7 @@
"battery.bank.metric.count" = "Batterijen";
"battery.bank.metric.capacity" = "Capaciteit";
"battery.bank.metric.energy" = "Energie";
"battery.overview.empty.create" = "Accu toevoegen";
"battery.bank.badge.voltage" = "Spanning";
"battery.bank.badge.capacity" = "Capaciteit";
"battery.bank.badge.energy" = "Energie";

2
Shots/Titles/de.conf
View File

@@ -4,4 +4,4 @@ LoadEditorView=Berechne*zuverlässig*\ndie richtige Sicherung
ComponentSelectorView=Finde im*großen*Teilekatalog\nwas du suchst
SystemsWithSampleData=Navigiere*schnell*\ndurch Deine Systeme
AdventureVanLoads=Erstelle*individuelle*\nVerbraucher für Dein System
AdventureVanBillOfMaterials=Behalte den*Überblick*\nwas du schon gekauft hast
AdventureVanBillOfMaterials=Behalte den*Überblick*\nwelche Teile du schon hast