100 lines
3.2 KiB
Swift
100 lines
3.2 KiB
Swift
import Charts
|
|
import SwiftUI
|
|
|
|
struct CostUsageHistoryMenuView: View {
|
|
let summary: GatewayCostUsageSummary
|
|
let width: CGFloat
|
|
|
|
var body: some View {
|
|
VStack(alignment: .leading, spacing: 10) {
|
|
self.header
|
|
self.chart
|
|
self.footer
|
|
}
|
|
.padding(.horizontal, 12)
|
|
.padding(.vertical, 10)
|
|
.frame(width: max(1, self.width), alignment: .leading)
|
|
}
|
|
|
|
private var header: some View {
|
|
let todayKey = CostUsageMenuDateParser.format(Date())
|
|
let todayEntry = self.summary.daily.first { $0.date == todayKey }
|
|
let todayCost = CostUsageFormatting.formatUsd(todayEntry?.totalCost) ?? "n/a"
|
|
let totalCost = CostUsageFormatting.formatUsd(self.summary.totals.totalCost) ?? "n/a"
|
|
|
|
return HStack(alignment: .firstTextBaseline, spacing: 12) {
|
|
VStack(alignment: .leading, spacing: 2) {
|
|
Text("Today")
|
|
.font(.caption2)
|
|
.foregroundStyle(.secondary)
|
|
Text(todayCost)
|
|
.font(.system(size: 14, weight: .semibold))
|
|
}
|
|
VStack(alignment: .leading, spacing: 2) {
|
|
Text("Last \(self.summary.days)d")
|
|
.font(.caption2)
|
|
.foregroundStyle(.secondary)
|
|
Text(totalCost)
|
|
.font(.system(size: 14, weight: .semibold))
|
|
}
|
|
Spacer()
|
|
}
|
|
}
|
|
|
|
private var chart: some View {
|
|
let entries = self.summary.daily.compactMap { entry -> (Date, Double)? in
|
|
guard let date = CostUsageMenuDateParser.parse(entry.date) else { return nil }
|
|
return (date, entry.totalCost)
|
|
}
|
|
|
|
return Chart(entries, id: \.0) { entry in
|
|
BarMark(
|
|
x: .value("Day", entry.0),
|
|
y: .value("Cost", entry.1))
|
|
.foregroundStyle(Color.accentColor)
|
|
.cornerRadius(3)
|
|
}
|
|
.chartXAxis {
|
|
AxisMarks(values: .stride(by: .day, count: 7)) {
|
|
AxisGridLine().foregroundStyle(.clear)
|
|
AxisValueLabel(format: .dateTime.month().day())
|
|
}
|
|
}
|
|
.chartYAxis {
|
|
AxisMarks(position: .leading) {
|
|
AxisGridLine()
|
|
AxisValueLabel()
|
|
}
|
|
}
|
|
.frame(height: 110)
|
|
}
|
|
|
|
private var footer: some View {
|
|
if self.summary.totals.missingCostEntries == 0 {
|
|
return AnyView(EmptyView())
|
|
}
|
|
return AnyView(
|
|
Text("Partial: \(self.summary.totals.missingCostEntries) entries missing cost")
|
|
.font(.caption2)
|
|
.foregroundStyle(.secondary))
|
|
}
|
|
}
|
|
|
|
private enum CostUsageMenuDateParser {
|
|
static let formatter: DateFormatter = {
|
|
let formatter = DateFormatter()
|
|
formatter.dateFormat = "yyyy-MM-dd"
|
|
formatter.locale = Locale(identifier: "en_US_POSIX")
|
|
formatter.timeZone = TimeZone.current
|
|
return formatter
|
|
}()
|
|
|
|
static func parse(_ value: String) -> Date? {
|
|
self.formatter.date(from: value)
|
|
}
|
|
|
|
static func format(_ date: Date) -> String {
|
|
self.formatter.string(from: date)
|
|
}
|
|
}
|