mirror of
https://github.com/Dimillian/IceCubesApp.git
synced 2024-06-08 08:19:23 +00:00
Move lang in the editor
This commit is contained in:
parent
a80d36227e
commit
8e8737b040
|
@ -20,9 +20,7 @@ extension StatusEditor {
|
||||||
let focusedSEVM: ViewModel
|
let focusedSEVM: ViewModel
|
||||||
@Binding var followUpSEVMs: [ViewModel]
|
@Binding var followUpSEVMs: [ViewModel]
|
||||||
|
|
||||||
@State private var isLanguageSheetDisplayed: Bool = false
|
|
||||||
@State private var isCustomEmojisSheetDisplay: Bool = false
|
@State private var isCustomEmojisSheetDisplay: Bool = false
|
||||||
@State private var languageSearch: String = ""
|
|
||||||
@State private var isLoadingAIRequest: Bool = false
|
@State private var isLoadingAIRequest: Bool = false
|
||||||
@State private var isPhotosPickerPresented: Bool = false
|
@State private var isPhotosPickerPresented: Bool = false
|
||||||
@State private var isFileImporterPresented: Bool = false
|
@State private var isFileImporterPresented: Bool = false
|
||||||
|
@ -50,9 +48,6 @@ extension StatusEditor {
|
||||||
.background(.thinMaterial)
|
.background(.thinMaterial)
|
||||||
#endif
|
#endif
|
||||||
}
|
}
|
||||||
.onAppear {
|
|
||||||
viewModel.setInitialLanguageSelection(preference: preferences.recentlyUsedLanguages.first ?? preferences.serverPreferences?.postLanguage)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@ViewBuilder
|
@ViewBuilder
|
||||||
|
@ -219,25 +214,6 @@ extension StatusEditor {
|
||||||
Image(systemName: "at")
|
Image(systemName: "at")
|
||||||
}
|
}
|
||||||
|
|
||||||
Button {
|
|
||||||
isLanguageSheetDisplayed.toggle()
|
|
||||||
} label: {
|
|
||||||
if let language = viewModel.selectedLanguage {
|
|
||||||
Text(language.uppercased())
|
|
||||||
} else {
|
|
||||||
Image(systemName: "globe")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.accessibilityLabel("accessibility.editor.button.language")
|
|
||||||
.popover(isPresented: $isLanguageSheetDisplayed) {
|
|
||||||
if UIDevice.current.userInterfaceIdiom == .phone {
|
|
||||||
languageSheetView
|
|
||||||
} else {
|
|
||||||
languageSheetView
|
|
||||||
.frame(width: 400, height: 500)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if preferences.isOpenAIEnabled {
|
if preferences.isOpenAIEnabled {
|
||||||
AIMenu.disabled(!viewModel.canPost)
|
AIMenu.disabled(!viewModel.canPost)
|
||||||
}
|
}
|
||||||
|
@ -273,15 +249,6 @@ extension StatusEditor {
|
||||||
}
|
}
|
||||||
#endif
|
#endif
|
||||||
|
|
||||||
@ViewBuilder
|
|
||||||
private func languageTextView(isoCode: String, nativeName: String?, name: String?) -> some View {
|
|
||||||
if let nativeName, let name {
|
|
||||||
Text("\(nativeName) (\(name))")
|
|
||||||
} else {
|
|
||||||
Text(isoCode.uppercased())
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private var AIMenu: some View {
|
private var AIMenu: some View {
|
||||||
Menu {
|
Menu {
|
||||||
ForEach(AIPrompt.allCases, id: \.self) { prompt in
|
ForEach(AIPrompt.allCases, id: \.self) { prompt in
|
||||||
|
@ -313,58 +280,6 @@ extension StatusEditor {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private var languageSheetView: some View {
|
|
||||||
NavigationStack {
|
|
||||||
List {
|
|
||||||
if languageSearch.isEmpty {
|
|
||||||
if !recentlyUsedLanguages.isEmpty {
|
|
||||||
Section("status.editor.language-select.recently-used") {
|
|
||||||
languageSheetSection(languages: recentlyUsedLanguages)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Section {
|
|
||||||
languageSheetSection(languages: otherLanguages)
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
languageSheetSection(languages: languageSearchResult(query: languageSearch))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.searchable(text: $languageSearch)
|
|
||||||
.toolbar {
|
|
||||||
ToolbarItem(placement: .navigationBarLeading) {
|
|
||||||
Button("action.cancel", action: { isLanguageSheetDisplayed = false })
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.navigationTitle("status.editor.language-select.navigation-title")
|
|
||||||
.navigationBarTitleDisplayMode(.inline)
|
|
||||||
.scrollContentBackground(.hidden)
|
|
||||||
.background(theme.secondaryBackgroundColor)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private func languageSheetSection(languages: [Language]) -> some View {
|
|
||||||
ForEach(languages) { language in
|
|
||||||
HStack {
|
|
||||||
languageTextView(
|
|
||||||
isoCode: language.isoCode,
|
|
||||||
nativeName: language.nativeName,
|
|
||||||
name: language.localizedName
|
|
||||||
).tag(language.isoCode)
|
|
||||||
Spacer()
|
|
||||||
if language.isoCode == focusedSEVM.selectedLanguage {
|
|
||||||
Image(systemName: "checkmark")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.listRowBackground(theme.primaryBackgroundColor)
|
|
||||||
.contentShape(Rectangle())
|
|
||||||
.onTapGesture {
|
|
||||||
focusedSEVM.selectedLanguage = language.isoCode
|
|
||||||
focusedSEVM.hasExplicitlySelectedLanguage = true
|
|
||||||
isLanguageSheetDisplayed = false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private var customEmojisSheet: some View {
|
private var customEmojisSheet: some View {
|
||||||
NavigationStack {
|
NavigationStack {
|
||||||
ScrollView {
|
ScrollView {
|
||||||
|
@ -412,26 +327,6 @@ extension StatusEditor {
|
||||||
}
|
}
|
||||||
.presentationDetents([.medium])
|
.presentationDetents([.medium])
|
||||||
}
|
}
|
||||||
|
|
||||||
private var recentlyUsedLanguages: [Language] {
|
|
||||||
preferences.recentlyUsedLanguages.compactMap { isoCode in
|
|
||||||
Language.allAvailableLanguages.first { $0.isoCode == isoCode }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private var otherLanguages: [Language] {
|
|
||||||
Language.allAvailableLanguages.filter { !preferences.recentlyUsedLanguages.contains($0.isoCode) }
|
|
||||||
}
|
|
||||||
|
|
||||||
private func languageSearchResult(query: String) -> [Language] {
|
|
||||||
Language.allAvailableLanguages.filter { language in
|
|
||||||
guard !languageSearch.isEmpty else {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
return language.nativeName?.lowercased().hasPrefix(query.lowercased()) == true
|
|
||||||
|| language.localizedName?.lowercased().hasPrefix(query.lowercased()) == true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -8,15 +8,6 @@ import SwiftUI
|
||||||
extension StatusEditor {
|
extension StatusEditor {
|
||||||
@MainActor
|
@MainActor
|
||||||
struct EditorView: View {
|
struct EditorView: View {
|
||||||
@Bindable var viewModel: ViewModel
|
|
||||||
@Binding var followUpSEVMs: [ViewModel]
|
|
||||||
@Binding var editingMediaContainer: MediaContainer?
|
|
||||||
|
|
||||||
@FocusState<UUID?>.Binding var isSpoilerTextFocused: UUID?
|
|
||||||
@FocusState<EditorFocusState?>.Binding var editorFocusState: EditorFocusState?
|
|
||||||
let assignedFocusState: EditorFocusState
|
|
||||||
let isMain: Bool
|
|
||||||
|
|
||||||
@Environment(Theme.self) private var theme
|
@Environment(Theme.self) private var theme
|
||||||
@Environment(UserPreferences.self) private var preferences
|
@Environment(UserPreferences.self) private var preferences
|
||||||
@Environment(CurrentAccount.self) private var currentAccount
|
@Environment(CurrentAccount.self) private var currentAccount
|
||||||
|
@ -28,6 +19,18 @@ extension StatusEditor {
|
||||||
#else
|
#else
|
||||||
@Environment(\.dismiss) private var dismiss
|
@Environment(\.dismiss) private var dismiss
|
||||||
#endif
|
#endif
|
||||||
|
|
||||||
|
@Bindable var viewModel: ViewModel
|
||||||
|
@Binding var followUpSEVMs: [ViewModel]
|
||||||
|
@Binding var editingMediaContainer: MediaContainer?
|
||||||
|
|
||||||
|
@State private var isLanguageSheetDisplayed: Bool = false
|
||||||
|
@State private var languageSearch: String = ""
|
||||||
|
|
||||||
|
@FocusState<UUID?>.Binding var isSpoilerTextFocused: UUID?
|
||||||
|
@FocusState<EditorFocusState?>.Binding var editorFocusState: EditorFocusState?
|
||||||
|
let assignedFocusState: EditorFocusState
|
||||||
|
let isMain: Bool
|
||||||
|
|
||||||
var body: some View {
|
var body: some View {
|
||||||
HStack(spacing: 0) {
|
HStack(spacing: 0) {
|
||||||
|
@ -44,7 +47,7 @@ extension StatusEditor {
|
||||||
VStack(spacing: 0) {
|
VStack(spacing: 0) {
|
||||||
accountHeaderView
|
accountHeaderView
|
||||||
textInput
|
textInput
|
||||||
characterCountView
|
characterCountAndLangView
|
||||||
MediaView(viewModel: viewModel, editingMediaContainer: $editingMediaContainer)
|
MediaView(viewModel: viewModel, editingMediaContainer: $editingMediaContainer)
|
||||||
embeddedStatus
|
embeddedStatus
|
||||||
pollView
|
pollView
|
||||||
|
@ -144,9 +147,9 @@ extension StatusEditor {
|
||||||
|
|
||||||
|
|
||||||
@ViewBuilder
|
@ViewBuilder
|
||||||
private var characterCountView: some View {
|
private var characterCountAndLangView: some View {
|
||||||
let value = (currentInstance.instance?.configuration?.statuses.maxCharacters ?? 500) + viewModel.statusTextCharacterLength
|
let value = (currentInstance.instance?.configuration?.statuses.maxCharacters ?? 500) + viewModel.statusTextCharacterLength
|
||||||
HStack {
|
HStack(alignment: .center) {
|
||||||
Text("\(value)")
|
Text("\(value)")
|
||||||
.foregroundColor(value < 0 ? .red : .secondary)
|
.foregroundColor(value < 0 ? .red : .secondary)
|
||||||
.font(.scaledCallout)
|
.font(.scaledCallout)
|
||||||
|
@ -156,9 +159,119 @@ extension StatusEditor {
|
||||||
.accessibilityAddTraits(.updatesFrequently)
|
.accessibilityAddTraits(.updatesFrequently)
|
||||||
.accessibilityRespondsToUserInteraction(false)
|
.accessibilityRespondsToUserInteraction(false)
|
||||||
.padding(.leading, .layoutPadding)
|
.padding(.leading, .layoutPadding)
|
||||||
.padding(.bottom, 8)
|
|
||||||
|
Button {
|
||||||
|
isLanguageSheetDisplayed.toggle()
|
||||||
|
} label: {
|
||||||
|
HStack(alignment: .center) {
|
||||||
|
if let language = viewModel.selectedLanguage {
|
||||||
|
Image(systemName: "text.bubble")
|
||||||
|
Text(language.uppercased())
|
||||||
|
} else {
|
||||||
|
Image(systemName: "globe")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.font(.footnote)
|
||||||
|
}
|
||||||
|
.buttonStyle(.bordered)
|
||||||
|
.onAppear {
|
||||||
|
viewModel.setInitialLanguageSelection(preference: preferences.recentlyUsedLanguages.first ?? preferences.serverPreferences?.postLanguage)
|
||||||
|
}
|
||||||
|
.accessibilityLabel("accessibility.editor.button.language")
|
||||||
|
.popover(isPresented: $isLanguageSheetDisplayed) {
|
||||||
|
if UIDevice.current.userInterfaceIdiom == .phone {
|
||||||
|
languageSheetView
|
||||||
|
} else {
|
||||||
|
languageSheetView
|
||||||
|
.frame(width: 400, height: 500)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
Spacer()
|
Spacer()
|
||||||
}
|
}
|
||||||
|
.padding(.bottom, 8)
|
||||||
|
}
|
||||||
|
|
||||||
|
private var languageSheetView: some View {
|
||||||
|
NavigationStack {
|
||||||
|
List {
|
||||||
|
if languageSearch.isEmpty {
|
||||||
|
if !recentlyUsedLanguages.isEmpty {
|
||||||
|
Section("status.editor.language-select.recently-used") {
|
||||||
|
languageSheetSection(languages: recentlyUsedLanguages)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Section {
|
||||||
|
languageSheetSection(languages: otherLanguages)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
languageSheetSection(languages: languageSearchResult(query: languageSearch))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.searchable(text: $languageSearch)
|
||||||
|
.toolbar {
|
||||||
|
ToolbarItem(placement: .navigationBarLeading) {
|
||||||
|
Button("action.cancel", action: { isLanguageSheetDisplayed = false })
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.navigationTitle("status.editor.language-select.navigation-title")
|
||||||
|
.navigationBarTitleDisplayMode(.inline)
|
||||||
|
.scrollContentBackground(.hidden)
|
||||||
|
.background(theme.secondaryBackgroundColor)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ViewBuilder
|
||||||
|
private func languageTextView(isoCode: String, nativeName: String?, name: String?) -> some View {
|
||||||
|
if let nativeName, let name {
|
||||||
|
Text("\(nativeName) (\(name))")
|
||||||
|
} else {
|
||||||
|
Text(isoCode.uppercased())
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private func languageSheetSection(languages: [Language]) -> some View {
|
||||||
|
ForEach(languages) { language in
|
||||||
|
HStack {
|
||||||
|
languageTextView(
|
||||||
|
isoCode: language.isoCode,
|
||||||
|
nativeName: language.nativeName,
|
||||||
|
name: language.localizedName
|
||||||
|
).tag(language.isoCode)
|
||||||
|
Spacer()
|
||||||
|
if language.isoCode == viewModel.selectedLanguage {
|
||||||
|
Image(systemName: "checkmark")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.listRowBackground(theme.primaryBackgroundColor)
|
||||||
|
.contentShape(Rectangle())
|
||||||
|
.onTapGesture {
|
||||||
|
viewModel.selectedLanguage = language.isoCode
|
||||||
|
viewModel.hasExplicitlySelectedLanguage = true
|
||||||
|
isLanguageSheetDisplayed = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var recentlyUsedLanguages: [Language] {
|
||||||
|
preferences.recentlyUsedLanguages.compactMap { isoCode in
|
||||||
|
Language.allAvailableLanguages.first { $0.isoCode == isoCode }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private var otherLanguages: [Language] {
|
||||||
|
Language.allAvailableLanguages.filter { !preferences.recentlyUsedLanguages.contains($0.isoCode) }
|
||||||
|
}
|
||||||
|
|
||||||
|
private func languageSearchResult(query: String) -> [Language] {
|
||||||
|
Language.allAvailableLanguages.filter { language in
|
||||||
|
guard !languageSearch.isEmpty else {
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
return language.nativeName?.lowercased().hasPrefix(query.lowercased()) == true
|
||||||
|
|| language.localizedName?.lowercased().hasPrefix(query.lowercased()) == true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private func setupViewModel() {
|
private func setupViewModel() {
|
||||||
|
|
Loading…
Reference in a new issue