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
130
131
132
|
import SwiftUI
struct GeneralSettingsView: View {
@Environment(Prefs.self) private var preferences: Prefs
@State private var username: String = ""
@State private var usernameChanged: Bool = false
let saveTimer = Timer.publish(every: 5, on: .main, in: .common).autoconnect()
var body: some View {
@Bindable var preferences = preferences
Form {
TextField("Your Name", text: $username, prompt: Text("guest"))
Toggle("Refuse private messages", isOn: $preferences.refusePrivateMessages)
Toggle("Refuse private chat", isOn: $preferences.refusePrivateChat)
Toggle("Automatic Response", isOn: $preferences.enableAutomaticMessage)
if preferences.enableAutomaticMessage {
TextField("", text: $preferences.automaticMessage, prompt: Text("Write a response message"))
.lineLimit(2)
.multilineTextAlignment(.leading)
.frame(maxWidth: .infinity)
.onSubmit(of: .text) {
preferences.username = self.username
}
}
}
.padding(20)
.frame(width: 350)
.onAppear {
self.username = preferences.username
self.usernameChanged = false
}
.onDisappear {
preferences.username = self.username
self.usernameChanged = false
}
.onChange(of: username) { oldValue, newValue in
self.usernameChanged = true
}
.onReceive(saveTimer) { _ in
if self.usernameChanged {
self.usernameChanged = false
preferences.username = self.username
}
}
}
}
struct IconSettingsView: View {
@Environment(Prefs.self) private var preferences: Prefs
@State private var hoveredUserIconID: Int = -1
var body: some View {
@Bindable var preferences = preferences
Form {
ScrollViewReader { scrollProxy in
ScrollView {
LazyVGrid(columns: [
GridItem(.fixed(4+64+4)),
GridItem(.fixed(4+64+4)),
GridItem(.fixed(4+64+4)),
GridItem(.fixed(4+64+4)),
GridItem(.fixed(4+64+4)),
GridItem(.fixed(4+64+4)),
GridItem(.fixed(4+64+4))
], spacing: 0) {
ForEach(Hotline.classicIconSet, id: \.self) { iconID in
HStack {
Image("Classic/\(iconID)")
.resizable()
.interpolation(.none)
.scaledToFit()
.frame(width: 64, height: 32)
}
.tag(iconID)
.frame(width: 64, height: 64)
.padding(4)
.background(iconID == preferences.userIconID ? Color.accentColor : (iconID == hoveredUserIconID ? Color.accentColor.opacity(0.1) : Color(nsColor: .textBackgroundColor)))
.clipShape(RoundedRectangle(cornerRadius: 5))
.onTapGesture {
preferences.userIconID = iconID
}
.onHover { hovered in
if hovered {
self.hoveredUserIconID = iconID
}
}
}
}
.padding()
}
.background(Color(nsColor: .textBackgroundColor))
.clipShape(RoundedRectangle(cornerRadius: 6))
.overlay(RoundedRectangle(cornerRadius: 6).stroke(Color(nsColor: .separatorColor), lineWidth: 1))
.onAppear {
scrollProxy.scrollTo(preferences.userIconID, anchor: .center)
}
.frame(height: 415)
}
}
.padding()
}
}
struct SettingsView: View {
private enum Tabs: Hashable {
case general, icon
}
var body: some View {
TabView {
GeneralSettingsView()
.tabItem {
Label("General", systemImage: "person.text.rectangle")
}
.tag(Tabs.general)
IconSettingsView()
.tabItem {
Label("Icon", systemImage: "person")
}
.tag(Tabs.icon)
}
}
}
#Preview {
SettingsView()
}
|
