436 lines
24 KiB
Swift
436 lines
24 KiB
Swift
//
|
|
// 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
|
|
@State private var isShowFollowNotifyDialog: Bool = false
|
|
@State private var creatorId: Int = 0
|
|
|
|
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.grayee)
|
|
}
|
|
|
|
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(creatorId: $0) },
|
|
showCreatorFollowNotifyDialog: {
|
|
creatorId = $0
|
|
isShowFollowNotifyDialog = true
|
|
}
|
|
)
|
|
.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
|
|
)
|
|
|
|
ContentDetailPreviousNextContentButtonView(
|
|
previousContent: audioContent.previousContent,
|
|
nextContent: audioContent.nextContent
|
|
) {
|
|
viewModel.contentId = $0
|
|
}
|
|
.padding(.top, 13.3)
|
|
.padding(.horizontal, 13.3)
|
|
|
|
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.gray52)
|
|
.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) {
|
|
if let _ = audioContent.totalContentCount, let remainingContentCount = audioContent.remainingContentCount, remainingContentCount <= 0 {
|
|
Text("해당 콘텐츠가 매진되었습니다.")
|
|
.font(.custom(Font.bold.rawValue, size: 13.3))
|
|
.foregroundColor(.white)
|
|
.frame(maxWidth: .infinity)
|
|
.frame(height: 48.7)
|
|
.background(Color.gray52)
|
|
.cornerRadius(5.3)
|
|
.padding(.top, 18.3)
|
|
.padding(.horizontal, 13.3)
|
|
} else {
|
|
ContentDetailPurchaseButton(
|
|
price: audioContent.price,
|
|
title: audioContent.purchaseOption == .RENT_ONLY ? " 대여하기" :
|
|
audioContent.purchaseOption == .BUY_ONLY ? " 소장하기" : " 구매하기",
|
|
backgroundColor: audioContent.purchaseOption == .RENT_ONLY ? Color(hex: "548f7d") :
|
|
audioContent.purchaseOption == .BUY_ONLY ? Color(hex: "59548f") :
|
|
Color.button
|
|
)
|
|
.contentShape(Rectangle())
|
|
.padding(.horizontal, 13.3)
|
|
.onTapGesture {
|
|
if audioContent.purchaseOption == .BUY_ONLY || (audioContent.totalContentCount != nil && audioContent.remainingContentCount != nil) {
|
|
viewModel.orderType = .KEEP
|
|
isShowOrderConfirmView = true
|
|
} else if audioContent.purchaseOption == .RENT_ONLY {
|
|
viewModel.orderType = .RENTAL
|
|
isShowOrderConfirmView = true
|
|
} else {
|
|
isShowOrderView = true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if audioContent.isCommentAvailable && !audioContent.contentUrl.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty && audioContent.releaseDate == nil {
|
|
ContentDetailCommentView(
|
|
commentCount: audioContent.commentCount,
|
|
commentList: audioContent.commentList,
|
|
isShowSecret: audioContent.existOrdered,
|
|
registerComment: { comment, isSecret in
|
|
self.viewModel.registerComment(comment: comment, isSecret: isSecret)
|
|
}
|
|
)
|
|
.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.gray23)
|
|
.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,
|
|
onTapPurchase: {
|
|
viewModel.orderType = $0
|
|
isShowOrderConfirmView = true
|
|
}
|
|
)
|
|
|
|
if proxy.safeAreaInsets.bottom > 0 {
|
|
Rectangle()
|
|
.foregroundColor(Color.gray22)
|
|
.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,
|
|
title: audioContent.title,
|
|
price: audioContent.purchaseOption == .BOTH && orderType == .RENTAL ? Int(ceil(Double(audioContent.price) * 0.7)) : audioContent.price,
|
|
duration: audioContent.duration,
|
|
themeStr: audioContent.themeStr,
|
|
coverImageUrl: audioContent.coverImageUrl,
|
|
creatorNickname: audioContent.creator.nickname,
|
|
creatorProfileImageUrl: audioContent.creator.profileImageUrl,
|
|
orderType: orderType,
|
|
onClickConfirm: {
|
|
if UserDefaults.int(forKey: .userId) == 17958 {
|
|
AppState.shared
|
|
.setAppStep(
|
|
step: .tempCanPayment(
|
|
orderType: orderType,
|
|
contentId: audioContent.contentId,
|
|
title: audioContent.title,
|
|
can: audioContent.purchaseOption == .BOTH && orderType == .RENTAL ? Int(ceil(Double(audioContent.price) * 0.7)) :
|
|
audioContent.price
|
|
)
|
|
)
|
|
} else {
|
|
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.gray22)
|
|
.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
|
|
}
|
|
)
|
|
}
|
|
}
|
|
|
|
if isShowFollowNotifyDialog {
|
|
CreatorFollowNotifyDialog(
|
|
isShowing: $isShowFollowNotifyDialog,
|
|
onClickNotifyAll: {
|
|
viewModel.creatorFollow(creatorId: creatorId, follow: true, notify: true)
|
|
creatorId = 0
|
|
},
|
|
onClickNotifyNone: {
|
|
viewModel.creatorFollow(creatorId: creatorId, follow: true, notify: false)
|
|
creatorId = 0
|
|
},
|
|
onClickUnFollow: {
|
|
viewModel.creatorFollow(creatorId: creatorId, follow: false, notify: false)
|
|
creatorId = 0
|
|
}
|
|
)
|
|
}
|
|
}
|
|
.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,
|
|
isShowSecret: viewModel.audioContent!.existOrdered
|
|
)
|
|
}
|
|
)
|
|
.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()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|