Compare commits
4 Commits
fb7dd47a96
...
2c9da90662
| Author | SHA1 | Date |
|---|---|---|
saint
|
2c9da90662 | |
|
saint
|
605c165523 | |
|
saint
|
4c484ccd90 | |
|
saint
|
f107e746b8 |
|
|
@ -0,0 +1,216 @@
|
|||
//
|
||||
// Fenestra.swift
|
||||
// gloss
|
||||
//
|
||||
// Created by Saint on 5/20/24.
|
||||
//
|
||||
|
||||
import Foundation
|
||||
import SwiftUI
|
||||
import WrappingHStack
|
||||
|
||||
struct SegRow: View {
|
||||
var seg: SegDenorm
|
||||
var ribbonId: Int64
|
||||
@State var highlights = Set<Int>()
|
||||
|
||||
var body: some View {
|
||||
var segSplit = seg.body.components(separatedBy: ";;")
|
||||
let decoder = JSONDecoder()
|
||||
var retView = WrappingHStack(alignment: .leading, horizontalSpacing: 0) {
|
||||
ForEach(0 ..< segSplit.count, id: \.self) { segIndex in
|
||||
|
||||
let verse = try! decoder.decode(Verse.self, from: segSplit[segIndex].data(using: .utf8)!)
|
||||
let arrayOfText = verse.body.components(separatedBy: " ")
|
||||
|
||||
let lineHeight = CGFloat(30)
|
||||
let fontSize = CGFloat(20)
|
||||
let highlightColor = "470000"
|
||||
ForEach(0 ..< arrayOfText.count, id: \.self) { index in
|
||||
HStack(spacing: 0) {
|
||||
if index == 0 {
|
||||
Text("")
|
||||
.foregroundColor(Color(UIColor(red: 0.76, green: 0.76, blue: 0.76, alpha: 1.00)))
|
||||
.font(Font.custom("AveriaSerifLibre-Regular", size: fontSize))
|
||||
.if(self.highlights.contains(verse.verse)) { $0.background(Color(hex: highlightColor)) }
|
||||
|
||||
VStack(spacing: 0) {
|
||||
ZStack {
|
||||
Text(" ")
|
||||
.foregroundColor(Color(UIColor(red: 0.76, green: 0.76, blue: 0.76, alpha: 1.00)))
|
||||
.font(Font.custom("AveriaSerifLibre-Regular", size: fontSize))
|
||||
.if(self.highlights.contains(verse.verse)) { $0.background(Color(hex: highlightColor)) }
|
||||
Text(String(verse.verse))
|
||||
.font(Font.custom("AveriaSerifLibre-Regular", size: 10))
|
||||
.padding(.horizontal, 0)
|
||||
.foregroundColor(Color(UIColor(red: 0.76, green: 0.76, blue: 0.76, alpha: 1.00)))
|
||||
.if(self.highlights.contains(verse.verse)) { $0.background(Color(hex: highlightColor)) }
|
||||
}
|
||||
.if(self.highlights.contains(verse.verse)) { $0.background(Color(hex: highlightColor)) }
|
||||
}
|
||||
}
|
||||
|
||||
Text(arrayOfText[index])
|
||||
.foregroundColor(Color(UIColor(red: 0.76, green: 0.76, blue: 0.76, alpha: 1.00)))
|
||||
.font(Font.custom("AveriaSerifLibre-Regular", size: fontSize))
|
||||
.padding(.horizontal, 1.5) // intra word spacing
|
||||
.if(self.highlights.contains(verse.verse)) { $0.background(Color(hex: highlightColor)) }
|
||||
.foregroundColor(Color.white)
|
||||
.onTapGesture {
|
||||
Print(arrayOfText[index])
|
||||
Print(verse.verse)
|
||||
if self.highlights.contains(verse.verse) {
|
||||
self.highlights.remove(verse.verse)
|
||||
} else {
|
||||
self.highlights.insert(verse.verse)
|
||||
}
|
||||
}
|
||||
}
|
||||
.frame(height: 16) // intra line spacing
|
||||
.padding(.vertical, 0)
|
||||
}
|
||||
}
|
||||
}
|
||||
return retView
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// struct Fenestra: View {
|
||||
// @State var segs: [SegDenorm]
|
||||
// @State var selectedRibbon: [Ribbon]
|
||||
|
||||
// @State var dragOffset = CGFloat()
|
||||
|
||||
// @State var refresh: Bool = false
|
||||
// @State var refresh2: Bool = false
|
||||
|
||||
// // var handleVisibilityChanged: (String, VisibilityChange, VisibilityTracker<String>) -> Void
|
||||
|
||||
// var body: some View {
|
||||
// ScrollViewReader { proxy in
|
||||
// VisibilityTrackingScrollView(action: handleVisibilityChanged) {
|
||||
// LazyVStack {
|
||||
// ForEach(segs) { seg in
|
||||
// SegRow(seg: seg,
|
||||
// ribbonId: selectedRibbon[0].id!)
|
||||
// .id("\(seg.id)")
|
||||
// .offset(x: -dragOffset)
|
||||
// .padding(EdgeInsets(top: 10, leading: 20, bottom: 40, trailing: 20))
|
||||
// .trackVisibility(id: "\(seg.id)")
|
||||
// }
|
||||
// }
|
||||
// .background(Color(red: 0.18, green: 0.18, blue: 0.18))
|
||||
// }
|
||||
|
||||
// .onAppear {
|
||||
// Print("APPEAR")
|
||||
// goToRibbon(selectedRibbon: selectedRibbon[0],
|
||||
// destRibbon: selectedRibbon[0],
|
||||
// scrollId: $scrollId,
|
||||
// scrollOffset: $scrollOffset,
|
||||
// refresh: $refresh,
|
||||
// showOverlay: $showOverlay,
|
||||
// appDatabase: appDatabase,
|
||||
// loading: true)
|
||||
// }
|
||||
// .onChange(of: refresh) { _ in
|
||||
// Task {
|
||||
// DispatchQueue.main.async {
|
||||
// Print("scroll Id target: \(scrollId)")
|
||||
// proxy.scrollTo(scrollId!, anchor: .top)
|
||||
|
||||
// DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
|
||||
// Print(" scroll id target", scrollId)
|
||||
// Print(" current id ", currentId)
|
||||
// Print(gTracker!.sortedViewIDs)
|
||||
// if currentId! != scrollId! {
|
||||
// Print("NO MATCH")
|
||||
// }
|
||||
|
||||
// Print(" current offset ", gTracker!.visibleViews[scrollId!])
|
||||
// var curOffset = gTracker!.visibleViews[scrollId!]
|
||||
// Print(" stats", gTracker!.visibleViews)
|
||||
// if curOffset != nil {
|
||||
// setScrollOffset = CGFloat(Int(scrollOffset!) - Int(curOffset!))
|
||||
// Print("applying scroll offset \(setScrollOffset)")
|
||||
// refresh2.toggle()
|
||||
// } else {
|
||||
// var adjust = (Int(scrollId!)! - Int(currentId!)!) * 200
|
||||
// Print("adjusting \(adjust)")
|
||||
// setScrollOffset = CGFloat(adjust)
|
||||
// refresh.toggle()
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .introspect(.scrollView, on: .iOS(.v13, .v14, .v15, .v16, .v17)) { scrollView in Print("introspect")
|
||||
// if setScrollOffset != nil {
|
||||
// DispatchQueue.main.async {
|
||||
// scrollView.contentOffset.y = scrollView.contentOffset.y + setScrollOffset!
|
||||
// setScrollOffset = nil
|
||||
// withAnimation {
|
||||
// showOverlay = false
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .listStyle(PlainListStyle())
|
||||
// }
|
||||
// .zIndex(1)
|
||||
// .background(Color(red: 0.2, green: 0.2, blue: 0.2))
|
||||
// .frame(width: geometry.size.width - 50, height: geometry.size.height / 2 - vertSep)
|
||||
// .offset(x: 30, y: 0)
|
||||
// .offset(x: pulledOut.width)
|
||||
// .offset(x: viewState.width, y: viewState.height)
|
||||
// .gesture(
|
||||
// DragGesture()
|
||||
// .onChanged { gesture in
|
||||
|
||||
// if endedDrag {
|
||||
// endedDrag = false
|
||||
// scrollOffset = readOffset.y - 20
|
||||
// }
|
||||
// Print(viewState.width)
|
||||
// if abs(gesture.translation.width) > 20 {
|
||||
// viewState.width = gesture.translation.width
|
||||
// if gesture.translation.width < -50, pulledOut.width == CGFloat(0) {
|
||||
// dragOffset = gesture.translation.width + 50
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .onEnded { _ in
|
||||
// endedDrag = true
|
||||
// var pulledOutWidth = CGFloat(0)
|
||||
// if viewState.width < 0 {
|
||||
// pulledOutWidth = CGFloat(0)
|
||||
// } else if abs(viewState.width + pulledOut.width) > 30 {
|
||||
// pulledOutWidth = CGFloat(200)
|
||||
// }
|
||||
|
||||
// withAnimation(.spring(response: 0.2)) {
|
||||
// pulledOut.width = pulledOutWidth
|
||||
// viewState = .zero
|
||||
// dragOffset = .zero
|
||||
// }
|
||||
// }
|
||||
// )
|
||||
// }
|
||||
|
||||
// func handleVisibilityChanged(_: String, change _: VisibilityChange, tracker: VisibilityTracker<String>) {
|
||||
// // var printRate: Int64 = 10
|
||||
// gTracker = tracker
|
||||
|
||||
// let visibleViews2 = Array(tracker.visibleViews.keys)
|
||||
// if visibleViews2.count == 0 {
|
||||
// return
|
||||
// }
|
||||
|
||||
// // currentId = tracker.sortedViewIDs[tracker.sortedViewIDs.count - 1]
|
||||
// currentId = tracker.sortedViewIDs[0]
|
||||
// currentOffset = tracker.visibleViews[currentId!]!
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
//
|
||||
// HexColor.swift
|
||||
// gloss
|
||||
//
|
||||
// Created by Saint on 5/16/24.
|
||||
//
|
||||
|
||||
import Foundation
|
||||
import SwiftUI
|
||||
|
||||
|
||||
extension Color {
|
||||
init(hex: String) {
|
||||
let hex = hex.trimmingCharacters(in: CharacterSet.alphanumerics.inverted)
|
||||
var int: UInt64 = 0
|
||||
Scanner(string: hex).scanHexInt64(&int)
|
||||
let a, r, g, b: UInt64
|
||||
switch hex.count {
|
||||
case 3: // RGB (12-bit)
|
||||
(a, r, g, b) = (255, (int >> 8) * 17, (int >> 4 & 0xF) * 17, (int & 0xF) * 17)
|
||||
case 6: // RGB (24-bit)
|
||||
(a, r, g, b) = (255, int >> 16, int >> 8 & 0xFF, int & 0xFF)
|
||||
case 8: // ARGB (32-bit)
|
||||
(a, r, g, b) = (int >> 24, int >> 16 & 0xFF, int >> 8 & 0xFF, int & 0xFF)
|
||||
default:
|
||||
(a, r, g, b) = (1, 1, 1, 0)
|
||||
}
|
||||
|
||||
self.init(
|
||||
.sRGB,
|
||||
red: Double(r) / 255,
|
||||
green: Double(g) / 255,
|
||||
blue: Double(b) / 255,
|
||||
opacity: Double(a) / 255
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
@ -22,6 +22,7 @@
|
|||
85431A902905F4F600EE0760 /* Preview Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 85431A8F2905F4F600EE0760 /* Preview Assets.xcassets */; };
|
||||
85431A922905F4F600EE0760 /* Persistence.swift in Sources */ = {isa = PBXBuildFile; fileRef = 85431A912905F4F600EE0760 /* Persistence.swift */; };
|
||||
85431A9C2905F5D800EE0760 /* SwiftUIView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 85431A9B2905F5D800EE0760 /* SwiftUIView.swift */; };
|
||||
857C34492BFB7DC800661A63 /* Fenestra.swift in Sources */ = {isa = PBXBuildFile; fileRef = 857C34482BFB7DC800661A63 /* Fenestra.swift */; };
|
||||
8590D96729A183EE001EF84F /* AppDatabase.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8590D96629A183EE001EF84F /* AppDatabase.swift */; };
|
||||
8590D96929A18A6D001EF84F /* LineRequest.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8590D96829A18A6C001EF84F /* LineRequest.swift */; };
|
||||
8590D96C29A92146001EF84F /* JsonImport.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8590D96B29A92146001EF84F /* JsonImport.swift */; };
|
||||
|
|
@ -35,6 +36,7 @@
|
|||
85942EF929B1150B00307621 /* SegDenorm.swift in Sources */ = {isa = PBXBuildFile; fileRef = 85942EF829B1150B00307621 /* SegDenorm.swift */; };
|
||||
85942EFE29B11C0B00307621 /* john_export.json in Resources */ = {isa = PBXBuildFile; fileRef = 85942EFC29B11C0A00307621 /* john_export.json */; };
|
||||
85942EFF29B11C0B00307621 /* mark_export.json in Resources */ = {isa = PBXBuildFile; fileRef = 85942EFD29B11C0B00307621 /* mark_export.json */; };
|
||||
8594ED982BF6845F001213F2 /* HexColor.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8594ED972BF6845F001213F2 /* HexColor.swift */; };
|
||||
85E00E7C29F34D2D00FF9E78 /* ScrollState.swift in Sources */ = {isa = PBXBuildFile; fileRef = 85E00E7B29F34D2D00FF9E78 /* ScrollState.swift */; };
|
||||
85E00E7E29F34D3700FF9E78 /* ScrollStateRequest.swift in Sources */ = {isa = PBXBuildFile; fileRef = 85E00E7D29F34D3700FF9E78 /* ScrollStateRequest.swift */; };
|
||||
85F01DF82978787800F317B4 /* AveriaSerifLibre-Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 85F01DF72978787800F317B4 /* AveriaSerifLibre-Regular.ttf */; };
|
||||
|
|
@ -56,6 +58,7 @@
|
|||
85431A8F2905F4F600EE0760 /* Preview Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = "Preview Assets.xcassets"; sourceTree = "<group>"; };
|
||||
85431A912905F4F600EE0760 /* Persistence.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Persistence.swift; sourceTree = "<group>"; };
|
||||
85431A9B2905F5D800EE0760 /* SwiftUIView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SwiftUIView.swift; sourceTree = "<group>"; };
|
||||
857C34482BFB7DC800661A63 /* Fenestra.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Fenestra.swift; sourceTree = "<group>"; };
|
||||
8590D96629A183EE001EF84F /* AppDatabase.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDatabase.swift; sourceTree = "<group>"; };
|
||||
8590D96829A18A6C001EF84F /* LineRequest.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = LineRequest.swift; sourceTree = "<group>"; };
|
||||
8590D96B29A92146001EF84F /* JsonImport.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = JsonImport.swift; sourceTree = "<group>"; };
|
||||
|
|
@ -69,6 +72,7 @@
|
|||
85942EF829B1150B00307621 /* SegDenorm.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SegDenorm.swift; sourceTree = "<group>"; };
|
||||
85942EFC29B11C0A00307621 /* john_export.json */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.json; path = john_export.json; sourceTree = "<group>"; };
|
||||
85942EFD29B11C0B00307621 /* mark_export.json */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.json; path = mark_export.json; sourceTree = "<group>"; };
|
||||
8594ED972BF6845F001213F2 /* HexColor.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = HexColor.swift; sourceTree = "<group>"; };
|
||||
85E00E7B29F34D2D00FF9E78 /* ScrollState.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ScrollState.swift; sourceTree = "<group>"; };
|
||||
85E00E7D29F34D3700FF9E78 /* ScrollStateRequest.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ScrollStateRequest.swift; sourceTree = "<group>"; };
|
||||
85F01DF72978787800F317B4 /* AveriaSerifLibre-Regular.ttf */ = {isa = PBXFileReference; lastKnownFileType = file; path = "AveriaSerifLibre-Regular.ttf"; sourceTree = "<group>"; };
|
||||
|
|
@ -104,6 +108,8 @@
|
|||
85431A7C2905F4F500EE0760 = {
|
||||
isa = PBXGroup;
|
||||
children = (
|
||||
857C34482BFB7DC800661A63 /* Fenestra.swift */,
|
||||
8594ED972BF6845F001213F2 /* HexColor.swift */,
|
||||
85E00E7B29F34D2D00FF9E78 /* ScrollState.swift */,
|
||||
85E00E7D29F34D3700FF9E78 /* ScrollStateRequest.swift */,
|
||||
8528897429B2B86B003F2E16 /* CrownOfThorns.swift */,
|
||||
|
|
@ -276,10 +282,12 @@
|
|||
buildActionMask = 2147483647;
|
||||
files = (
|
||||
85431A922905F4F600EE0760 /* Persistence.swift in Sources */,
|
||||
857C34492BFB7DC800661A63 /* Fenestra.swift in Sources */,
|
||||
85942EEB29AD55A400307621 /* RibbonRequest.swift in Sources */,
|
||||
85431A8B2905F4F500EE0760 /* ContentView.swift in Sources */,
|
||||
85942EF529B108C600307621 /* Seg.swift in Sources */,
|
||||
85E00E7C29F34D2D00FF9E78 /* ScrollState.swift in Sources */,
|
||||
8594ED982BF6845F001213F2 /* HexColor.swift in Sources */,
|
||||
8528897529B2B86B003F2E16 /* CrownOfThorns.swift in Sources */,
|
||||
85E00E7E29F34D3700FF9E78 /* ScrollStateRequest.swift in Sources */,
|
||||
85942EE929AD51A100307621 /* Ribbon.swift in Sources */,
|
||||
|
|
|
|||
|
|
@ -7,10 +7,10 @@
|
|||
|
||||
import GRDB
|
||||
import GRDBQuery
|
||||
import SwiftUIIntrospect
|
||||
import os
|
||||
import SwiftUI
|
||||
import WrappingHStack
|
||||
import SwiftUIIntrospect
|
||||
|
||||
let logger = Logger(subsystem: Bundle.main.bundleIdentifier!, category: "network")
|
||||
|
||||
var currentId: String?
|
||||
|
|
@ -21,8 +21,6 @@ var printCount: Int64 = 0
|
|||
|
||||
var disableDrop = false
|
||||
|
||||
// var curBook = "John"
|
||||
|
||||
public extension UserDefaults {
|
||||
func optionalInt(forKey defaultName: String) -> Int? {
|
||||
let defaults = self
|
||||
|
|
@ -125,7 +123,6 @@ struct RibbonCrown: View {
|
|||
var isDragging: Bool
|
||||
|
||||
var height = CGFloat(45)
|
||||
var xOffset = CGFloat(25)
|
||||
var scale = 0.65
|
||||
|
||||
@Environment(\.appDatabase) private var appDatabase
|
||||
|
|
@ -141,15 +138,10 @@ struct RibbonCrown: View {
|
|||
alignment: .center
|
||||
).foregroundColor(Color(UIColor(red: 0.30, green: 0.30, blue: 0.30, alpha: 0.4)))
|
||||
.contentShape(.dragPreview, RoundedRectangle(cornerRadius: 32))
|
||||
|
||||
.if(draggedRibbon != nil && draggedRibbon!.id == ribbon.id && isDragging) { $0.overlay(Color(red: 0.1, green: 0.1, blue: 0.1)) }
|
||||
|
||||
// .offset(x: 10)
|
||||
|
||||
Text(ribbon.title)
|
||||
.foregroundColor(Color(UIColor(red: 0.76, green: 0.76, blue: 0.76, alpha: 1.00)))
|
||||
// .foregroundColor(.white))
|
||||
// .foregroundColor(.black)
|
||||
.frame(minWidth: CGFloat(70),
|
||||
maxWidth: CGFloat(70),
|
||||
minHeight: height,
|
||||
|
|
@ -157,19 +149,24 @@ struct RibbonCrown: View {
|
|||
alignment: .center)
|
||||
|
||||
.if(draggedRibbon != nil && draggedRibbon!.id == ribbon.id && isDragging) { $0.overlay(Color(red: 0.1, green: 0.1, blue: 0.1)) }
|
||||
|
||||
// .if(!isDragging || draggedRibbon == nil || draggedRibbon!.id != ribbon.id) { $0.background(Color(red: 0.1, green: 0.1, blue: 0.1)) }
|
||||
// .if(draggedRibbon != nil && draggedRibbon!.id == ribbon.id) { $0.background(.red) }
|
||||
.background(Color(red: 0.1, green: 0.1, blue: 0.1))
|
||||
// .offset(x: 10)
|
||||
// .background(Color(red: 0.1, green: 0.1, blue: 0.1))
|
||||
// .background(.red)
|
||||
// .background(.yellow)
|
||||
.multilineTextAlignment(.center)
|
||||
// .minimumScaleFactor(0.5)
|
||||
// .padding([.top, .bottom], 10)
|
||||
.font(Font.custom("AveriaSerifLibre-Regular", size: CGFloat(10)))
|
||||
}
|
||||
.onTapGesture {
|
||||
Task {
|
||||
goToRibbon(selectedRibbon: sr[0],
|
||||
destRibbon: ribbon,
|
||||
scrollId: $scrollId,
|
||||
scrollOffset: $scrollOffset,
|
||||
refresh: $refresh,
|
||||
showOverlay: $showOverlay,
|
||||
appDatabase: appDatabase,
|
||||
loading: false)
|
||||
}
|
||||
}
|
||||
.frame(width: CGFloat(100 * 1.66 * scale + 10), height: CGFloat(100 * scale + 5))
|
||||
}
|
||||
}
|
||||
|
|
@ -198,107 +195,9 @@ func makeVerseView(seg: SegDenorm) -> some View {
|
|||
return retView
|
||||
}
|
||||
|
||||
private struct SegRow: View {
|
||||
var seg: SegDenorm
|
||||
var ribbonId: Int64
|
||||
|
||||
var body: some View {
|
||||
|
||||
// var attributedString: AttributedString {
|
||||
// // var result = AttributedString("Hello World!")
|
||||
// var result = AttributedString(verse.verse)
|
||||
// // result.underlineStyle = Text.LineStyle(
|
||||
// // pattern: .dot, color: .white)
|
||||
// return result
|
||||
// }
|
||||
|
||||
// retView = retView + Text(String(ribbonId))
|
||||
// // retView = retView + Text(attributedString)
|
||||
// // Text(seg.body)
|
||||
// // .contentShape(Rectangle())
|
||||
// .font(Font.custom("AveriaSerifLibre-Regular", size: 10))
|
||||
// .baselineOffset(6.0)
|
||||
// .foregroundColor(Color(UIColor(red: 0.76, green: 0.76, blue: 0.76, alpha: 1.00)))
|
||||
|
||||
// retView = retView +
|
||||
// Text(attributedString)
|
||||
// .foregroundColor(Color(UIColor(red: 0.76, green: 0.76, blue: 0.76, alpha: 1.00)))
|
||||
// .font(Font.custom("AveriaSerifLibre-Regular", size: 20))
|
||||
// // .frame(maxWidth: .infinity, alignment: .leading)
|
||||
// // .contentShape(Rectangle())
|
||||
|
||||
// .listRowBackground(Color(red: 0.2, green: 0.8, blue: 0.2))
|
||||
// .listRowInsets(EdgeInsets())
|
||||
// .padding(EdgeInsets(top: 10, leading: 20, bottom: 40, trailing: 20))
|
||||
// .listRowSeparator(.hidden)
|
||||
// .id(String(seg.id) + "body" + String(i))
|
||||
// .id(seg.id)
|
||||
|
||||
// .listRowBackground(Color(red: 0.2, green: 0.8, blue: 0.2))
|
||||
// .listRowInsets(EdgeInsets())
|
||||
// .padding(EdgeInsets(top: 10, leading: 20, bottom: 40, trailing: 20))
|
||||
// .listRowSeparator(.hidden)
|
||||
// .id(String(seg.id) + "verse" + String(i))
|
||||
// .id(seg.id)
|
||||
// .onTapGesture {
|
||||
// selectedLine = seg.id
|
||||
// Print(selectedLine)
|
||||
// }
|
||||
|
||||
var segSplit = seg.body.components(separatedBy: ";;")
|
||||
let decoder = JSONDecoder()
|
||||
var retView = WrappingHStack(alignment: .leading, horizontalSpacing: 3.5) {
|
||||
|
||||
// segSplit.enumerated().forEach { _, item in
|
||||
ForEach(0..<segSplit.count, id: \.self) { segIndex in
|
||||
|
||||
|
||||
let verse = try! decoder.decode(Verse.self, from: segSplit[segIndex].data(using: .utf8)!)
|
||||
let arrayOfText = verse.body.components(separatedBy: " ")
|
||||
|
||||
|
||||
|
||||
|
||||
ForEach(0..<arrayOfText.count, id: \.self) { index in
|
||||
HStack (spacing: 2) {
|
||||
if index == 0 {
|
||||
Text(String(verse.verse))
|
||||
.contentShape(Rectangle())
|
||||
.font(Font.custom("AveriaSerifLibre-Regular", size: 10))
|
||||
.baselineOffset(6.0)
|
||||
|
||||
.foregroundColor(Color(UIColor(red: 0.76, green: 0.76, blue: 0.76, alpha: 1.00)))
|
||||
}
|
||||
|
||||
Text(arrayOfText[index])
|
||||
.foregroundColor(Color(UIColor(red: 0.76, green: 0.76, blue: 0.76, alpha: 1.00)))
|
||||
.font(Font.custom("AveriaSerifLibre-Regular", size: 20))
|
||||
|
||||
|
||||
.foregroundColor(Color.white)
|
||||
.padding(.horizontal, 0)
|
||||
|
||||
.onTapGesture {
|
||||
Print(arrayOfText[index])
|
||||
Print(index)
|
||||
}
|
||||
}
|
||||
// .if( index == 0 ) { $0.offset(x: -6) }
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
return retView
|
||||
}
|
||||
}
|
||||
|
||||
struct ContentView: View {
|
||||
@State var viewState = CGSize.zero
|
||||
@State var pulledOut = CGSize.zero
|
||||
@State var taskTitle: String = "FIRST DOGGG"
|
||||
@State var curBook: String = "Matthew"
|
||||
@State var selectedLine: Int64?
|
||||
|
||||
@State var thisScrollView: UIScrollView?
|
||||
@State var scrollUpdate = false
|
||||
|
|
@ -316,21 +215,12 @@ struct ContentView: View {
|
|||
@Environment(\.appDatabase) private var appDatabase
|
||||
@Query(SegDenormRequest(book: "bible.mark")) private var segs: [SegDenorm]
|
||||
|
||||
// @State var scrollDelegate: ScrollViewHandler
|
||||
// @State var scrollDelegate = ScrollViewHandler()
|
||||
|
||||
// @State var selectedRibbonId = Int64(UserDefaults.standard.optionalInt(forKey: "selectedRibbonId") ?? 1)
|
||||
|
||||
// ribbon
|
||||
// @Query(SelectedRibbonRequest()) private var selectedRibbon: [Ribbon]
|
||||
|
||||
@State var endedDrag = true
|
||||
|
||||
@State var readOffset = CGPoint()
|
||||
@State var dragOffset = CGFloat()
|
||||
|
||||
@State var refresh: Bool = false
|
||||
|
||||
@State var refresh2: Bool = false
|
||||
|
||||
@State var draggedRibbon: Ribbon?
|
||||
|
|
@ -341,36 +231,23 @@ struct ContentView: View {
|
|||
@Query(RibbonRequest()) private var ribbons: [Ribbon]
|
||||
@Query<SelectedRibbonRequest> var selectedRibbon: [Ribbon]
|
||||
|
||||
// @Query(RibbonRequest(id: Int64(UserDefaults.standard.optionalInt(forKey: "lastRibbonId") ?? 1))) private var selectedRibbon: [Ribbon]
|
||||
|
||||
init() {
|
||||
UITableView.appearance().backgroundColor = UIColor(Color(red: 0.2, green: 0.2, blue: 0.2))
|
||||
_selectedRibbon = Query(SelectedRibbonRequest())
|
||||
|
||||
// self._scrollDelegate = State(initialValue: ScrollViewHandler())
|
||||
}
|
||||
|
||||
var body: some View {
|
||||
// Print("rendering")
|
||||
|
||||
var size1 = CGFloat(11)
|
||||
var size2 = CGFloat(100)
|
||||
var fontSize = CGFloat(15)
|
||||
var scale = 0.65
|
||||
var height = CGFloat(50)
|
||||
var xOffset = CGFloat(25)
|
||||
|
||||
var width = CGFloat(100 * 1.66 * scale)
|
||||
|
||||
// ForEach(ribbons) { ribbon in
|
||||
// data.append(ribbon)
|
||||
// }
|
||||
|
||||
GeometryReader { geometry in
|
||||
ZStack(alignment: .top) {
|
||||
VStack(alignment: .leading) {
|
||||
VStack {
|
||||
// ReorderableForEach($data, allowReordering: $reorder) { item, isDragged in
|
||||
ForEach(ribbons) { ribbon in
|
||||
RibbonCrown(ribbon: ribbon,
|
||||
scrollId: $scrollId,
|
||||
|
|
@ -390,8 +267,6 @@ struct ContentView: View {
|
|||
appDatabase: appDatabase))
|
||||
.offset(x: 6, y: 6)
|
||||
}
|
||||
|
||||
// .foregroundColor(Color(UIColor(red: 0.76, green: 0.76, blue: 0.76, alpha: 1.00)))
|
||||
}
|
||||
.frame(width: geometry.size.width, height: geometry.size.height - 100, alignment: .topLeading)
|
||||
.background(Color(red: 0.1, green: 0.1, blue: 0.1))
|
||||
|
|
@ -399,26 +274,9 @@ struct ContentView: View {
|
|||
.animation(.default, value: ribbons)
|
||||
.onDrop(of: [.item],
|
||||
delegate: DropViewDelegate2(isDragging: $isDragging))
|
||||
|
||||
// Spacer()
|
||||
|
||||
// ForEach(ribbons) { ribbon in
|
||||
// RibbonCrown(ribbon: ribbon,
|
||||
// scrollId:$scrollId,
|
||||
// scrollOffset:$scrollOffset,
|
||||
// showOverlay: $showOverlay,
|
||||
// refresh:$refresh
|
||||
// )
|
||||
// // .buttonStyle(BlueButtonStyle())
|
||||
// // .frame(alignment: .topLeading)
|
||||
|
||||
// // .background(Color(red: 0.4, green: 0.4, blue: 0.1))
|
||||
// .animation(nil)
|
||||
// }
|
||||
}
|
||||
.background(Color(red: 0.1, green: 0.1, blue: 0.1))
|
||||
.frame(alignment: .topLeading)
|
||||
// .animation(nil)
|
||||
|
||||
VStack {
|
||||
ScrollViewReader { proxy in
|
||||
|
|
@ -435,16 +293,6 @@ struct ContentView: View {
|
|||
|
||||
.padding(EdgeInsets(top: 10, leading: 20, bottom: 40, trailing: 20))
|
||||
.trackVisibility(id: "\(seg.id)")
|
||||
|
||||
// .onChange(of: geometry.frame(in: .named("scrollView"))) { imageRect in
|
||||
// Print(imageRect)
|
||||
// Print(outerProxy)
|
||||
// if isInView(innerRect: imageRect, isIn: outerProxy) {
|
||||
// visibleIndex.insert(item)
|
||||
// } else {
|
||||
// visibleIndex.remove(item)
|
||||
// }
|
||||
// }
|
||||
}
|
||||
}
|
||||
.background(Color(red: 0.18, green: 0.18, blue: 0.18))
|
||||
|
|
@ -480,7 +328,7 @@ struct ContentView: View {
|
|||
// currentId = scrollId!
|
||||
// if (currentId != scrollId!) {
|
||||
|
||||
DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
|
||||
DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
|
||||
Print(" scroll id target", scrollId)
|
||||
Print(" current id ", currentId)
|
||||
Print(gTracker!.sortedViewIDs)
|
||||
|
|
@ -518,10 +366,7 @@ struct ContentView: View {
|
|||
}
|
||||
}
|
||||
.introspect(.scrollView, on: .iOS(.v13, .v14, .v15, .v16, .v17)) { scrollView in Print("introspect")
|
||||
// Print("Scroll delegate offset", scrollDelegate.scrollOffset)
|
||||
|
||||
if setScrollOffset != nil {
|
||||
// Print("Setting scroll offset in introspect", setScrollOffset)
|
||||
DispatchQueue.main.async {
|
||||
scrollView.contentOffset.y = scrollView.contentOffset.y + setScrollOffset!
|
||||
setScrollOffset = nil
|
||||
|
|
@ -533,12 +378,6 @@ struct ContentView: View {
|
|||
}
|
||||
}
|
||||
|
||||
// if (thisScrollView == nil) {
|
||||
// Print("init scroll")
|
||||
// thisScrollView = scrollView
|
||||
// scrollView.contentOffset.y = CGFloat(selectedRibbon[0].scrollOffset)
|
||||
// }
|
||||
|
||||
Print("end introspect")
|
||||
}
|
||||
.listStyle(PlainListStyle())
|
||||
|
|
@ -546,46 +385,6 @@ struct ContentView: View {
|
|||
.zIndex(1)
|
||||
.background(Color(red: 0.2, green: 0.2, blue: 0.2))
|
||||
.frame(width: geometry.size.width - 50, height: geometry.size.height / 2 - vertSep)
|
||||
.offset(x: 30, y: 0)
|
||||
.offset(x: pulledOut.width)
|
||||
.offset(x: viewState.width, y: viewState.height)
|
||||
.gesture(
|
||||
DragGesture()
|
||||
.onChanged { gesture in
|
||||
|
||||
if endedDrag {
|
||||
endedDrag = false
|
||||
scrollOffset = readOffset.y - 20
|
||||
// _ = Print("meow")
|
||||
}
|
||||
// logger.error("hello222")
|
||||
// NSLog("hellooo")
|
||||
Print(viewState.width)
|
||||
if abs(gesture.translation.width) > 20 {
|
||||
viewState.width = gesture.translation.width
|
||||
if gesture.translation.width < -50, pulledOut.width == CGFloat(0) {
|
||||
dragOffset = gesture.translation.width + 50
|
||||
}
|
||||
}
|
||||
// offset.y = gesture.translation.width
|
||||
// logger.log("hello")
|
||||
}
|
||||
.onEnded { _ in
|
||||
endedDrag = true
|
||||
var pulledOutWidth = CGFloat(0)
|
||||
if viewState.width < 0 {
|
||||
pulledOutWidth = CGFloat(0)
|
||||
} else if abs(viewState.width + pulledOut.width) > 30 {
|
||||
pulledOutWidth = CGFloat(200)
|
||||
}
|
||||
|
||||
withAnimation(.spring(response: 0.2)) {
|
||||
pulledOut.width = pulledOutWidth
|
||||
viewState = .zero
|
||||
dragOffset = .zero
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
Text("separator").foregroundColor(Color(UIColor(red: 0.76, green: 0.76, blue: 0.76, alpha: 1.00)))
|
||||
.gesture(
|
||||
|
|
@ -657,107 +456,13 @@ struct ContentView: View {
|
|||
|
||||
.onAppear {
|
||||
Print("APPEAR")
|
||||
// Print(selectedRibbon[0])
|
||||
// scrollId = "3"
|
||||
// scrollOffset = 103
|
||||
// refresh.toggle()
|
||||
|
||||
// goToRibbon(selectedRibbon: selectedRibbon[0],
|
||||
// destRibbon: selectedRibbon[0],
|
||||
// scrollId: $scrollId,
|
||||
// scrollOffset: $scrollOffset,
|
||||
// refresh: $refresh,
|
||||
// showOverlay: $showOverlay,
|
||||
// appDatabase: appDatabase,
|
||||
// loading: true)
|
||||
}
|
||||
// .onChange(of: refresh) { target in
|
||||
// //if let target = target {
|
||||
// //gTracker!.visibleViews["123123"] = CGFloat(100)
|
||||
// // Print("ON CHANGE", gTracker!.visibleViews)
|
||||
// // Print("removing", gTracker!.visibleViews.removeAll())
|
||||
|
||||
// Task {
|
||||
// DispatchQueue.main.async {
|
||||
|
||||
// Print("scroll Id target: \(scrollId)")
|
||||
|
||||
// proxy.scrollTo(scrollId! , anchor: .top)
|
||||
|
||||
// // proxy.scrollTo(String(Int(scrollId!)! + 1))
|
||||
|
||||
// // currentId = scrollId!
|
||||
|
||||
// // if (currentId != scrollId!) {
|
||||
|
||||
// DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
|
||||
|
||||
// Print(" scroll id target", scrollId)
|
||||
// Print(" current id ", currentId)
|
||||
// Print(gTracker!.sortedViewIDs)
|
||||
// if (currentId! != scrollId!) {
|
||||
// Print("NO MATCH")
|
||||
// }
|
||||
|
||||
// // Print(" scroll offset target", scrollOffset)
|
||||
// Print(" current offset ", gTracker!.visibleViews[scrollId!])
|
||||
// var curOffset = gTracker!.visibleViews[scrollId!]
|
||||
// Print(" stats", gTracker!.visibleViews)
|
||||
// // // setScrollOffset = CGFloat(Int(currentOffset!) * -1 + Int(scrollOffset!))
|
||||
// if (curOffset != nil) {
|
||||
// setScrollOffset = CGFloat(Int(scrollOffset!) - Int(curOffset!))
|
||||
// Print("applying scroll offset \(setScrollOffset)")
|
||||
// // // setScrollOffset = CGFloat(Int(scrollOffset!))
|
||||
// // Print("setting scroll offset", setScrollOffset)
|
||||
// refresh2.toggle()
|
||||
// } else {
|
||||
// var adjust = (Int(scrollId!)! - Int(currentId!)!) * 200
|
||||
// Print("adjusting \(adjust)")
|
||||
|
||||
// setScrollOffset = CGFloat(adjust)
|
||||
// refresh.toggle()
|
||||
|
||||
// }
|
||||
// // // currentId = scrollId!
|
||||
|
||||
// // DispatchQueue.main.async {
|
||||
|
||||
// // currentOffset = scrollOffset!
|
||||
// // currentId = scrollId!
|
||||
// // }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// .introspectScrollView { scrollView in
|
||||
// Print("introspect")
|
||||
// // scrollView.delegate = scrollDelegate
|
||||
// //Print("Scroll delegate offset", scrollDelegate.scrollOffset)
|
||||
|
||||
// if (setScrollOffset != nil) {
|
||||
// // Print("Setting scroll offset in introspect", setScrollOffset)
|
||||
// DispatchQueue.main.async {
|
||||
// scrollView.contentOffset.y = scrollView.contentOffset.y + setScrollOffset!
|
||||
// setScrollOffset = nil
|
||||
// withAnimation {
|
||||
// showOverlay = false
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// // if (thisScrollView == nil) {
|
||||
// // Print("init scroll")
|
||||
// // thisScrollView = scrollView
|
||||
// // scrollView.contentOffset.y = CGFloat(selectedRibbon[0].scrollOffset)
|
||||
// // }
|
||||
|
||||
// Print("end instrospect")
|
||||
// }
|
||||
.listStyle(PlainListStyle())
|
||||
}
|
||||
.zIndex(1)
|
||||
.background(Color(red: 0.2, green: 0.2, blue: 0.2))
|
||||
.frame(width: geometry.size.width - 50)
|
||||
}
|
||||
.offset(x: 30, y: 0)
|
||||
.offset(x: pulledOut.width)
|
||||
.offset(x: viewState.width, y: viewState.height)
|
||||
|
|
@ -775,6 +480,9 @@ struct ContentView: View {
|
|||
Print(viewState.width)
|
||||
if abs(gesture.translation.width) > 20 {
|
||||
viewState.width = gesture.translation.width
|
||||
if gesture.translation.width < -50, pulledOut.width == CGFloat(0) {
|
||||
dragOffset = gesture.translation.width + 50
|
||||
}
|
||||
}
|
||||
// offset.y = gesture.translation.width
|
||||
// logger.log("hello")
|
||||
|
|
@ -791,10 +499,11 @@ struct ContentView: View {
|
|||
withAnimation(.spring(response: 0.2)) {
|
||||
pulledOut.width = pulledOutWidth
|
||||
viewState = .zero
|
||||
dragOffset = .zero
|
||||
}
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
if showOverlay {
|
||||
Rectangle()
|
||||
|
|
@ -821,23 +530,6 @@ struct ContentView: View {
|
|||
// var printRate: Int64 = 10
|
||||
gTracker = tracker
|
||||
|
||||
// @Environment(\.appDatabase) var appDatabase
|
||||
// switch change {
|
||||
// case .shown: print("\(id) shown")
|
||||
// case .hidden: print("\(id) hidden")
|
||||
// }
|
||||
// if (printCount % printRate == 0) {
|
||||
// print("VISIBILITY CHANGED STARTED")
|
||||
// print(tracker.visibleViews)
|
||||
// print(tracker.sortedViewIDs)
|
||||
// print("VISIBILITY CHANGED ENDED")
|
||||
// }
|
||||
// printCount += 1
|
||||
|
||||
// if (currentId != nil) {
|
||||
// currentOffset = tracker.visibleViews[currentId!]!
|
||||
// }
|
||||
|
||||
let visibleViews2 = Array(tracker.visibleViews.keys)
|
||||
if visibleViews2.count == 0 {
|
||||
return
|
||||
|
|
@ -846,20 +538,6 @@ struct ContentView: View {
|
|||
// currentId = tracker.sortedViewIDs[tracker.sortedViewIDs.count - 1]
|
||||
currentId = tracker.sortedViewIDs[0]
|
||||
currentOffset = tracker.visibleViews[currentId!]!
|
||||
// if (Int(currentOffset!) != -1 && Int(currentOffset!) < 0) {
|
||||
// if (tracker.sortedViewIDs.count > 1) {
|
||||
// currentId = tracker.sortedViewIDs[1]
|
||||
// currentOffset = tracker.visibleViews[currentId!]!
|
||||
// }
|
||||
// }
|
||||
// if (currentId != nil) {
|
||||
// // if (printCount % printRate == 0) {
|
||||
// // print(printCount)
|
||||
// // print("cat current ID:", currentId)
|
||||
// // }
|
||||
// // print("got here")
|
||||
// currentOffset = tracker.visibleViews[currentId!]!
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue