126 lines
5.4 KiB
Swift
126 lines
5.4 KiB
Swift
import SwiftUI
|
|
|
|
struct DayView: View {
|
|
let store: CalendarStore
|
|
let onEventTap: (CalEvent) -> Void
|
|
let onTimeTap: (Date) -> Void
|
|
|
|
private var cal: Calendar { store.userCalendar }
|
|
private var allDayEvents: [CalEvent] { store.events(on: store.currentDate).filter(\.isAllDay) }
|
|
private var timedEvents: [CalEvent] { store.events(on: store.currentDate).filter { !$0.isAllDay } }
|
|
|
|
var body: some View {
|
|
VStack(spacing: 0) {
|
|
if !allDayEvents.isEmpty { allDayStrip }
|
|
|
|
GeometryReader { geo in
|
|
ScrollViewReader { proxy in
|
|
ScrollView {
|
|
ZStack(alignment: .topLeading) {
|
|
// Background grid
|
|
HStack(alignment: .top, spacing: 0) {
|
|
timeLabels
|
|
VStack(spacing: 0) {
|
|
ForEach(hours, id: \.self) { _ in
|
|
Rectangle()
|
|
.fill(Color(.separator).opacity(0.4))
|
|
.frame(height: 0.5)
|
|
Color.clear.frame(height: hourHeight - 0.5)
|
|
}
|
|
}
|
|
.frame(width: geo.size.width - timeColumnWidth)
|
|
.contentShape(Rectangle())
|
|
.onTapGesture { loc in
|
|
let h = Int(loc.y / hourHeight)
|
|
let m = Int((loc.y.truncatingRemainder(dividingBy: hourHeight)) / hourHeight * 60)
|
|
let date = cal.date(bySettingHour: h, minute: m, second: 0, of: store.currentDate) ?? store.currentDate
|
|
onTimeTap(date)
|
|
}
|
|
}
|
|
|
|
// Events
|
|
let evWidth = geo.size.width - timeColumnWidth - 2
|
|
ForEach(timedEvents) { ev in
|
|
Button(action: { onEventTap(ev) }) {
|
|
EventBlock(event: ev)
|
|
}
|
|
.buttonStyle(.plain)
|
|
.frame(width: evWidth, height: max(eventHeight(ev), 18))
|
|
.offset(x: timeColumnWidth + 1, y: eventTop(ev))
|
|
}
|
|
|
|
// Current time
|
|
if cal.isDateInToday(store.currentDate) {
|
|
let lineY = nowLineY()
|
|
HStack(spacing: 0) {
|
|
Spacer().frame(width: timeColumnWidth - 4)
|
|
Circle().fill(Color.red).frame(width: 8, height: 8)
|
|
Rectangle().fill(Color.red)
|
|
.frame(width: geo.size.width - timeColumnWidth - 4, height: 1.5)
|
|
}
|
|
.offset(y: lineY - 0.75)
|
|
}
|
|
}
|
|
.frame(width: geo.size.width, height: hourHeight * 24 + 80)
|
|
.id("grid")
|
|
}
|
|
.onAppear { scrollToCurrentHour(proxy) }
|
|
.onChange(of: store.currentDate) { _, _ in scrollToCurrentHour(proxy) }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private var allDayStrip: some View {
|
|
ScrollView(.horizontal, showsIndicators: false) {
|
|
HStack(spacing: 6) {
|
|
ForEach(allDayEvents) { ev in
|
|
Button(action: { onEventTap(ev) }) {
|
|
Text(ev.title)
|
|
.font(.caption.weight(.medium))
|
|
.foregroundStyle(.white)
|
|
.padding(.horizontal, 8).padding(.vertical, 4)
|
|
.background(Color(hex: ev.effectiveColor))
|
|
.clipShape(Capsule())
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
}
|
|
.padding(.horizontal, 12).padding(.vertical, 6)
|
|
}
|
|
.overlay(alignment: .bottom) { Divider() }
|
|
}
|
|
|
|
private var timeLabels: some View {
|
|
VStack(spacing: 0) {
|
|
ForEach(hours, id: \.self) { h in
|
|
ZStack(alignment: .topTrailing) {
|
|
Color.clear.frame(height: hourHeight)
|
|
Text(String(format: "%02d:00", h))
|
|
.font(.system(size: 10))
|
|
.foregroundStyle(.secondary)
|
|
.offset(y: -6)
|
|
}
|
|
}
|
|
Color.clear.frame(height: 80)
|
|
}
|
|
.frame(width: timeColumnWidth)
|
|
}
|
|
|
|
private func nowLineY() -> CGFloat {
|
|
let cal = Calendar.current
|
|
let h = CGFloat(cal.component(.hour, from: Date()))
|
|
let m = CGFloat(cal.component(.minute, from: Date()))
|
|
return h * hourHeight + m * hourHeight / 60
|
|
}
|
|
|
|
private func scrollToCurrentHour(_ proxy: ScrollViewProxy) {
|
|
let h = Calendar.current.component(.hour, from: .now)
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 0.15) {
|
|
withAnimation(.easeOut(duration: 0.3)) {
|
|
proxy.scrollTo("grid", anchor: UnitPoint(x: 0, y: CGFloat(max(h - 1, 0)) / 24.0))
|
|
}
|
|
}
|
|
}
|
|
}
|