blob: ad7904e27497bfb7f5a6ffc7344ab2c28f65753e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
|
import SwiftUI
struct NewsView: View {
@Environment(Hotline.self) private var model: Hotline
@Environment(\.colorScheme) var colorScheme
@State private var fetched = false
@State private var selectedCategory: NewsCategory? = nil
@State private var topListHeight: CGFloat = 200
@State private var dividerHeight: CGFloat = 30
var articleList: some View {
// Your list content goes here
List {
ForEach(model.news, id: \.self) { category in
DisclosureGroup {
ProgressView(value: 0.4)
.task {
print("EXPANDED?", category.name)
// hotline.sendGetNewsArticles(path: [cat.name]) {
// print("OK")
// }
}
} label: {
Text(category.name)
.fontWeight(.medium)
.lineLimit(1)
.truncationMode(.tail)
}
}
}
.scrollBounceBehavior(.basedOnSize)
// .listStyle(.plain)
}
var readerView: some View {
// Your list content goes here
ScrollView(.vertical) {
HStack(alignment: .top, spacing: 0) {
Text("HELLO")
.multilineTextAlignment(.leading)
Spacer()
}
.padding()
}
.scrollBounceBehavior(.basedOnSize)
.background(colorScheme == .dark ? Color(white: 0.1) : Color(uiColor: UIColor.systemBackground))
}
var body: some View {
NavigationStack {
VStack(spacing: 0) {
articleList
.frame(height: topListHeight)
VStack(alignment: .center) {
Divider()
Spacer()
HStack(alignment: .center) {
Rectangle()
.fill(.tertiary)
.frame(width: 50, height: 6, alignment: .center)
.cornerRadius(10)
}
Spacer()
}
.background(colorScheme == .dark ? Color(white: 0.1) : Color(uiColor: UIColor.systemBackground))
.frame(maxWidth: .infinity)
.frame(height: dividerHeight)
.gesture(
DragGesture()
.onChanged { gesture in
let delta = gesture.translation.height
topListHeight = max(min(topListHeight + delta, 500), 50)
// bottomListHeight = max(min(bottomListHeight - delta, 400), 0)
}
)
readerView
}
.task {
if !fetched {
let _ = await model.getNewsCategories()
fetched = true
// hotline.sendGetNewsArticles(path: ["News"]) {
// print("GOT ARTICLES?")
// }
}
}
// .refreshable {
// hotline.sendGetNewsCategories()
// }
.navigationBarTitleDisplayMode(.inline)
.toolbar {
ToolbarItem(placement: .principal) {
Text(model.server?.name ?? "")
.font(.headline)
}
ToolbarItem(placement: .navigationBarLeading) {
Button {
model.disconnect()
} label: {
Text(Image(systemName: "xmark.circle.fill"))
.symbolRenderingMode(.hierarchical)
.font(.title2)
.foregroundColor(.secondary)
}
}
// ToolbarItem(placement: .navigationBarTrailing) {
// Button {
//
// } label: {
// Image(systemName: "square.and.pencil")
// // .symbolRenderingMode(.hierarchical)
// // .foregroundColor(.secondary)
// }
//
// }
}
}
}
}
#Preview {
MessageBoardView()
.environment(HotlineState())
.environment(Hotline(trackerClient: HotlineTrackerClient(), client: HotlineClient()))
}
|
