//
// ContentDetailView.swift
// SodaLive
//
// Created by klaus on 2023/08/11.
//
import SwiftUI
import Kingfisher
import RefreshableScrollView
struct ContentDetailView: View {
let contentId: Int
@Environment(\.presentationMode) var presentationMode: Binding<PresentationMode>
@StateObject private var viewModel = ContentDetailViewModel()
@State private var isShowOrderView = false
@State private var isShowOrderConfirmView = false
@State private var isShowCommentListView = false
var body: some View {
GeometryReader { proxy in
BaseView(isLoading: $viewModel.isLoading) {
VStack(spacing: 0) {
HStack(spacing: 0) {
Button {
if presentationMode.wrappedValue.isPresented {
presentationMode.wrappedValue.dismiss()
} else {
AppState.shared.back()
}
} label: {
Image("ic_back")
.resizable()
.frame(width: 20, height: 20)
Text("콘텐츠 상세")
.font(.custom(Font.bold.rawValue, size: 18.3))
.foregroundColor(Color(hex: "eeeeee"))
}
Spacer()
Image("ic_seemore_vertical")
.onTapGesture {
viewModel.isShowReportMenu = true
}
}
.padding(.horizontal, 13.3)
.frame(height: 50)
.background(Color.black)
if let audioContent = viewModel.audioContent {
ContentDetailCreatorProfileView(
creator: audioContent.creator,
onClickFollow: { viewModel.creatorFollow(userId: $0) },
onClickUnFollow: { viewModel.creatorUnFollow(userId: $0) }
)
.padding(.horizontal, 13.3)
.padding(.top, 5.3)
.onTapGesture {
AppState.shared
.setAppStep(step: .creatorDetail(userId: audioContent.creator.creatorId))
}
ZStack {
RefreshableScrollView(
refreshing: $viewModel.isLoading,
action: {
viewModel.getAudioContentDetail()
}) {
VStack(spacing: 0) {
ContentDetailPlayView(
audioContent: audioContent,
isAlertPreview: audioContent.price > 0 && !audioContent.existOrdered && audioContent.orderType == nil && audioContent.creator.creatorId != UserDefaults.int(forKey: .userId),
isShowPreviewAlert: $viewModel.isShowPreviewAlert
)
ContentDetailInfoView(
isExpandDescription: $viewModel.isExpandDescription,
isShowPreviewAlert: $viewModel.isShowPreviewAlert,
audioContent: audioContent,
onClickLike: { viewModel.likeContent() },
onClickShare: {
viewModel.shareAudioContent(
contentImage: audioContent.coverImageUrl,
contentTitle: "\(audioContent.title) - \(audioContent.creator.nickname)"
)
},
onClickDonation: { viewModel.isShowDonationPopup = true }
)
.padding(.horizontal, 13.3)
if let releaseDate = audioContent.releaseDate {
Text(releaseDate)
.font(.custom(Font.bold.rawValue, size: 13.3))
.foregroundColor(.white)
.frame(maxWidth: .infinity)
.frame(height: 48.7)
.background(Color(hex: "525252"))
.cornerRadius(5.3)
.padding(.top, 18.3)
.padding(.horizontal, 13.3)
} else if audioContent.price > 0 &&
!audioContent.existOrdered &&
audioContent.orderType == nil &&
audioContent.creator.creatorId != UserDefaults.int(forKey: .userId) {
ContentDetailPurchaseButton(price: audioContent.price, isOnlyRental: audioContent.isOnlyRental)
.contentShape(Rectangle())
.padding(.horizontal, 13.3)
.onTapGesture { isShowOrderView = true }
}
if audioContent.isCommentAvailable {
ContentDetailCommentView(
commentCount: audioContent.commentCount,
commentList: audioContent.commentList,
registerComment: { comment in
self.viewModel.registerComment(comment: comment)
}
)
.padding(10.3)
.background(Color.white.opacity(0.1))
.cornerRadius(5.3)
.padding(.top, 13.3)
.contentShape(Rectangle())
.padding(.horizontal, 13.3)
.onTapGesture {
if audioContent.commentCount > 0 {
isShowCommentListView = true
}
}
}
ContentDetailOtherContentView(
title: "크리에이터의 다른 콘텐츠",
items: audioContent.creatorOtherContentList,
onClickItem: { viewModel.contentId = $0 }
)
.padding(.top, 26.7)
.padding(.horizontal, 13.3)
Rectangle()
.foregroundColor(Color(hex: "232323"))
.frame(height: 6.7)
.padding(.top, 24)
ContentDetailOtherContentView(
title: "테마의 다른 콘텐츠",
items: audioContent.sameThemeOtherContentList,
onClickItem: { viewModel.contentId = $0 }
)
.padding(.top, 26.7)
.padding(.horizontal, 13.3)
}
}
if audioContent.isMosaic {
ContentDetailMosaicView()
}
}
.padding(.top, 13.3)
}
Spacer()
}
.navigationTitle("")
.navigationBarBackButtonHidden()
.onAppear {
viewModel.contentId = contentId
AppState.shared.pushAudioContentId = 0
}
if let audioContent = viewModel.audioContent, isShowOrderView {
VStack(spacing: 0) {
ContentOrderDialogView(
isShowing: $isShowOrderView,
price: audioContent.price,
isOnlyRental: audioContent.isOnlyRental,
onTapPurchase: {
viewModel.orderType = $0
isShowOrderConfirmView = true
}
)
if proxy.safeAreaInsets.bottom > 0 {
Rectangle()
.foregroundColor(Color(hex: "222222"))
.frame(width: proxy.size.width, height: 15.3)
}
}
.ignoresSafeArea()
}
if
let orderType = viewModel.orderType,
let audioContent = viewModel.audioContent,
isShowOrderConfirmView
{
VStack(spacing: 0) {
ContentOrderConfirmDialogView(
isShowing: $isShowOrderConfirmView,
audioContent: audioContent,
orderType: orderType,
isOnlyRental: audioContent.isOnlyRental,
onClickConfirm: {
viewModel.order(orderType: orderType)
}
)
}
.ignoresSafeArea()
}
ZStack {
if viewModel.isShowReportMenu {
VStack(spacing: 0) {
ContentDetailMenuView(
isShowing: $viewModel.isShowReportMenu,
isPin: viewModel.audioContent!.isPin,
isShowCreatorMenu: viewModel.audioContent!.creator.creatorId == UserDefaults.int(forKey: .userId),
pinAction: {
if viewModel.audioContent!.isPin {
viewModel.unpinContent(contentId: contentId)
} else {
if viewModel.audioContent!.isAvailablePin {
viewModel.pinContent(contentId: contentId)
} else {
viewModel.isShowNoticePinContentPopup = true
}
}
},
modifyAction: {
if viewModel.audioContent!.creator.creatorId == UserDefaults.int(forKey: .userId) {
AppState
.shared
.setAppStep(
step: .modifyContent(contentId: contentId)
)
}
},
deleteAction: {
if viewModel.audioContent!.creator.creatorId == UserDefaults.int(forKey: .userId) {
viewModel.isShowDeleteConfirm = true
}
},
reportAction: {
viewModel.isShowReportView = true
}
)
if proxy.safeAreaInsets.bottom > 0 {
Rectangle()
.foregroundColor(Color(hex: "222222"))
.frame(width: proxy.size.width, height: 15.3)
}
}
.ignoresSafeArea()
}
if viewModel.isShowReportView {
AudioContentReportDialogView(
isShowing: $viewModel.isShowReportView,
confirmAction: { reason in
viewModel.report(
type: .AUDIO_CONTENT,
audioContentId: contentId,
reason: reason
)
}
)
}
if viewModel.isShowDeleteConfirm {
AudioContentDeleteDialogView(
isShowing: $viewModel.isShowDeleteConfirm,
title: viewModel.audioContent!.title,
confirmAction: {
viewModel.deleteAudioContent {
DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
AppState.shared.back()
}
}
},
showToast: {
viewModel.errorMessage = "동의하셔야 삭제할 수 있습니다."
viewModel.isShowPopup = true
}
)
}
if viewModel.isShowDonationPopup {
LiveRoomDonationDialogView(isShowing: $viewModel.isShowDonationPopup, isAudioContentDonation: true) { can, comment in
viewModel.donation(can: can, comment: comment)
}
}
if viewModel.isShowNoticePinContentPopup {
SodaDialog(
title: "고정 한도 도달",
desc: "이 콘텐츠를 고정하시겠어요? " +
"채널에 콘텐츠를 최대 3개까지 고정할 수 있습니다." +
"이 콘텐츠를 고정하면 가장 오래된 콘텐츠가 대체됩니다.",
confirmButtonTitle: "확인",
confirmButtonAction: {
viewModel.isShowNoticePinContentPopup = false
viewModel.pinContent(contentId: contentId)
},
cancelButtonTitle: "취소",
cancelButtonAction: {
viewModel.isShowNoticePinContentPopup = false
}
)
}
}
}
.sheet(
isPresented: $viewModel.isShowShareView,
onDismiss: { viewModel.shareMessage = "" },
content: {
ActivityViewController(activityItems: [viewModel.shareMessage])
}
)
.sheet(
isPresented: $isShowCommentListView,
content: {
AudioContentCommentListView(
isPresented: $isShowCommentListView,
creatorId: viewModel.audioContent!.creator.creatorId,
audioContentId: viewModel.audioContent!.contentId
)
}
)
.popup(isPresented: $viewModel.isShowPopup, type: .toast, position: .top, autohideIn: 2) {
GeometryReader { geo in
HStack {
Spacer()
Text(viewModel.errorMessage)
.padding(.vertical, 13.3)
.frame(width: screenSize().width - 66.7, alignment: .center)
.font(.custom(Font.medium.rawValue, size: 12))
.background(Color(hex: "9970ff"))
.foregroundColor(Color.white)
.multilineTextAlignment(.center)
.cornerRadius(20)
.padding(.top, 66.7)
Spacer()
}
}
}
}
}
}