aboutsummaryrefslogtreecommitdiff
path: root/Hotline/macOS/MessageBoardView.swift
blob: 115e4e3fbc85fe849c91b78fccb1374850c9d38f (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
import SwiftUI

struct MessageBoardView: View {
  @Environment(Hotline.self) private var model: Hotline

  @State private var composerDisplayed: Bool = false
  @State private var composerText: String = ""

  var body: some View {
    NavigationStack {
      if model.access?.contains(.canReadMessageBoard) != false {
        ScrollView {
          LazyVStack(alignment: .leading) {
            ForEach(model.messageBoard, id: \.self) { msg in
              Text(LocalizedStringKey(msg))
                .tint(Color("Link Color"))
                .lineLimit(100)
                .lineSpacing(4)
                .padding()
                .textSelection(.enabled)
              Divider()
            }
          }
          Spacer()
        }
        .task {
          if !model.messageBoardLoaded {
            let _ = await model.getMessageBoard()
          }
        }
        .overlay {
          if !model.messageBoardLoaded {
            VStack {
              ProgressView()
                .controlSize(.large)
            }
            .frame(maxWidth: .infinity)
          }
        }
        .background(Color(nsColor: .textBackgroundColor))
      } else {
        ZStack(alignment: .center) {
          Text("No Message Board")
            .font(.title)
            .multilineTextAlignment(.center)
            .foregroundStyle(.secondary)
            .padding()
        }
        .frame(maxWidth: .infinity)
      }
    }
    .sheet(isPresented: $composerDisplayed) {
      MessageBoardEditorView()
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .frame(idealWidth: 450, idealHeight: 350)
      //      RichTextEditor(text: $composerText)
      //        .richEditorFont(NSFont.systemFont(ofSize: 16.0))
      //        .richEditorAutomaticDashSubstitution(false)
      //        .richEditorAutomaticQuoteSubstitution(false)
      //        .richEditorAutomaticSpellingCorrection(false)
      //        .background(Color(nsColor: .textBackgroundColor))
      //        .frame(maxWidth: .infinity, maxHeight: .infinity)
      //        .frame(idealWidth: 450, idealHeight: 350)
      //        .toolbar {
      //          ToolbarItem(placement: .cancellationAction) {
      //            Button("Cancel") {
      //              composerDisplayed.toggle()
      //            }
      //          }
      //
      //          ToolbarItem(placement: .primaryAction) {
      //            Button("Post") {
      //              composerDisplayed.toggle()
      //              let text = composerText
      //              composerText = ""
      //              model.postToMessageBoard(text: text)
      //              Task {
      //                await model.getMessageBoard()
      //              }
      //            }
      //          }
      //        }
    }
    .toolbar {
      ToolbarItem(placement: .primaryAction) {
        Button {
          composerDisplayed.toggle()
        } label: {
          Image(systemName: "square.and.pencil")
        }
        .disabled(model.access?.contains(.canPostMessageBoard) == false)
        .help("Post to Message Board")
      }
    }
  }
}

#Preview {
  MessageBoardView()
    .environment(Hotline(trackerClient: HotlineTrackerClient(), client: HotlineClient()))
}