summaryrefslogtreecommitdiff
path: root/Sora/Views/Post/Details/PostDetailsView.swift
blob: e040bc3247d472b4426b667cc61dc5811769fcab (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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
import SwiftUI

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

    case .sample:
      post.sampleURL

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

  var filteredPosts: [BooruPost] {
    manager.posts
      .filter { settings.displayRatings.contains($0.rating) }
  }

  var body: some View {
    VStack(spacing: 0) {
      #if os(macOS)
        PostDetailsImageView(
          url: imageURL,
          loadingStage: $loadingStage,
          finalLoadingState: .loaded,
          post: post
        ) {
          PostDetailsImageView(
            url: post.previewURL,
            loadingStage: $loadingStage
          )
          .id(post.previewURL)
        }
        .id(imageURL)
      #else
        PostDetailsCarouselView(
          posts: filteredPosts,
          loadingStage: $loadingStage,
          focusedPost: post
        )
        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .center)
      #endif

      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.detailViewQuality.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 {
      #if !os(macOS)
        if manager.isLoading || loadingStage != .loaded {
          ToolbarItem {
            ProgressView()
          }
        }
      #endif

      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)
    }
  }
}