Files
RouterOS/RouterOSAssistant/Features/Wizard/Steps/Setup/VlanStepView.swift
T
KayandClaude Sonnet 5 16706d5c6b M21: Zweisprachigkeit (DE/EN) auf alle fünf Tabs ausgerollt
Einrichten-Wizard (alle sieben Schritte), Übersicht, LAN-Scanner,
Sicherungen laufen jetzt über L10n.t statt fester deutscher
String-Literale — Experte- und Verbinden-Tab waren bereits vorher
umgestellt (M16/M17). Model-Layer-Strings werden am Verwendungsort
gewrappt, ViewModel-generierte Laufzeitstrings (Fehlermeldungen,
CLI-Zeilen, Log) bleiben bewusst unübersetzt.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-16 08:31:08 +02:00

72 lines
4.3 KiB
Swift

import SwiftUI
struct VlanStepView: View {
@ObservedObject var viewModel: SetupViewModel
let availableInterfaces: [NetworkInterface]
@AppStorage("appLanguage") private var appLanguage: String = "de"
var body: some View {
Form {
Section {
Toggle(
L10n.t("Zusätzliches Netzwerk einrichten (VLAN, optional)", appLanguage),
isOn: Binding(
get: { viewModel.vlanSectionEnabled },
set: { viewModel.setVlanSectionEnabled($0) }
)
)
.help(L10n.t("Erstellt ein zusätzliches Netzwerk mit eigenem Adressbereich und eigenem DHCP-Server.", appLanguage))
Text(L10n.t("Ein VLAN ist ein zusätzliches Netzwerk mit eigenem Adressbereich — z.B. für Gäste oder smarte Geräte. Ob es vom Hauptnetzwerk abgeschottet ist, legst du unten pro Netzwerk über \"Von anderen Netzwerken isolieren\" fest. Wenn du unsicher bist, ob du das brauchst, überspring diesen Schritt einfach.", appLanguage))
.font(.caption)
.foregroundStyle(.secondary)
}
if viewModel.vlanSectionEnabled {
ForEach($viewModel.vlans) { $vlan in
Section("\(L10n.t("Netzwerk", appLanguage)) \"\(vlan.name)\"") {
TextField(L10n.t("Name", appLanguage), text: $vlan.name)
.help(L10n.t("Ein Name zur Wiedererkennung, z.B. \"Gäste\" oder \"Smart Home\".", appLanguage))
Stepper("\(L10n.t("VLAN-ID", appLanguage)): \(vlan.vlanID)", value: $vlan.vlanID, in: 2...4094)
.help(L10n.t("Eine eindeutige Nummer zur technischen Unterscheidung dieses Netzwerks. Muss nur innerhalb deines Routers einmalig sein.", appLanguage))
Picker(L10n.t("Basis-Anschluss", appLanguage), selection: $vlan.parentInterface) {
ForEach(availableInterfaces) { interface in
Text(interface.name).tag(interface.name)
}
}
.help(L10n.t("Der physische Anschluss, auf dem dieses zusätzliche Netzwerk aufbaut.", appLanguage))
TextField(L10n.t("Router-Adresse (z.B. 192.168.20.1/24)", appLanguage), text: $vlan.routerAddress)
.help(L10n.t("Die Adresse des Routers innerhalb dieses zusätzlichen Netzwerks.", appLanguage))
TextField(L10n.t("Netzwerk (z.B. 192.168.20.0/24)", appLanguage), text: $vlan.networkAddress)
.help(L10n.t("Der komplette Adressbereich dieses zusätzlichen Netzwerks.", appLanguage))
TextField(L10n.t("Automatische Adressvergabe von", appLanguage), text: $vlan.poolRangeStart)
.help(L10n.t("Ab welcher Adresse Geräte in diesem Netzwerk automatisch eine Adresse bekommen.", appLanguage))
TextField(L10n.t("bis", appLanguage), text: $vlan.poolRangeEnd)
.help(L10n.t("Bis zu welcher Adresse Geräte in diesem Netzwerk automatisch eine Adresse bekommen.", appLanguage))
Toggle(L10n.t("Von anderen Netzwerken isolieren", appLanguage), isOn: $vlan.isolated)
.help(L10n.t("Verhindert Datenverkehr zwischen diesem und allen anderen konfigurierten LAN-/VLAN-Netzwerken. Der Internetzugriff bleibt erhalten. Wird im Firewall-Schritt umgesetzt.", appLanguage))
Button(L10n.t("Netzwerk entfernen", appLanguage), role: .destructive) {
viewModel.removeVlan(vlan.id)
}
}
}
Button(L10n.t("Weiteres Netzwerk hinzufügen", appLanguage)) {
viewModel.addVlan()
}
}
Section {
HStack {
Button(L10n.t("Zurück", appLanguage)) { viewModel.goBack() }
Spacer()
Button(L10n.t("Weiter", appLanguage)) { viewModel.goNext() }
}
}
}
.formStyle(.grouped)
.navigationTitle(LocalizedStringKey(L10n.t("Zusätzliche Netzwerke (VLAN)", appLanguage)))
}
}