summaryrefslogtreecommitdiff
path: root/Sora/Views/Post/Details/PostDetailsView.swift
blob: e6d090eeaccba37722dc0b33a81b16748ffc4192 (plain) (blame)
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
import SwiftUI

struct PostDetailsView: View {
  @EnvironmentObject var settings: Settings
  let post: BooruPost
  @State private var loadingStage: BooruPostLoadingState = .loadingPreview
  private var imageURL: URL? {
    switch settings.detailViewType {
    case .preview:
      post.previewURL

    case .sample:
      post.sampleURL

    case .original:
      post.fileURL
    }
  }
  @State private var isTagsSheetPresented = false

  var body: some View {
    VStack(spacing: 0) {
      PostDetailsImageView(
        url: imageURL,
        loadingStage: $loadingStage,
        finalLoadingState: .loaded,
        post: post
      ) {
        PostDetailsImageView(
          url: post.previewURL,
          loadingStage: $loadingStage
        )
        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .center)
        .id(post.previewURL)
        .padding(0)
        .zIndex(0)
      }
      .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .center)
      .id(imageURL)
      .padding(0)
      .zIndex(0)

      if settings.displayDetailsInformationBar {
        VStack(spacing: 5) {
          HStack {
            Text(post.createdAt.formatted())
              .frame(maxWidth: .infinity, alignment: .leading)

            Group {
              switch loadingStage {
              case .loadingPreview:
                Text("Loading Preview…")

              case .loadingFile:
                Text("Loading \(settings.detailViewType.rawValue)…")

              case .loaded:
                EmptyView()
              }
            }
            .padding(.trailing, 5)
          }
          .frame(maxWidth: .infinity, alignment: .leading)
          .foregroundStyle(.secondary)
        }
        .padding(.horizontal, 10)
        .padding(.vertical, 10 / 1.33)
        .textSelection(.enabled)
        .font(.footnote)
        #if os(iOS)
          .background(.ultraThinMaterial)
        #else
          .background(.opacity(0.1))
        #endif
        .zIndex(1)
      }
    }
    .navigationTitle("Details")
    #if os(iOS)
      .navigationBarTitleDisplayMode(.inline)
      .toolbarBackground(.visible, for: .navigationBar)
      .toolbarBackground(.ultraThinMaterial, for: .navigationBar)
    #endif
    .toolbar {
      ToolbarItem {
        Button(action: {
          isTagsSheetPresented.toggle()
        }) {
          Label("Tags", systemImage: "tag")
        }
      }

      #if os(macOS)
        if settings.enableShareShortcut {
          ToolbarItem {
            ShareLink(item: imageURL!) {
              Label("Share", systemImage: "square.and.arrow.up")
            }
          }
        }
      #endif
    }
    .sheet(isPresented: $isTagsSheetPresented) {
      PostDetailsTagsView(isPresented: $isTagsSheetPresented, tags: post.tags)
        .frame(minHeight: 250)
    }
  }
}