1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
package org.mozilla.fenix.translations
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.platform.ComposeView
import androidx.compose.ui.res.stringResource
import androidx.fragment.app.Fragment
import androidx.navigation.fragment.findNavController
import androidx.navigation.fragment.navArgs
import mozilla.components.browser.state.action.TranslationsAction
import mozilla.components.browser.state.selector.findTab
import mozilla.components.browser.state.store.BrowserStore
import mozilla.components.concept.engine.translate.TranslationPageSettingOperation
import mozilla.components.lib.state.ext.observeAsComposableState
import mozilla.components.support.base.feature.UserInteractionHandler
import org.mozilla.fenix.GleanMetrics.Translations
import org.mozilla.fenix.R
import org.mozilla.fenix.ext.requireComponents
import org.mozilla.fenix.ext.settings
import org.mozilla.fenix.ext.showToolbar
import org.mozilla.fenix.nimbus.FxNimbus
import org.mozilla.fenix.theme.FirefoxTheme
/**
* A fragment displaying the Firefox Translation settings screen.
*/
class TranslationSettingsFragment : Fragment(), UserInteractionHandler {
private val args by navArgs<TranslationSettingsFragmentArgs>()
private val browserStore: BrowserStore by lazy { requireComponents.core.store }
override fun onResume() {
super.onResume()
showToolbar(getString(R.string.translation_settings_toolbar_title))
}
override fun onCreateView(
inflater: LayoutInflater,
container: ViewGroup?,
savedInstanceState: Bundle?,
): View = ComposeView(requireContext()).apply {
setContent {
FirefoxTheme {
TranslationSettings(
translationSwitchList = getTranslationSwitchItemList(),
showAutomaticTranslations = FxNimbus.features.translations.value().globalLangSettingsEnabled,
showNeverTranslate = FxNimbus.features.translations.value().globalSiteSettingsEnabled,
showDownloads = FxNimbus.features.translations.value().downloadsEnabled,
onAutomaticTranslationClicked = {
Translations.action.record(Translations.ActionExtra("global_lang_settings"))
findNavController().navigate(
TranslationSettingsFragmentDirections
.actionTranslationSettingsFragmentToAutomaticTranslationPreferenceFragment(),
)
},
onNeverTranslationClicked = {
Translations.action.record(Translations.ActionExtra("global_site_settings"))
findNavController().navigate(
TranslationSettingsFragmentDirections
.actionTranslationSettingsFragmentToNeverTranslateSitePreferenceFragment(),
)
},
onDownloadLanguageClicked = {
Translations.action.record(Translations.ActionExtra("downloads"))
findNavController().navigate(
TranslationSettingsFragmentDirections
.actionTranslationSettingsFragmentToDownloadLanguagesPreferenceFragment(),
)
},
)
}
}
}
/**
* Set the switch item values.
* The first one is based on [TranslationPageSettings.alwaysOfferPopup].
* The second one is [DownloadLanguageFileDialog] visibility.
* This pop-up will appear if the switch item is unchecked, the phone is in saving mode, and
* doesn't have a WiFi connection.
*/
@Composable
private fun getTranslationSwitchItemList(): MutableList<TranslationSwitchItem> {
val pageSettingsState = browserStore.observeAsComposableState { state ->
state.findTab(args.sessionId)?.translationsState?.pageSettings
}.value
val translationSwitchItems = mutableListOf<TranslationSwitchItem>()
pageSettingsState?.alwaysOfferPopup?.let {
translationSwitchItems.add(
TranslationSwitchItem(
type = TranslationSettingsScreenOption.OfferToTranslate(
hasDivider = false,
),
textLabel = stringResource(R.string.translation_settings_offer_to_translate),
isChecked = it,
isEnabled = true,
onStateChange = { _, checked ->
browserStore.dispatch(
TranslationsAction.UpdatePageSettingAction(
tabId = args.sessionId,
operation = TranslationPageSettingOperation.UPDATE_ALWAYS_OFFER_POPUP,
setting = checked,
),
)
// Ensures persistence of value
requireContext().settings().offerTranslation = checked
},
),
)
}
var isDownloadInSavingModeChecked by remember {
mutableStateOf(requireContext().settings().ignoreTranslationsDataSaverWarning)
}
translationSwitchItems.add(
TranslationSwitchItem(
type = TranslationSettingsScreenOption.AlwaysDownloadInSavingMode(
hasDivider = true,
),
textLabel = stringResource(R.string.translation_settings_always_download),
isChecked = isDownloadInSavingModeChecked,
isEnabled = true,
onStateChange = { _, checked ->
isDownloadInSavingModeChecked = checked
requireContext().settings().ignoreTranslationsDataSaverWarning = checked
},
),
)
return translationSwitchItems
}
override fun onBackPressed(): Boolean {
findNavController().navigate(
TranslationSettingsFragmentDirections.actionTranslationSettingsFragmentToTranslationsDialogFragment(
sessionId = args.sessionId,
translationsDialogAccessPoint = TranslationsDialogAccessPoint.TranslationsOptions,
),
)
return true
}
}
|
