mirror of
https://github.com/cranci1/Sora.git
synced 2026-05-11 20:40:39 +00:00
test UI mode
This commit is contained in:
Francesco
parent
92585beaba
commit
1b20a7cdbb
1 changed files with 157 additions and 107 deletions
|
|
@ -19,127 +19,173 @@ struct ModuleAdditionSettingsView: View {
|
||||||
var moduleUrl: String
|
var moduleUrl: String
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
VStack {
|
ZStack {
|
||||||
ScrollView {
|
LinearGradient(
|
||||||
VStack {
|
gradient: Gradient(colors: [
|
||||||
if let metadata = moduleMetadata {
|
colorScheme == .dark ? Color.black : Color.white,
|
||||||
VStack(spacing: 25) {
|
Color.accentColor.opacity(0.08)
|
||||||
VStack(spacing: 15) {
|
]),
|
||||||
|
startPoint: .top,
|
||||||
|
endPoint: .bottom
|
||||||
|
)
|
||||||
|
.ignoresSafeArea()
|
||||||
|
|
||||||
|
VStack(spacing: 0) {
|
||||||
|
HStack {
|
||||||
|
Button(action: { presentationMode.wrappedValue.dismiss() }) {
|
||||||
|
Image(systemName: "chevron.left")
|
||||||
|
.font(.system(size: 22, weight: .bold))
|
||||||
|
.foregroundColor(.primary)
|
||||||
|
.padding(10)
|
||||||
|
.background(Color.gray.opacity(0.15))
|
||||||
|
.clipShape(Circle())
|
||||||
|
.circularGradientOutline()
|
||||||
|
}
|
||||||
|
Spacer()
|
||||||
|
Text("Add Module")
|
||||||
|
.font(.largeTitle.bold())
|
||||||
|
.foregroundColor(.primary)
|
||||||
|
Spacer()
|
||||||
|
Color.clear.frame(width: 44)
|
||||||
|
}
|
||||||
|
.padding(.horizontal, 20)
|
||||||
|
.padding(.top, 24)
|
||||||
|
|
||||||
|
ScrollView {
|
||||||
|
VStack(spacing: 28) {
|
||||||
|
if let metadata = moduleMetadata {
|
||||||
|
VStack(spacing: 18) {
|
||||||
KFImage(URL(string: metadata.iconUrl))
|
KFImage(URL(string: metadata.iconUrl))
|
||||||
.resizable()
|
.resizable()
|
||||||
.aspectRatio(contentMode: .fit)
|
.aspectRatio(contentMode: .fit)
|
||||||
.frame(width: 120, height: 120)
|
.frame(width: 110, height: 110)
|
||||||
.clipShape(Circle())
|
.clipShape(Circle())
|
||||||
.shadow(radius: 5)
|
.shadow(radius: 6)
|
||||||
.transition(.scale)
|
.overlay(
|
||||||
|
Circle()
|
||||||
|
.stroke(Color.accentColor, lineWidth: 2)
|
||||||
|
)
|
||||||
|
.padding(.top, 10)
|
||||||
|
|
||||||
Text(metadata.sourceName)
|
Text(metadata.sourceName)
|
||||||
.font(.system(size: 28, weight: .bold))
|
.font(.title2.bold())
|
||||||
|
.multilineTextAlignment(.center)
|
||||||
|
.foregroundColor(.primary)
|
||||||
|
|
||||||
|
HStack(spacing: 14) {
|
||||||
|
KFImage(URL(string: metadata.author.icon))
|
||||||
|
.resizable()
|
||||||
|
.aspectRatio(contentMode: .fill)
|
||||||
|
.frame(width: 48, height: 48)
|
||||||
|
.clipShape(Circle())
|
||||||
|
.shadow(radius: 2)
|
||||||
|
VStack(alignment: .leading, spacing: 2) {
|
||||||
|
Text(metadata.author.name)
|
||||||
|
.font(.headline)
|
||||||
|
.foregroundColor(.primary)
|
||||||
|
Text("Author")
|
||||||
|
.font(.caption)
|
||||||
|
.foregroundColor(.secondary)
|
||||||
|
}
|
||||||
|
Spacer()
|
||||||
|
}
|
||||||
|
.padding(14)
|
||||||
|
.background(
|
||||||
|
RoundedRectangle(cornerRadius: 18)
|
||||||
|
.fill(Color(.systemGray6).opacity(colorScheme == .dark ? 0.2 : 0.7))
|
||||||
|
)
|
||||||
|
|
||||||
|
VStack(spacing: 0) {
|
||||||
|
InfoRow(title: "Version", value: metadata.version)
|
||||||
|
Divider().padding(.horizontal, 8)
|
||||||
|
InfoRow(title: "Language", value: metadata.language)
|
||||||
|
Divider().padding(.horizontal, 8)
|
||||||
|
InfoRow(title: "Quality", value: metadata.quality)
|
||||||
|
Divider().padding(.horizontal, 8)
|
||||||
|
InfoRow(title: "Stream Typed", value: metadata.streamType)
|
||||||
|
Divider().padding(.horizontal, 8)
|
||||||
|
InfoRow(title: "Base URL", value: metadata.baseUrl)
|
||||||
|
.onLongPressGesture {
|
||||||
|
UIPasteboard.general.string = metadata.baseUrl
|
||||||
|
DropManager.shared.showDrop(title: "Copied to Clipboard", subtitle: "", duration: 1.0, icon: UIImage(systemName: "doc.on.clipboard.fill"))
|
||||||
|
}
|
||||||
|
Divider().padding(.horizontal, 8)
|
||||||
|
InfoRow(title: "Script URL", value: metadata.scriptUrl)
|
||||||
|
.onLongPressGesture {
|
||||||
|
UIPasteboard.general.string = metadata.scriptUrl
|
||||||
|
DropManager.shared.showDrop(title: "Copied to Clipboard", subtitle: "", duration: 1.0, icon: UIImage(systemName: "doc.on.clipboard.fill"))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.padding(16)
|
||||||
|
.background(
|
||||||
|
RoundedRectangle(cornerRadius: 18)
|
||||||
|
.fill(Color(.systemGray6).opacity(colorScheme == .dark ? 0.18 : 0.8))
|
||||||
|
)
|
||||||
|
}
|
||||||
|
.padding(.horizontal, 20)
|
||||||
|
.padding(.top, 10)
|
||||||
|
} else if isLoading {
|
||||||
|
VStack(spacing: 20) {
|
||||||
|
ProgressView()
|
||||||
|
.scaleEffect(1.5)
|
||||||
|
Text("Loading module information...")
|
||||||
|
.foregroundColor(.secondary)
|
||||||
|
}
|
||||||
|
.frame(maxHeight: .infinity)
|
||||||
|
.padding(.top, 100)
|
||||||
|
} else if let errorMessage = errorMessage {
|
||||||
|
VStack(spacing: 20) {
|
||||||
|
Image(systemName: "exclamationmark.triangle.fill")
|
||||||
|
.font(.system(size: 50))
|
||||||
|
.foregroundColor(.red)
|
||||||
|
Text(errorMessage)
|
||||||
|
.foregroundColor(.red)
|
||||||
.multilineTextAlignment(.center)
|
.multilineTextAlignment(.center)
|
||||||
}
|
}
|
||||||
.padding(.top)
|
.frame(maxHeight: .infinity)
|
||||||
|
.padding(.top, 100)
|
||||||
Divider()
|
|
||||||
|
|
||||||
HStack(spacing: 15) {
|
|
||||||
KFImage(URL(string: metadata.author.icon))
|
|
||||||
.resizable()
|
|
||||||
.aspectRatio(contentMode: .fill)
|
|
||||||
.frame(width: 60, height: 60)
|
|
||||||
.clipShape(Circle())
|
|
||||||
.shadow(radius: 3)
|
|
||||||
|
|
||||||
VStack(alignment: .leading, spacing: 4) {
|
|
||||||
Text(metadata.author.name)
|
|
||||||
.font(.headline)
|
|
||||||
Text("Author")
|
|
||||||
.font(.subheadline)
|
|
||||||
.foregroundColor(.secondary)
|
|
||||||
}
|
|
||||||
Spacer()
|
|
||||||
}
|
|
||||||
.padding(.horizontal)
|
|
||||||
|
|
||||||
Divider()
|
|
||||||
|
|
||||||
VStack(alignment: .leading, spacing: 12) {
|
|
||||||
InfoRow(title: "Version", value: metadata.version)
|
|
||||||
InfoRow(title: "Language", value: metadata.language)
|
|
||||||
InfoRow(title: "Quality", value: metadata.quality)
|
|
||||||
InfoRow(title: "Stream Typed", value: metadata.streamType)
|
|
||||||
InfoRow(title: "Base URL", value: metadata.baseUrl)
|
|
||||||
.onLongPressGesture {
|
|
||||||
UIPasteboard.general.string = metadata.baseUrl
|
|
||||||
DropManager.shared.showDrop(title: "Copied to Clipboard", subtitle: "", duration: 1.0, icon: UIImage(systemName: "doc.on.clipboard.fill"))
|
|
||||||
}
|
|
||||||
InfoRow(title: "Script URL", value: metadata.scriptUrl)
|
|
||||||
.onLongPressGesture {
|
|
||||||
UIPasteboard.general.string = metadata.scriptUrl
|
|
||||||
DropManager.shared.showDrop(title: "Copied to Clipboard", subtitle: "", duration: 1.0, icon: UIImage(systemName: "doc.on.clipboard.fill"))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.padding(.horizontal)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Divider()
|
|
||||||
|
|
||||||
} else if isLoading {
|
|
||||||
VStack(spacing: 20) {
|
|
||||||
ProgressView()
|
|
||||||
.scaleEffect(1.5)
|
|
||||||
Text("Loading module information...")
|
|
||||||
.foregroundColor(.secondary)
|
|
||||||
}
|
|
||||||
.frame(maxHeight: .infinity)
|
|
||||||
.padding(.top, 100)
|
|
||||||
} else if let errorMessage = errorMessage {
|
|
||||||
VStack(spacing: 20) {
|
|
||||||
Image(systemName: "exclamationmark.triangle.fill")
|
|
||||||
.font(.system(size: 50))
|
|
||||||
.foregroundColor(.red)
|
|
||||||
Text(errorMessage)
|
|
||||||
.foregroundColor(.red)
|
|
||||||
.multilineTextAlignment(.center)
|
|
||||||
}
|
|
||||||
.frame(maxHeight: .infinity)
|
|
||||||
.padding(.top, 100)
|
|
||||||
}
|
}
|
||||||
|
.padding(.bottom, 30)
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
Spacer()
|
|
||||||
|
|
||||||
VStack {
|
|
||||||
Button(action: addModule) {
|
|
||||||
HStack {
|
|
||||||
Image(systemName: "plus.circle.fill")
|
|
||||||
Text("Add Module")
|
|
||||||
}
|
|
||||||
.font(.headline)
|
|
||||||
.foregroundColor(colorScheme == .dark ? .black : .white)
|
|
||||||
.padding()
|
|
||||||
.frame(maxWidth: .infinity)
|
|
||||||
.background(
|
|
||||||
RoundedRectangle(cornerRadius: 15)
|
|
||||||
.foregroundColor(colorScheme == .dark ? .white : .black)
|
|
||||||
)
|
|
||||||
|
|
||||||
.padding(.horizontal)
|
|
||||||
}
|
|
||||||
.disabled(isLoading)
|
|
||||||
.opacity(isLoading ? 0.6 : 1)
|
|
||||||
|
|
||||||
Button(action: {
|
VStack(spacing: 10) {
|
||||||
self.presentationMode.wrappedValue.dismiss()
|
Button(action: addModule) {
|
||||||
}) {
|
HStack {
|
||||||
Text("Cancel")
|
Image(systemName: "plus.circle.fill")
|
||||||
.foregroundColor(colorScheme == .dark ? Color.white : Color.black)
|
Text("Add Module")
|
||||||
.padding(.top, 10)
|
}
|
||||||
|
.font(.headline)
|
||||||
|
.foregroundColor(colorScheme == .dark ? .black : .white)
|
||||||
|
.frame(maxWidth: .infinity)
|
||||||
|
.padding(.vertical, 14)
|
||||||
|
.background(
|
||||||
|
LinearGradient(
|
||||||
|
gradient: Gradient(colors: [
|
||||||
|
Color.accentColor.opacity(0.95),
|
||||||
|
Color.accentColor.opacity(0.7)
|
||||||
|
]),
|
||||||
|
startPoint: .leading,
|
||||||
|
endPoint: .trailing
|
||||||
|
)
|
||||||
|
.clipShape(RoundedRectangle(cornerRadius: 18))
|
||||||
|
)
|
||||||
|
.shadow(color: Color.accentColor.opacity(0.18), radius: 8, x: 0, y: 4)
|
||||||
|
.padding(.horizontal, 20)
|
||||||
|
}
|
||||||
|
.disabled(isLoading || moduleMetadata == nil)
|
||||||
|
.opacity(isLoading ? 0.6 : 1)
|
||||||
|
|
||||||
|
Button(action: { presentationMode.wrappedValue.dismiss() }) {
|
||||||
|
Text("Cancel")
|
||||||
|
.font(.body)
|
||||||
|
.foregroundColor(.secondary)
|
||||||
|
.padding(.vertical, 8)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
.padding(.bottom, 24)
|
||||||
}
|
}
|
||||||
.padding(.bottom, 20)
|
|
||||||
}
|
}
|
||||||
.navigationTitle("Add Module")
|
|
||||||
.onAppear(perform: fetchModuleMetadata)
|
.onAppear(perform: fetchModuleMetadata)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -202,13 +248,17 @@ struct InfoRow: View {
|
||||||
let value: String
|
let value: String
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
VStack(alignment: .leading, spacing: 4) {
|
HStack {
|
||||||
Text(title)
|
Text(title)
|
||||||
.font(.subheadline)
|
.font(.subheadline)
|
||||||
.foregroundColor(.secondary)
|
.foregroundColor(.secondary)
|
||||||
|
Spacer()
|
||||||
Text(value)
|
Text(value)
|
||||||
.font(.body)
|
.font(.body)
|
||||||
|
.foregroundColor(.primary)
|
||||||
.lineLimit(1)
|
.lineLimit(1)
|
||||||
|
.truncationMode(.tail)
|
||||||
}
|
}
|
||||||
|
.padding(.vertical, 6)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue