mirror of
https://github.com/meshtastic/Meshtastic-Apple.git
synced 2026-04-20 22:13:56 +00:00
275 lines
9.6 KiB
Swift
275 lines
9.6 KiB
Swift
//
|
|
// PositionPopover.swift
|
|
// Meshtastic
|
|
//
|
|
// Copyright(c) Garth Vander Houwen 9/17/23.
|
|
//
|
|
|
|
import SwiftUI
|
|
import MapKit
|
|
|
|
struct PositionPopover: View {
|
|
|
|
@ObservedObject var locationsHandler = LocationsHandler.shared
|
|
@Environment(\.modelContext) private var context
|
|
@EnvironmentObject var appState: AppState
|
|
private var idiom: UIUserInterfaceIdiom { UIDevice.current.userInterfaceIdiom }
|
|
@Environment(\.dismiss) private var dismiss
|
|
@Environment(\.openURL) var openURL
|
|
var position: PositionEntity
|
|
var popover: Bool = true
|
|
let distanceFormatter = MKDistanceFormatter()
|
|
|
|
@State private var detentSelection: PresentationDetent = .fraction(0.65)
|
|
@State private var navigateToCompass = false
|
|
|
|
var body: some View {
|
|
// Node Color from node.num
|
|
let nodeColor = UIColor(hex: UInt32(position.nodePosition?.num ?? 0))
|
|
NavigationStack {
|
|
VStack {
|
|
HStack {
|
|
ZStack {
|
|
Button {
|
|
if let nodeNum = position.nodePosition?.num {
|
|
appState.router.navigateToNodeDetail(nodeNum: Int64(nodeNum))
|
|
dismiss()
|
|
}
|
|
} label: {
|
|
CircleText(text: position.nodePosition?.user?.shortName ?? "?", color: Color(nodeColor), circleSize: 65)
|
|
}
|
|
}
|
|
Text(position.nodePosition?.user?.longName ?? "Unknown")
|
|
.font(.largeTitle)
|
|
}
|
|
Divider()
|
|
HStack(alignment: .center) {
|
|
VStack(alignment: .leading) {
|
|
if position.isPreciseLocation {
|
|
Button {
|
|
detentSelection = .large
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) {
|
|
navigateToCompass = true
|
|
}
|
|
} label: {
|
|
Label {
|
|
Text("Open Compass")
|
|
} icon: {
|
|
Image(systemName: "safari")
|
|
.symbolRenderingMode(.hierarchical)
|
|
.frame(width: 35)
|
|
}
|
|
}
|
|
.padding(.bottom, 5)
|
|
}
|
|
|
|
/// Time
|
|
Label {
|
|
if idiom != .phone {
|
|
Text("Heard".localized + ":")
|
|
}
|
|
Text(position.time?.lastHeard ?? "unknown")
|
|
.foregroundColor(.primary)
|
|
.font(idiom == .phone ? .callout : .body)
|
|
.allowsTightening(/*@START_MENU_TOKEN@*/true/*@END_MENU_TOKEN@*/)
|
|
} icon: {
|
|
Image(systemName: position.nodePosition?.isOnline ?? false ? "checkmark.circle.fill" : "moon.circle.fill")
|
|
.symbolRenderingMode(.hierarchical)
|
|
.foregroundColor(position.nodePosition?.isOnline ?? false ? .green : .orange)
|
|
.frame(width: 35)
|
|
}
|
|
.padding(.bottom, 5)
|
|
/// Coordinate
|
|
Label {
|
|
Text("\(String(format: "%.6f", position.nodeCoordinate?.latitude ?? 0)), \(String(format: "%.6f", position.nodeCoordinate?.longitude ?? 0))")
|
|
.textSelection(.enabled)
|
|
.foregroundColor(.primary)
|
|
.font(idiom == .phone ? .callout : .body)
|
|
.allowsTightening(/*@START_MENU_TOKEN@*/true/*@END_MENU_TOKEN@*/)
|
|
} icon: {
|
|
Image(systemName: "mappin.and.ellipse")
|
|
.symbolRenderingMode(.hierarchical)
|
|
.frame(width: 35)
|
|
}
|
|
.padding(.bottom, 5)
|
|
/// Hops Away
|
|
if position.nodePosition?.hopsAway ?? 0 > 0 {
|
|
Label {
|
|
Text("Hops Away: \(position.nodePosition?.hopsAway ?? 0)")
|
|
.textSelection(.enabled)
|
|
.foregroundColor(.primary)
|
|
.font(idiom == .phone ? .callout : .body)
|
|
} icon: {
|
|
Image(systemName: "hare")
|
|
.symbolRenderingMode(.hierarchical)
|
|
.frame(width: 35)
|
|
}
|
|
.padding(.bottom, 5)
|
|
}
|
|
/// Altitude
|
|
Label {
|
|
let distanceInMeters = Measurement(value: Double(position.altitude), unit: UnitLength.meters)
|
|
let distanceInFeet = distanceInMeters.converted(to: UnitLength.feet)
|
|
if Locale.current.measurementSystem == .metric {
|
|
Text(altitudeFormatter.string(from: distanceInMeters))
|
|
.foregroundColor(.primary)
|
|
.font(idiom == .phone ? .callout : .body)
|
|
} else {
|
|
Text(altitudeFormatter.string(from: distanceInFeet))
|
|
.foregroundColor(.primary)
|
|
.font(idiom == .phone ? .callout : .body)
|
|
}
|
|
} icon: {
|
|
Image(systemName: "mountain.2.fill")
|
|
.symbolRenderingMode(.hierarchical)
|
|
.frame(width: 35)
|
|
}
|
|
.padding(.bottom, 5)
|
|
let pf = PositionFlags(rawValue: Int(position.nodePosition?.metadata?.positionFlags ?? 3))
|
|
/// Sats in view
|
|
if pf.contains(.Satsinview) {
|
|
Label {
|
|
Text("Sats in view: \(String(position.satsInView))")
|
|
.foregroundColor(.primary)
|
|
.font(idiom == .phone ? .callout : .body)
|
|
} icon: {
|
|
Image(systemName: "sparkles")
|
|
.symbolRenderingMode(.hierarchical)
|
|
.frame(width: 35)
|
|
}
|
|
.padding(.bottom, 5)
|
|
}
|
|
/// Sequence Number
|
|
if pf.contains(.SeqNo) {
|
|
Label {
|
|
Text("Sequence: \(String(position.seqNo))")
|
|
.foregroundColor(.primary)
|
|
.font(idiom == .phone ? .callout : .body)
|
|
} icon: {
|
|
Image(systemName: "number")
|
|
.symbolRenderingMode(.hierarchical)
|
|
.frame(width: 35)
|
|
}
|
|
.padding(.bottom, 5)
|
|
}
|
|
|
|
/// Heading
|
|
let degrees = Angle.degrees(Double(position.heading))
|
|
Label {
|
|
let heading = Measurement(value: degrees.degrees, unit: UnitAngle.degrees)
|
|
Text("Heading: \(heading.formatted(.measurement(width: .narrow, numberFormatStyle: .number.precision(.fractionLength(0)))))")
|
|
} icon: {
|
|
Image(systemName: "location.north")
|
|
.symbolRenderingMode(.hierarchical)
|
|
.frame(width: 35)
|
|
.rotationEffect(degrees)
|
|
}
|
|
.padding(.bottom, 5)
|
|
/// Distance
|
|
if let lastLocation = locationsHandler.locationsArray.last {
|
|
/// Distance
|
|
if lastLocation.distance(from: CLLocation(latitude: LocationsHandler.DefaultLocation.latitude, longitude: LocationsHandler.DefaultLocation.longitude)) > 0.0 {
|
|
let posCoord = position.nodeCoordinate ?? LocationsHandler.DefaultLocation
|
|
let metersAway = posCoord.distance(from: CLLocationCoordinate2D(latitude: lastLocation.coordinate.latitude, longitude: lastLocation.coordinate.longitude))
|
|
Label {
|
|
Text("Distance".localized + ": \(distanceFormatter.string(fromDistance: Double(metersAway)))")
|
|
.foregroundColor(.primary)
|
|
.font(idiom == .phone ? .callout : .body)
|
|
} icon: {
|
|
Image(systemName: "lines.measurement.horizontal")
|
|
.symbolRenderingMode(.hierarchical)
|
|
.frame(width: 35)
|
|
}
|
|
.padding(.bottom, 5)
|
|
}
|
|
}
|
|
/// Speed
|
|
let speed = Measurement(value: Double(position.speed), unit: UnitSpeed.kilometersPerHour)
|
|
Label {
|
|
Text("Speed: \(speed.formatted(.measurement(width: .abbreviated, numberFormatStyle: .number.precision(.fractionLength(0)))))")
|
|
.foregroundColor(.primary)
|
|
.font(idiom == .phone ? .callout : .body)
|
|
} icon: {
|
|
Image(systemName: "gauge.with.dots.needle.33percent")
|
|
.symbolRenderingMode(.hierarchical)
|
|
.frame(width: 35)
|
|
}
|
|
.padding(.bottom, 5)
|
|
if position.nodePosition?.viaMqtt ?? false {
|
|
Label {
|
|
Text("MQTT")
|
|
.font(idiom == .phone ? .callout : .body)
|
|
} icon: {
|
|
Image(systemName: "network")
|
|
.symbolRenderingMode(.hierarchical)
|
|
.frame(width: 35)
|
|
.rotationEffect(degrees)
|
|
}
|
|
.padding(.bottom, 5)
|
|
}
|
|
Spacer()
|
|
}
|
|
Spacer()
|
|
VStack(alignment: .center) {
|
|
if position.nodePosition != nil {
|
|
if position.nodePosition?.favorite ?? false {
|
|
Image(systemName: "star.fill")
|
|
.foregroundColor(.yellow)
|
|
.symbolRenderingMode(.hierarchical)
|
|
.font(.largeTitle)
|
|
.padding(.bottom, 5)
|
|
}
|
|
if position.nodePosition?.hasEnvironmentMetrics ?? false {
|
|
Image(systemName: "cloud.sun.rain")
|
|
.foregroundColor(.accentColor)
|
|
.symbolRenderingMode(.multicolor)
|
|
.font(.largeTitle)
|
|
.padding(.bottom)
|
|
}
|
|
if position.nodePosition?.hasDetectionSensorMetrics ?? false {
|
|
Image(systemName: "sensor.fill")
|
|
.symbolEffect(.variableColor.reversing.cumulative, options: .repeat(20).speed(3))
|
|
.symbolRenderingMode(.hierarchical)
|
|
.foregroundColor(.accentColor)
|
|
.font(.largeTitle)
|
|
.padding(.bottom)
|
|
}
|
|
BatteryGauge(node: position.nodePosition!)
|
|
}
|
|
if position.nodePosition?.hopsAway ?? 0 == 0 && !(position.nodePosition?.viaMqtt ?? false) {
|
|
LoRaSignalStrengthMeter(snr: position.nodePosition?.snr ?? 0.0, rssi: position.nodePosition?.rssi ?? 0, preset: ModemPresets(rawValue: UserDefaults.modemPreset) ?? ModemPresets.longFast, compact: false)
|
|
}
|
|
Spacer()
|
|
}
|
|
}
|
|
.padding(.top)
|
|
if !popover {
|
|
#if targetEnvironment(macCatalyst)
|
|
Spacer()
|
|
Button {
|
|
dismiss()
|
|
} label: {
|
|
Label("Close", systemImage: "xmark")
|
|
}
|
|
.buttonStyle(.bordered)
|
|
.buttonBorderShape(.capsule)
|
|
.controlSize(.large)
|
|
.padding(.bottom)
|
|
#endif
|
|
}
|
|
}
|
|
.presentationDetents([.fraction(0.65), .large], selection: $detentSelection)
|
|
.presentationContentInteraction(.scrolls)
|
|
.presentationDragIndicator(.visible)
|
|
.presentationBackgroundInteraction(.enabled(upThrough: .large))
|
|
.navigationDestination(isPresented: $navigateToCompass) {
|
|
CompassView(
|
|
waypointLocation: position.nodeCoordinate ?? LocationsHandler.DefaultLocation,
|
|
waypointLongName: position.nodePosition?.user?.longName ?? "Unknown node",
|
|
waypointShortName: position.nodePosition?.user?.shortName ?? "???",
|
|
color: (position.nodePosition?.user?.num != nil && position.nodePosition?.user?.num != 0) ? Color(UIColor(hex: UInt32(position.nodePosition!.user!.num))) : .orange
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|