Add the voice selection view

2022-09-26 17:47:06 +08:00
parent a66b4eeccc
commit 5bb0b1246b
1 changed files with 72 additions and 0 deletions
--- a/apple/OmnivoreKit/Sources/App/Views/Profile/TextToSpeechVoiceSelectionView.swift
+++ b/apple/OmnivoreKit/Sources/App/Views/Profile/TextToSpeechVoiceSelectionView.swift
@ -0,0 +1,72 @@
+import Models
+import Services
+import SwiftUI
+import Views
+
+struct TextToSpeechVoiceSelectionView: View {
+  @EnvironmentObject var audioController: AudioController
+  let language: VoiceLanguage
+
+  init(forLanguage: VoiceLanguage) {
+    self.language = forLanguage
+  }
+
+  var body: some View {
+    Group {
+      #if os(iOS)
+        Form {
+          Section("Language") {
+            NavigationLink(destination: TextToSpeechLanguageView().navigationTitle("Language")) {
+              Text(audioController.currentVoiceLanguage.name)
+            }
+          }
+          innerBody
+        }
+      #elseif os(macOS)
+        List {
+          innerBody
+        }
+        .listStyle(InsetListStyle())
+      #endif
+    }
+    .navigationTitle("Choose a Voice")
+  }
+
+  private var innerBody: some View {
+    ForEach(language.categories, id: \.self) { category in
+      Section(category.rawValue) {
+        ForEach(audioController.voiceList?.filter { $0.category == category } ?? [], id: \.key.self) { voice in
+          HStack {
+            // Voice samples are not working yet
+//            Button(action: {
+//              audioController.playVoiceSample(voice: voice.key)
+//            }) {
+//              Image(systemName: "play.circle").font(.appTitleTwo)
+//            }
+//            .buttonStyle(PlainButtonStyle())
+
+            Button(action: {
+              audioController.setPreferredVoice(voice.key, forLanguage: language.key)
+              audioController.currentVoice = voice.key
+            }) {
+              HStack {
+                Text(voice.name)
+                Spacer()
+
+                if voice.selected {
+                  if audioController.isLoading {
+                    ProgressView()
+                  } else {
+                    Image(systemName: "checkmark")
+                  }
+                }
+              }
+              .contentShape(Rectangle())
+            }
+            .buttonStyle(PlainButtonStyle())
+          }
+        }
+      }
+    }
+  }
+}