537 lines
25 KiB
Swift
537 lines
25 KiB
Swift
import SwiftUI
|
||
import AppKit
|
||
|
||
struct WalletTabView: View {
|
||
@EnvironmentObject var engine: PresenceEngine
|
||
@EnvironmentObject var updater: UpdateManager
|
||
@EnvironmentObject var vpn: VPNManager
|
||
@State private var showSend = false
|
||
@State private var showReceive = false
|
||
@State private var showNetworkNodes = false
|
||
@State private var coinRotation: Double = 0
|
||
@State private var showSidebar = false
|
||
|
||
// Montana palette — gold coin aesthetic
|
||
private let gold = Color(red: 0.85, green: 0.68, blue: 0.25)
|
||
private let goldLight = Color(red: 0.95, green: 0.82, blue: 0.45)
|
||
private let goldDim = Color(red: 0.6, green: 0.48, blue: 0.18)
|
||
private let bg = Color(red: 0.06, green: 0.06, blue: 0.08)
|
||
private let cardBg = Color(red: 0.09, green: 0.09, blue: 0.12)
|
||
private let dividerColor = Color(red: 0.15, green: 0.14, blue: 0.12)
|
||
|
||
var body: some View {
|
||
ZStack(alignment: .leading) {
|
||
// Main content
|
||
ScrollView {
|
||
VStack(alignment: .leading, spacing: 0) {
|
||
// ── BURGER MENU BUTTON ──
|
||
HStack {
|
||
Button(action: { withAnimation(.easeInOut(duration: 0.3)) { showSidebar = true } }) {
|
||
Image(systemName: "line.3.horizontal")
|
||
.font(.system(size: 18, weight: .medium))
|
||
.foregroundColor(gold)
|
||
.padding(8)
|
||
}
|
||
.buttonStyle(.plain)
|
||
Spacer()
|
||
}
|
||
.padding(.horizontal, 12)
|
||
.padding(.top, 8)
|
||
|
||
// ── SPINNING COIN ──
|
||
HStack {
|
||
Spacer()
|
||
ZStack {
|
||
// Front side: Junona face
|
||
if let junonaPath = Bundle.main.path(forResource: "JunonaLogo", ofType: "jpg"),
|
||
let junonaImage = NSImage(contentsOfFile: junonaPath) {
|
||
Image(nsImage: junonaImage)
|
||
.resizable()
|
||
.aspectRatio(contentMode: .fill)
|
||
.frame(width: 80, height: 80)
|
||
.clipShape(Circle())
|
||
.overlay(
|
||
Circle()
|
||
.stroke(
|
||
LinearGradient(
|
||
colors: [gold, goldLight],
|
||
startPoint: .topLeading,
|
||
endPoint: .bottomTrailing
|
||
),
|
||
lineWidth: 2
|
||
)
|
||
)
|
||
.opacity(cos(coinRotation * .pi / 180) > 0 ? cos(coinRotation * .pi / 180) : 0)
|
||
}
|
||
|
||
// Back side: Pyramid (Network logo)
|
||
if let pyramidPath = Bundle.main.path(forResource: "NetworkLogo", ofType: "png"),
|
||
let pyramidImage = NSImage(contentsOfFile: pyramidPath) {
|
||
Image(nsImage: pyramidImage)
|
||
.resizable()
|
||
.aspectRatio(contentMode: .fit)
|
||
.frame(width: 60, height: 60)
|
||
.padding(10)
|
||
.background(
|
||
Circle()
|
||
.fill(Color.black)
|
||
)
|
||
.overlay(
|
||
Circle()
|
||
.stroke(
|
||
LinearGradient(
|
||
colors: [goldDim, gold],
|
||
startPoint: .topLeading,
|
||
endPoint: .bottomTrailing
|
||
),
|
||
lineWidth: 2
|
||
)
|
||
)
|
||
.rotation3DEffect(.degrees(180), axis: (x: 0, y: 1, z: 0))
|
||
.opacity(cos(coinRotation * .pi / 180) < 0 ? -cos(coinRotation * .pi / 180) : 0)
|
||
}
|
||
}
|
||
.rotation3DEffect(.degrees(coinRotation), axis: (x: 0, y: 1, z: 0))
|
||
.shadow(color: gold.opacity(0.5), radius: 20, x: 0, y: 10)
|
||
.onAppear {
|
||
withAnimation(.linear(duration: 4.0).repeatForever(autoreverses: false)) {
|
||
coinRotation = 360
|
||
}
|
||
}
|
||
Spacer()
|
||
}
|
||
.frame(height: 100)
|
||
.padding(.top, 12)
|
||
.padding(.bottom, 8)
|
||
|
||
// ── BALANCE HEADER ──
|
||
VStack(alignment: .leading, spacing: 4) {
|
||
HStack(alignment: .firstTextBaseline) {
|
||
Text("\(formatNumber(engine.displayBalance))")
|
||
.font(.system(size: 34, weight: .bold, design: .rounded))
|
||
.foregroundColor(.white)
|
||
Text("\u{0248}")
|
||
.font(.system(size: 24, weight: .bold))
|
||
.foregroundColor(gold)
|
||
Spacer()
|
||
Text(formatDuration(engine.sessionSeconds))
|
||
.font(.system(size: 13, design: .monospaced))
|
||
.foregroundColor(goldDim)
|
||
}
|
||
|
||
HStack(spacing: 8) {
|
||
Text(engine.displayAddress)
|
||
.font(.system(size: 11, design: .monospaced))
|
||
.foregroundColor(Color.white.opacity(0.35))
|
||
Spacer()
|
||
Text("\u{2248}$\(formatCurrency(engine.balanceUSD))")
|
||
.font(.system(size: 10, design: .monospaced))
|
||
.foregroundColor(Color.white.opacity(0.3))
|
||
Text("\u{2248}\(formatCurrency(engine.balanceRUB))\u{20bd}")
|
||
.font(.system(size: 10, design: .monospaced))
|
||
.foregroundColor(Color.white.opacity(0.3))
|
||
}
|
||
|
||
HStack {
|
||
Text("+1 \u{0248}/\u{0441}\u{0435}\u{043a}")
|
||
.font(.system(size: 15, weight: .semibold))
|
||
.foregroundColor(goldLight)
|
||
}
|
||
}
|
||
.padding(.horizontal, 16)
|
||
.padding(.top, 14)
|
||
.padding(.bottom, 10)
|
||
|
||
sep()
|
||
|
||
// ── КОШЕЛЁК ──
|
||
VStack(spacing: 6) {
|
||
Button(action: { Task { await engine.reportToServer(); await engine.syncBalance() } }) {
|
||
row(icon: engine.walletSynced ? "checkmark.shield.fill" : "arrow.triangle.2.circlepath",
|
||
iconColor: engine.walletSynced ? .green : .orange,
|
||
label: "\u{041a}\u{043e}\u{0448}\u{0435}\u{043b}\u{0451}\u{043a}",
|
||
value: engine.walletSynced ? "\u{0441}\u{0438}\u{043d}\u{0445}\u{0440}\u{043e}\u{043d}\u{0438}\u{0437}\u{0438}\u{0440}\u{043e}\u{0432}\u{0430}\u{043d}" : "\u{0441}\u{0438}\u{043d}\u{0445}\u{0440}\u{043e}\u{043d}\u{0438}\u{0437}\u{0430}\u{0446}\u{0438}\u{044f}...",
|
||
valueColor: engine.walletSynced ? .green : .orange)
|
||
}
|
||
.buttonStyle(.plain)
|
||
|
||
row(icon: "banknote",
|
||
iconColor: gold,
|
||
label: "\u{0414}\u{043e}\u{0441}\u{0442}\u{0443}\u{043f}\u{043d}\u{043e}",
|
||
value: "\(formatNumber(engine.availableBalance)) \u{0248}",
|
||
valueColor: gold)
|
||
|
||
// ── ОТПРАВИТЬ / ПОЛУЧИТЬ ──
|
||
HStack(spacing: 8) {
|
||
Button(action: { showSend = true }) {
|
||
HStack(spacing: 5) {
|
||
Text("\u{0248}")
|
||
.font(.system(size: 15, weight: .bold))
|
||
Image(systemName: "arrow.up")
|
||
.font(.system(size: 11, weight: .bold))
|
||
Text("\u{041e}\u{0442}\u{043f}\u{0440}\u{0430}\u{0432}\u{0438}\u{0442}\u{044c}")
|
||
.font(.system(size: 12, weight: .semibold))
|
||
}
|
||
.frame(maxWidth: .infinity)
|
||
.padding(.vertical, 9)
|
||
.background(gold.opacity(0.15))
|
||
.foregroundColor(gold)
|
||
.cornerRadius(8)
|
||
.overlay(RoundedRectangle(cornerRadius: 8).stroke(gold.opacity(0.3), lineWidth: 1))
|
||
}
|
||
.buttonStyle(.plain)
|
||
.popover(isPresented: $showSend) {
|
||
SendView().environmentObject(engine)
|
||
}
|
||
|
||
Button(action: { showReceive = true }) {
|
||
HStack(spacing: 5) {
|
||
Text("\u{0248}")
|
||
.font(.system(size: 15, weight: .bold))
|
||
Image(systemName: "arrow.down")
|
||
.font(.system(size: 11, weight: .bold))
|
||
Text("\u{041f}\u{043e}\u{043b}\u{0443}\u{0447}\u{0438}\u{0442}\u{044c}")
|
||
.font(.system(size: 12, weight: .semibold))
|
||
}
|
||
.frame(maxWidth: .infinity)
|
||
.padding(.vertical, 9)
|
||
.background(goldDim.opacity(0.15))
|
||
.foregroundColor(goldLight)
|
||
.cornerRadius(8)
|
||
.overlay(RoundedRectangle(cornerRadius: 8).stroke(goldDim.opacity(0.3), lineWidth: 1))
|
||
}
|
||
.buttonStyle(.plain)
|
||
.popover(isPresented: $showReceive) {
|
||
ReceiveView().environmentObject(engine)
|
||
}
|
||
}
|
||
}
|
||
.padding(.horizontal, 16)
|
||
.padding(.vertical, 6)
|
||
|
||
sep()
|
||
|
||
// ── ТАЙЧЕЙН T2 ──
|
||
VStack(spacing: 4) {
|
||
HStack(spacing: 6) {
|
||
Image(systemName: "square")
|
||
.font(.system(size: 12))
|
||
.frame(width: 18)
|
||
.foregroundColor(gold)
|
||
Text("\u{041e}\u{043a}\u{043d}\u{043e} #\(formatNumber(engine.t2BlockNumber))")
|
||
.font(.system(size: 12, weight: .semibold))
|
||
.foregroundColor(Color.white.opacity(0.8))
|
||
Spacer()
|
||
Text(formatT2Time(engine.t2SecondsRemaining))
|
||
.font(.system(size: 10, design: .monospaced))
|
||
.foregroundColor(goldDim)
|
||
Image(systemName: "arrow.right")
|
||
.font(.system(size: 8))
|
||
.foregroundColor(Color.white.opacity(0.15))
|
||
}
|
||
|
||
// Progress bar
|
||
GeometryReader { geo in
|
||
ZStack(alignment: .leading) {
|
||
RoundedRectangle(cornerRadius: 3)
|
||
.fill(Color.white.opacity(0.05))
|
||
.frame(height: 6)
|
||
RoundedRectangle(cornerRadius: 3)
|
||
.fill(
|
||
LinearGradient(
|
||
colors: [goldDim, gold, goldLight],
|
||
startPoint: .leading,
|
||
endPoint: .trailing
|
||
)
|
||
)
|
||
.frame(width: max(geo.size.width * engine.t2Progress, 2), height: 6)
|
||
}
|
||
}
|
||
.frame(height: 6)
|
||
|
||
HStack {
|
||
Text("+\(formatNumber(engine.t2PendingCoins)) \u{0248}")
|
||
.font(.system(size: 11, weight: .medium, design: .monospaced))
|
||
.foregroundColor(goldLight)
|
||
Text("\u{043d}\u{0430}\u{0447}\u{0438}\u{0441}\u{043b}\u{0435}\u{043d}\u{043e}")
|
||
.font(.system(size: 10))
|
||
.foregroundColor(Color.white.opacity(0.3))
|
||
Spacer()
|
||
Text("T\u{2082} = 10 \u{043c}\u{0438}\u{043d}")
|
||
.font(.system(size: 9, design: .monospaced))
|
||
.foregroundColor(Color.white.opacity(0.2))
|
||
}
|
||
}
|
||
.padding(.horizontal, 16)
|
||
.padding(.vertical, 6)
|
||
|
||
sep()
|
||
|
||
// ── NETWORK NODES ──
|
||
VStack(spacing: 4) {
|
||
Button(action: {
|
||
withAnimation(.easeInOut(duration: 0.2)) {
|
||
showNetworkNodes.toggle()
|
||
}
|
||
}) {
|
||
HStack {
|
||
Image(systemName: "network")
|
||
.font(.system(size: 12))
|
||
.frame(width: 18)
|
||
.foregroundColor(gold)
|
||
Text("\u{0421}\u{0435}\u{0442}\u{044c} Montana")
|
||
.font(.system(size: 12, weight: .semibold))
|
||
.foregroundColor(Color.white.opacity(0.8))
|
||
Spacer()
|
||
Text("\(engine.networkOnline)/\(engine.networkTotal) \u{0443}\u{0437}\u{043b}\u{043e}\u{0432}")
|
||
.font(.system(size: 10, design: .monospaced))
|
||
.foregroundColor(engine.networkOnline == engine.networkTotal ? .green : .orange)
|
||
Image(systemName: showNetworkNodes ? "chevron.up" : "chevron.down")
|
||
.font(.system(size: 8))
|
||
.foregroundColor(Color.white.opacity(0.2))
|
||
}
|
||
}
|
||
.buttonStyle(.plain)
|
||
|
||
if showNetworkNodes {
|
||
ForEach(Array(engine.networkNodes.enumerated()), id: \.offset) { _, node in
|
||
HStack(spacing: 6) {
|
||
Circle()
|
||
.fill(node.online ? Color.green : Color.red)
|
||
.frame(width: 5, height: 5)
|
||
Text(node.name)
|
||
.font(.system(size: 10))
|
||
.foregroundColor(Color.white.opacity(0.5))
|
||
Spacer()
|
||
Text(node.online ? "\u{043e}\u{043d}\u{043b}\u{0430}\u{0439}\u{043d}" : "\u{043e}\u{0444}\u{043b}\u{0430}\u{0439}\u{043d}")
|
||
.font(.system(size: 9, design: .monospaced))
|
||
.foregroundColor(node.online ? .green : .red)
|
||
}
|
||
.padding(.leading, 24)
|
||
}
|
||
.transition(.opacity)
|
||
}
|
||
}
|
||
.padding(.horizontal, 16)
|
||
.padding(.vertical, 6)
|
||
|
||
sep()
|
||
|
||
// ── EPOCH / GENESIS ──
|
||
VStack(spacing: 3) {
|
||
HStack(spacing: 6) {
|
||
Image(systemName: "calendar.badge.clock")
|
||
.font(.system(size: 11))
|
||
.frame(width: 18)
|
||
.foregroundColor(gold)
|
||
Text("\u{042d}\u{043f}\u{043e}\u{0445}\u{0430} #\(engine.epochNumber)")
|
||
.font(.system(size: 11))
|
||
.foregroundColor(Color.white.opacity(0.7))
|
||
Spacer()
|
||
Text("\u{0434}\u{0435}\u{043d}\u{044c} \(engine.epochDays)")
|
||
.font(.system(size: 10, design: .monospaced))
|
||
.foregroundColor(Color.white.opacity(0.35))
|
||
}
|
||
|
||
HStack(spacing: 6) {
|
||
Image(systemName: "sparkles")
|
||
.font(.system(size: 11))
|
||
.frame(width: 18)
|
||
.foregroundColor(goldDim)
|
||
Text("\u{0413}\u{0435}\u{043d}\u{0435}\u{0437}\u{0438}\u{0441}")
|
||
.font(.system(size: 11))
|
||
.foregroundColor(Color.white.opacity(0.4))
|
||
Spacer()
|
||
Text("09.01.2026")
|
||
.font(.system(size: 10, design: .monospaced))
|
||
.foregroundColor(Color.white.opacity(0.3))
|
||
}
|
||
|
||
HStack(spacing: 6) {
|
||
Image(systemName: "dollarsign.circle")
|
||
.font(.system(size: 11))
|
||
.frame(width: 18)
|
||
.foregroundColor(goldDim)
|
||
Text("1 \u{0248}")
|
||
.font(.system(size: 11))
|
||
.foregroundColor(Color.white.opacity(0.4))
|
||
Spacer()
|
||
Text("$\(String(format: "%.4f", PresenceEngine.genesisPriceUSD))")
|
||
.font(.system(size: 10, design: .monospaced))
|
||
.foregroundColor(Color.white.opacity(0.3))
|
||
Text("\(String(format: "%.2f", PresenceEngine.genesisPriceRUB))\u{20bd}")
|
||
.font(.system(size: 10, design: .monospaced))
|
||
.foregroundColor(Color.white.opacity(0.3))
|
||
}
|
||
|
||
HStack(spacing: 6) {
|
||
Image(systemName: "banknote")
|
||
.font(.system(size: 11))
|
||
.frame(width: 18)
|
||
.foregroundColor(goldDim)
|
||
Text("\u{0413}\u{0435}\u{043d}\u{0435}\u{0437}\u{0438}\u{0441} \u{0426}\u{0435}\u{043d}\u{044b}")
|
||
.font(.system(size: 11))
|
||
.foregroundColor(Color.white.opacity(0.4))
|
||
Spacer()
|
||
Text(PresenceEngine.genesisSettlementDate)
|
||
.font(.system(size: 10, design: .monospaced))
|
||
.foregroundColor(Color.white.opacity(0.3))
|
||
}
|
||
}
|
||
.padding(.horizontal, 16)
|
||
.padding(.vertical, 6)
|
||
|
||
sep()
|
||
|
||
// ── STATUS ──
|
||
VStack(spacing: 3) {
|
||
HStack {
|
||
Circle()
|
||
.fill(engine.isOnline ? Color.green : Color.orange)
|
||
.frame(width: 6, height: 6)
|
||
Text(engine.isOnline ? "\u{041f}\u{043e}\u{0434}\u{043a}\u{043b}\u{044e}\u{0447}\u{0435}\u{043d}" : "\u{041e}\u{0444}\u{043b}\u{0430}\u{0439}\u{043d}")
|
||
.font(.system(size: 11))
|
||
.foregroundColor(Color.white.opacity(0.4))
|
||
if engine.pendingSeconds > 0 {
|
||
Spacer()
|
||
Text("+\(engine.pendingSeconds) \u{043e}\u{0436}\u{0438}\u{0434}\u{0430}\u{0435}\u{0442}")
|
||
.font(.system(size: 10))
|
||
.foregroundColor(.orange)
|
||
}
|
||
}
|
||
|
||
HStack(spacing: 5) {
|
||
Image(systemName: "lock.fill")
|
||
.font(.system(size: 9))
|
||
.foregroundColor(goldDim)
|
||
Text(engine.protocolCrypto)
|
||
.font(.system(size: 9, design: .monospaced))
|
||
.foregroundColor(Color.white.opacity(0.3))
|
||
Spacer()
|
||
Text(engine.protocolMode)
|
||
.font(.system(size: 9, weight: .bold, design: .monospaced))
|
||
.foregroundColor(.green)
|
||
}
|
||
}
|
||
.padding(.horizontal, 16)
|
||
.padding(.vertical, 6)
|
||
|
||
sep()
|
||
|
||
// ── CONTROLS ──
|
||
VStack(spacing: 6) {
|
||
Button(action: {
|
||
if engine.isTracking {
|
||
engine.stopTracking()
|
||
} else {
|
||
engine.startTracking()
|
||
}
|
||
}) {
|
||
HStack(spacing: 6) {
|
||
Image(systemName: engine.isTracking ? "stop.circle.fill" : "play.circle.fill")
|
||
.font(.system(size: 14))
|
||
Text(engine.isTracking ? "\u{0421}\u{0442}\u{043e}\u{043f}" : "\u{0421}\u{0442}\u{0430}\u{0440}\u{0442}")
|
||
.font(.system(size: 14, weight: .semibold))
|
||
}
|
||
.frame(maxWidth: .infinity)
|
||
.padding(.vertical, 8)
|
||
.background(engine.isTracking ?
|
||
Color.red.opacity(0.15) : gold.opacity(0.2))
|
||
.foregroundColor(engine.isTracking ? .red : gold)
|
||
.cornerRadius(8)
|
||
.overlay(RoundedRectangle(cornerRadius: 8).stroke(
|
||
engine.isTracking ? Color.red.opacity(0.3) : gold.opacity(0.3), lineWidth: 1))
|
||
}
|
||
.buttonStyle(.plain)
|
||
.disabled(engine.address == nil || engine.address?.isEmpty == true)
|
||
}
|
||
.padding(.horizontal, 16)
|
||
.padding(.vertical, 8)
|
||
|
||
Spacer().frame(height: 8)
|
||
}
|
||
}
|
||
.background(bg)
|
||
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
||
.onAppear {
|
||
engine.updateT2()
|
||
Task { await engine.syncBalance() }
|
||
}
|
||
|
||
// Sidebar overlay
|
||
if showSidebar {
|
||
Color.black.opacity(0.3)
|
||
.ignoresSafeArea()
|
||
.onTapGesture {
|
||
withAnimation(.easeInOut(duration: 0.3)) {
|
||
showSidebar = false
|
||
}
|
||
}
|
||
|
||
SharedSidebar(isVisible: $showSidebar)
|
||
.transition(.move(edge: .leading))
|
||
}
|
||
}
|
||
}
|
||
|
||
// ── Helpers ──
|
||
|
||
@ViewBuilder
|
||
private func sep() -> some View {
|
||
dividerColor.frame(height: 0.5)
|
||
.padding(.horizontal, 12)
|
||
}
|
||
|
||
@ViewBuilder
|
||
private func row(icon: String, iconColor: Color, label: String, value: String, valueColor: Color) -> some View {
|
||
HStack(spacing: 6) {
|
||
Image(systemName: icon)
|
||
.font(.system(size: 12))
|
||
.frame(width: 18)
|
||
.foregroundColor(iconColor)
|
||
Text(label)
|
||
.font(.system(size: 11))
|
||
.foregroundColor(Color.white.opacity(0.6))
|
||
Spacer()
|
||
Text(value)
|
||
.font(.system(size: 10, design: .monospaced))
|
||
.foregroundColor(valueColor)
|
||
}
|
||
}
|
||
|
||
private func formatNumber(_ n: Int) -> String {
|
||
let formatter = NumberFormatter()
|
||
formatter.numberStyle = .decimal
|
||
formatter.groupingSeparator = ","
|
||
return formatter.string(from: NSNumber(value: n)) ?? "\(n)"
|
||
}
|
||
|
||
private func formatT2Time(_ seconds: Int) -> String {
|
||
let m = seconds / 60
|
||
let s = seconds % 60
|
||
return String(format: "%d:%02d", m, s)
|
||
}
|
||
|
||
private func formatDuration(_ seconds: Int) -> String {
|
||
let h = seconds / 3600
|
||
let m = (seconds % 3600) / 60
|
||
let s = seconds % 60
|
||
return String(format: "%d:%02d:%02d", h, m, s)
|
||
}
|
||
|
||
private func formatCurrency(_ value: Double) -> String {
|
||
if value < 1 {
|
||
return String(format: "%.2f", value)
|
||
} else if value < 100 {
|
||
return String(format: "%.1f", value)
|
||
} else {
|
||
let formatter = NumberFormatter()
|
||
formatter.numberStyle = .decimal
|
||
formatter.maximumFractionDigits = 0
|
||
formatter.groupingSeparator = ","
|
||
return formatter.string(from: NSNumber(value: value)) ?? String(format: "%.0f", value)
|
||
}
|
||
}
|
||
|
||
}
|