You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
228 lines
8.2 KiB
Kotlin
228 lines
8.2 KiB
Kotlin
/* 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.tabtray
|
|
|
|
import android.view.View
|
|
import android.view.accessibility.AccessibilityNodeInfo
|
|
import android.widget.ImageButton
|
|
import android.widget.ImageView
|
|
import android.widget.TextView
|
|
import androidx.annotation.VisibleForTesting
|
|
import androidx.appcompat.content.res.AppCompatResources
|
|
import androidx.appcompat.widget.AppCompatImageButton
|
|
import androidx.cardview.widget.CardView
|
|
import androidx.core.content.ContextCompat
|
|
import mozilla.components.browser.state.state.MediaState
|
|
import mozilla.components.browser.state.store.BrowserStore
|
|
import mozilla.components.browser.tabstray.TabViewHolder
|
|
import mozilla.components.browser.tabstray.TabsTrayStyling
|
|
import mozilla.components.browser.tabstray.thumbnail.TabThumbnailView
|
|
import mozilla.components.browser.toolbar.MAX_URI_LENGTH
|
|
import mozilla.components.concept.tabstray.Tab
|
|
import mozilla.components.concept.tabstray.TabsTray
|
|
import mozilla.components.feature.media.ext.pauseIfPlaying
|
|
import mozilla.components.feature.media.ext.playIfPaused
|
|
import mozilla.components.support.base.observer.Observable
|
|
import mozilla.components.support.images.ImageLoadRequest
|
|
import mozilla.components.support.images.loader.ImageLoader
|
|
import org.mozilla.fenix.R
|
|
import org.mozilla.fenix.components.metrics.Event
|
|
import org.mozilla.fenix.components.metrics.MetricController
|
|
import org.mozilla.fenix.ext.*
|
|
import org.mozilla.fenix.utils.Do
|
|
import kotlin.math.max
|
|
|
|
/**
|
|
* A RecyclerView ViewHolder implementation for "tab" items.
|
|
*/
|
|
class TabTrayViewHolder(
|
|
itemView: View,
|
|
private val imageLoader: ImageLoader,
|
|
private val store: BrowserStore = itemView.context.components.core.store,
|
|
private val metrics: MetricController = itemView.context.components.analytics.metrics
|
|
) : TabViewHolder(itemView) {
|
|
|
|
private val iconCard: CardView = itemView.findViewById(R.id.mozac_browser_tabstray_icon_card)
|
|
private val iconView: ImageView = itemView.findViewById(R.id.mozac_browser_tabstray_icon)
|
|
private val titleView: TextView = itemView.findViewById(R.id.mozac_browser_tabstray_title)
|
|
private val closeView: AppCompatImageButton =
|
|
itemView.findViewById(R.id.mozac_browser_tabstray_close)
|
|
private val thumbnailView: TabThumbnailView =
|
|
itemView.findViewById(R.id.mozac_browser_tabstray_thumbnail)
|
|
|
|
@VisibleForTesting
|
|
internal val urlView: TextView? = itemView.findViewById(R.id.mozac_browser_tabstray_url)
|
|
private val playPauseButtonView: ImageButton = itemView.findViewById(R.id.play_pause_button)
|
|
|
|
override var tab: Tab? = null
|
|
|
|
/**
|
|
* Displays the data of the given session and notifies the given observable about events.
|
|
*/
|
|
override fun bind(
|
|
tab: Tab,
|
|
isSelected: Boolean,
|
|
styling: TabsTrayStyling,
|
|
observable: Observable<TabsTray.Observer>
|
|
) {
|
|
this.tab = tab
|
|
|
|
// Basic text
|
|
updateTitle(tab)
|
|
updateUrl(tab)
|
|
updateIcon(tab)
|
|
updateCloseButtonDescription(tab.title)
|
|
|
|
// Drawables and theme
|
|
updateBackgroundColor(isSelected)
|
|
|
|
if (tab.thumbnail != null) {
|
|
thumbnailView.setImageBitmap(tab.thumbnail)
|
|
} else {
|
|
loadIntoThumbnailView(thumbnailView, tab.id)
|
|
}
|
|
|
|
// Media state
|
|
playPauseButtonView.increaseTapArea(PLAY_PAUSE_BUTTON_EXTRA_DPS)
|
|
with(playPauseButtonView) {
|
|
invalidate()
|
|
Do exhaustive when (store.state.getMediaStateForSession(tab.id)) {
|
|
MediaState.State.PAUSED -> {
|
|
showAndEnable()
|
|
contentDescription =
|
|
context.getString(R.string.mozac_feature_media_notification_action_play)
|
|
setImageDrawable(
|
|
AppCompatResources.getDrawable(context, R.drawable.media_state_play)
|
|
)
|
|
}
|
|
|
|
MediaState.State.PLAYING -> {
|
|
showAndEnable()
|
|
contentDescription =
|
|
context.getString(R.string.mozac_feature_media_notification_action_pause)
|
|
setImageDrawable(
|
|
AppCompatResources.getDrawable(context, R.drawable.media_state_pause)
|
|
)
|
|
}
|
|
|
|
MediaState.State.NONE -> {
|
|
removeTouchDelegate()
|
|
removeAndDisable()
|
|
}
|
|
}
|
|
}
|
|
|
|
playPauseButtonView.setOnClickListener {
|
|
Do exhaustive when (store.state.getMediaStateForSession(tab.id)) {
|
|
MediaState.State.PLAYING -> {
|
|
metrics.track(Event.TabMediaPause)
|
|
store.state.media.pauseIfPlaying()
|
|
}
|
|
|
|
MediaState.State.PAUSED -> {
|
|
metrics.track(Event.TabMediaPlay)
|
|
store.state.media.playIfPaused()
|
|
}
|
|
|
|
MediaState.State.NONE -> throw AssertionError(
|
|
"Play/Pause button clicked without play/pause state."
|
|
)
|
|
}
|
|
}
|
|
|
|
closeView.setOnClickListener {
|
|
observable.notifyObservers { onTabClosed(tab) }
|
|
}
|
|
}
|
|
|
|
private fun updateTitle(tab: Tab) {
|
|
val title = if (tab.title.isNotEmpty()) {
|
|
tab.title
|
|
} else {
|
|
tab.url
|
|
}
|
|
titleView.text = title
|
|
}
|
|
|
|
private fun updateUrl(tab: Tab) {
|
|
// Truncate to MAX_URI_LENGTH to prevent the UI from locking up for
|
|
// extremely large URLs such as data URIs or bookmarklets. The same
|
|
// is done in the toolbar and awesomebar:
|
|
// https://github.com/mozilla-mobile/fenix/issues/1824
|
|
// https://github.com/mozilla-mobile/android-components/issues/6985
|
|
urlView?.apply {
|
|
text =
|
|
if (context.settings().shouldStripUrl) {
|
|
tab.url
|
|
.toShortUrl(itemView.context.components.publicSuffixList)
|
|
.take(MAX_URI_LENGTH)
|
|
} else {
|
|
tab.url.take(MAX_URI_LENGTH)
|
|
}
|
|
}
|
|
}
|
|
|
|
private fun updateIcon(tab: Tab) {
|
|
if (tab.icon != null) {
|
|
iconCard.visibility = View.VISIBLE
|
|
iconView.setImageBitmap(tab.icon)
|
|
} else {
|
|
iconCard.visibility = View.GONE
|
|
}
|
|
}
|
|
|
|
@VisibleForTesting
|
|
internal fun updateBackgroundColor(isSelected: Boolean) {
|
|
val color = if (isSelected) {
|
|
R.color.tab_tray_item_selected_background_normal_theme
|
|
} else {
|
|
R.color.tab_tray_item_background_normal_theme
|
|
}
|
|
itemView.setBackgroundColor(
|
|
ContextCompat.getColor(
|
|
itemView.context,
|
|
color
|
|
)
|
|
)
|
|
}
|
|
|
|
private fun updateCloseButtonDescription(title: String) {
|
|
closeView.contentDescription =
|
|
closeView.context.getString(R.string.close_tab_title, title)
|
|
}
|
|
|
|
private fun loadIntoThumbnailView(thumbnailView: ImageView, id: String) {
|
|
val thumbnailSize = max(
|
|
itemView.resources.getDimensionPixelSize(R.dimen.tab_tray_thumbnail_height),
|
|
itemView.resources.getDimensionPixelSize(R.dimen.tab_tray_thumbnail_width)
|
|
)
|
|
imageLoader.loadIntoView(thumbnailView, ImageLoadRequest(id, thumbnailSize))
|
|
}
|
|
|
|
internal fun updateAccessibilityRowInfo(item: View, newIndex: Int, isSelected: Boolean) {
|
|
item.accessibilityDelegate = object : View.AccessibilityDelegate() {
|
|
override fun onInitializeAccessibilityNodeInfo(
|
|
host: View?,
|
|
info: AccessibilityNodeInfo?
|
|
) {
|
|
super.onInitializeAccessibilityNodeInfo(host, info)
|
|
info?.collectionItemInfo =
|
|
AccessibilityNodeInfo.CollectionItemInfo.obtain(
|
|
newIndex,
|
|
1,
|
|
1,
|
|
1,
|
|
false,
|
|
isSelected
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
companion object {
|
|
private const val PLAY_PAUSE_BUTTON_EXTRA_DPS = 24
|
|
}
|
|
}
|