Iniital release
This commit is contained in:
Mark Gregory
@@ -0,0 +1,256 @@
|
||||
import SwiftUI
|
||||
|
||||
|
||||
struct MonitorMenuView: View {
|
||||
|
||||
@ObservedObject var monitor: ServerMonitor
|
||||
|
||||
var body: some View {
|
||||
|
||||
VStack(alignment: .leading, spacing: 0) {
|
||||
|
||||
// MARK: Header
|
||||
|
||||
HStack(spacing: 12) {
|
||||
|
||||
Image(systemName: "server.rack")
|
||||
.font(.system(size: 26))
|
||||
.foregroundStyle(monitor.status.color)
|
||||
|
||||
VStack(alignment: .leading, spacing: 4) {
|
||||
|
||||
Text("PEGASUS MONITOR")
|
||||
.font(.headline)
|
||||
|
||||
Text("192.168.1.2")
|
||||
.font(.caption)
|
||||
.foregroundStyle(.secondary)
|
||||
}
|
||||
|
||||
Spacer()
|
||||
|
||||
VStack(alignment: .trailing, spacing: 4) {
|
||||
|
||||
Image(systemName: monitor.status.symbol)
|
||||
.foregroundStyle(monitor.status.color)
|
||||
|
||||
Text(monitor.status.title)
|
||||
.font(.caption.bold())
|
||||
.foregroundStyle(monitor.status.color)
|
||||
}
|
||||
}
|
||||
.padding(18)
|
||||
|
||||
Divider()
|
||||
|
||||
// MARK: System Status
|
||||
|
||||
if let report = monitor.report {
|
||||
|
||||
HStack {
|
||||
Text("SYSTEM")
|
||||
Spacer()
|
||||
Text("STATUS")
|
||||
}
|
||||
.font(.system(size: 10, weight: .bold))
|
||||
.foregroundStyle(.secondary)
|
||||
.padding(.horizontal, 18)
|
||||
.padding(.top, 14)
|
||||
.padding(.bottom, 8)
|
||||
|
||||
ScrollView {
|
||||
|
||||
VStack(spacing: 0) {
|
||||
|
||||
ForEach(report.groups) { group in
|
||||
|
||||
HStack(spacing: 10) {
|
||||
|
||||
Text(group.name)
|
||||
.font(.system(size: 12))
|
||||
.lineLimit(1)
|
||||
|
||||
Spacer(minLength: 8)
|
||||
|
||||
HStack(spacing: 5) {
|
||||
|
||||
Image(systemName: group.status.symbol)
|
||||
.font(.system(size: 12))
|
||||
|
||||
Text(group.status.title)
|
||||
.font(.system(size: 11, weight: .medium))
|
||||
}
|
||||
.foregroundStyle(group.status.color)
|
||||
.frame(width: 90, alignment: .trailing)
|
||||
}
|
||||
.padding(.vertical, 7)
|
||||
|
||||
Divider()
|
||||
.opacity(0.35)
|
||||
}
|
||||
}
|
||||
.padding(.horizontal, 18)
|
||||
}
|
||||
.frame(maxHeight: 460)
|
||||
|
||||
Divider()
|
||||
|
||||
// MARK: Overall Status
|
||||
|
||||
HStack {
|
||||
|
||||
Text("OVERALL STATUS")
|
||||
.font(.system(size: 12, weight: .bold))
|
||||
|
||||
Spacer()
|
||||
|
||||
Image(systemName: monitor.status.symbol)
|
||||
.foregroundStyle(monitor.status.color)
|
||||
|
||||
Text(monitor.status.title.uppercased())
|
||||
.font(.system(size: 12, weight: .bold))
|
||||
.foregroundStyle(monitor.status.color)
|
||||
}
|
||||
.padding(.horizontal, 18)
|
||||
.padding(.vertical, 12)
|
||||
|
||||
HStack(spacing: 16) {
|
||||
|
||||
Label(
|
||||
"\(report.counts.ok) OK",
|
||||
systemImage: "checkmark.circle.fill"
|
||||
)
|
||||
.foregroundStyle(.green)
|
||||
|
||||
Label(
|
||||
"\(report.counts.warn) WARN",
|
||||
systemImage: "exclamationmark.triangle.fill"
|
||||
)
|
||||
.foregroundStyle(.orange)
|
||||
|
||||
Label(
|
||||
"\(report.counts.fail) FAIL",
|
||||
systemImage: "xmark.circle.fill"
|
||||
)
|
||||
.foregroundStyle(.red)
|
||||
}
|
||||
.font(.caption)
|
||||
.padding(.horizontal, 18)
|
||||
.padding(.bottom, 12)
|
||||
|
||||
} else {
|
||||
|
||||
ContentUnavailableView(
|
||||
"No Health Report",
|
||||
systemImage: "network",
|
||||
description: Text(
|
||||
"Check your SSH connection and refresh."
|
||||
)
|
||||
)
|
||||
.frame(height: 260)
|
||||
}
|
||||
|
||||
if let error = monitor.lastError {
|
||||
|
||||
Text(error)
|
||||
.font(.caption)
|
||||
.foregroundStyle(.red)
|
||||
.textSelection(.enabled)
|
||||
.padding(12)
|
||||
}
|
||||
|
||||
Divider()
|
||||
|
||||
// MARK: Footer
|
||||
|
||||
HStack {
|
||||
|
||||
Text(
|
||||
monitor.lastChecked.map {
|
||||
"Checked \($0.formatted(date: .omitted, time: .shortened))"
|
||||
} ?? "Not checked"
|
||||
)
|
||||
.font(.caption)
|
||||
.foregroundStyle(.secondary)
|
||||
|
||||
Spacer()
|
||||
|
||||
if monitor.isRefreshing {
|
||||
ProgressView()
|
||||
.controlSize(.small)
|
||||
}
|
||||
|
||||
Button("Refresh") {
|
||||
Task {
|
||||
await monitor.refresh()
|
||||
}
|
||||
}
|
||||
.disabled(monitor.isRefreshing)
|
||||
}
|
||||
.padding(14)
|
||||
|
||||
HStack(spacing: 10) {
|
||||
|
||||
Button("Diagnostics") {
|
||||
monitor.showDiagnostics = true
|
||||
}
|
||||
|
||||
Button("Settings") {
|
||||
monitor.showSettings = true
|
||||
}
|
||||
|
||||
Spacer()
|
||||
|
||||
Button("Quit") {
|
||||
NSApplication.shared.terminate(nil)
|
||||
}
|
||||
}
|
||||
.padding(.horizontal, 14)
|
||||
.padding(.bottom, 14)
|
||||
}
|
||||
.frame(width: 430)
|
||||
|
||||
.sheet(isPresented: $monitor.showDiagnostics) {
|
||||
DiagnosticsView(monitor: monitor)
|
||||
}
|
||||
|
||||
.sheet(isPresented: $monitor.showSettings) {
|
||||
SettingsView(monitor: monitor)
|
||||
.frame(width: 480)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
struct DiagnosticsView: View {
|
||||
@ObservedObject var monitor: ServerMonitor
|
||||
@Environment(\.dismiss) private var dismiss
|
||||
|
||||
var body: some View {
|
||||
VStack(alignment: .leading, spacing: 12) {
|
||||
HStack {
|
||||
Text("Pegasus Diagnostics").font(.title2.bold())
|
||||
Spacer()
|
||||
Button("Close") { dismiss() }
|
||||
}
|
||||
Text("Latest remote report — refresh from the menu to update")
|
||||
.foregroundStyle(.secondary)
|
||||
ScrollView {
|
||||
LazyVStack(alignment: .leading, spacing: 10) {
|
||||
ForEach(monitor.report?.checks ?? []) { check in
|
||||
HStack(alignment: .top) {
|
||||
Image(systemName: check.status.symbol).foregroundStyle(check.status.color)
|
||||
VStack(alignment: .leading, spacing: 2) {
|
||||
Text(check.name).fontWeight(.medium)
|
||||
Text(check.detail).font(.caption).foregroundStyle(.secondary)
|
||||
}
|
||||
Spacer()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.textSelection(.enabled)
|
||||
}
|
||||
.padding(20)
|
||||
.frame(width: 650, height: 560)
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user