Mirrored_Repos/yattee
1
0
Fork 0
mirror of https://github.com/yattee/yattee.git synced 2025-08-09 20:24:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

make chapters collapsible

Browse Source 
Chapters are now collapsible by default only the first two chapters are shown. The second will be shown opaque to indicate more chapters.
This commit is contained in:
Toni Förster
2023-11-21 15:25:22 +01:00
parent eb1dfe69cd
commit e436dec4ba
3 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
Shared/Player/Video Details/VideoDetails.swift
View File

@@ -169,6 +169,7 @@ struct VideoDetails: View {
@State private var subscriptionToggleButtonDisabled = false
@State private var page = DetailsPage.info
@State private var descriptionExpanded = false
@State private var chaptersExpanded = false
@Environment(\.navigationStyle) private var navigationStyle
#if os(iOS)
@@ -317,10 +318,9 @@ struct VideoDetails: View {
if player.videoBeingOpened.isNil {
if showChapters,
!video.isLocal,
!video.chapters.isEmpty
{
!video.chapters.isEmpty {
Section(header: chaptersHeader) {
ChaptersView()
ChaptersView(expand: $chaptersExpanded)
}
}
@@ -331,8 +331,7 @@ struct VideoDetails: View {
if showRelated,
!sidebarQueue,
!(player.videoForDisplay?.related.isEmpty ?? true)
{
!(player.videoForDisplay?.related.isEmpty ?? true) {
RelatedView()
.padding(.horizontal)
.padding(.top, 20)
@@ -390,8 +389,7 @@ struct VideoDetails: View {
if showScrollToTopInComments,
page == .comments,
comments.loaded,
comments.all.count > 3
{
comments.all.count > 3 {
Button {
withAnimation {
proxy.scrollTo(Self.pageMenuID)
@@ -441,10 +439,17 @@ struct VideoDetails: View {
}
var chaptersHeader: some View {
Text("Chapters".localized())
.padding(.horizontal)
.font(.caption)
.foregroundColor(.secondary)
HStack {
Text("Chapters".localized())
Spacer()
Button(action: { chaptersExpanded.toggle() }) {
Image(systemName: chaptersExpanded ? "chevron.up" : "chevron.down")
.imageScale(.small)
}
}
.padding(.horizontal)
.font(.caption)
.foregroundColor(.secondary)
}
}