-
-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(MediaDetails): MediaActivity screen
- Loading branch information
Showing
10 changed files
with
368 additions
and
26 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
9 changes: 9 additions & 0 deletions
9
app/src/main/java/com/axiel7/anihyou/ui/screens/mediadetails/activity/MediaActivityEvent.kt
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| package com.axiel7.anihyou.ui.screens.mediadetails.activity | ||
|
|
||
| import com.axiel7.anihyou.ui.common.event.PagedEvent | ||
|
|
||
| interface MediaActivityEvent : PagedEvent { | ||
| fun setIsMine(value: Boolean) | ||
| fun toggleLikeActivity(id: Int) | ||
| fun deleteActivity(id: Int) | ||
| } |
22 changes: 22 additions & 0 deletions
22
...src/main/java/com/axiel7/anihyou/ui/screens/mediadetails/activity/MediaActivityUiState.kt
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| package com.axiel7.anihyou.ui.screens.mediadetails.activity | ||
|
|
||
| import androidx.compose.runtime.Stable | ||
| import androidx.compose.runtime.mutableStateListOf | ||
| import androidx.compose.runtime.snapshots.SnapshotStateList | ||
| import com.axiel7.anihyou.fragment.ListActivityFragment | ||
| import com.axiel7.anihyou.ui.common.state.PagedUiState | ||
|
|
||
| @Stable | ||
| data class MediaActivityUiState( | ||
| val activities: SnapshotStateList<ListActivityFragment> = mutableStateListOf(), | ||
| val isMine: Boolean = false, | ||
| override val page: Int = 1, | ||
| override val hasNextPage: Boolean = true, | ||
| override val error: String? = null, | ||
| override val isLoading: Boolean = true, | ||
| ): PagedUiState() { | ||
| override fun setError(value: String?) = copy(error = value) | ||
| override fun setLoading(value: Boolean) = copy(isLoading = value) | ||
| override fun setPage(value: Int) = copy(page = value) | ||
| override fun setHasNextPage(value: Boolean) = copy(hasNextPage = value) | ||
| } |
163 changes: 163 additions & 0 deletions
163
app/src/main/java/com/axiel7/anihyou/ui/screens/mediadetails/activity/MediaActivityView.kt
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,163 @@ | ||
| package com.axiel7.anihyou.ui.screens.mediadetails.activity | ||
|
|
||
| import androidx.compose.foundation.layout.Box | ||
| import androidx.compose.foundation.layout.PaddingValues | ||
| import androidx.compose.foundation.layout.fillMaxWidth | ||
| import androidx.compose.foundation.layout.padding | ||
| import androidx.compose.foundation.lazy.LazyColumn | ||
| import androidx.compose.foundation.lazy.items | ||
| import androidx.compose.material3.CircularProgressIndicator | ||
| import androidx.compose.material3.ExperimentalMaterial3Api | ||
| import androidx.compose.material3.HorizontalDivider | ||
| import androidx.compose.material3.Icon | ||
| import androidx.compose.material3.IconButton | ||
| import androidx.compose.material3.Surface | ||
| import androidx.compose.material3.TopAppBarDefaults | ||
| import androidx.compose.material3.rememberTopAppBarState | ||
| import androidx.compose.runtime.Composable | ||
| import androidx.compose.runtime.Immutable | ||
| import androidx.compose.runtime.LaunchedEffect | ||
| import androidx.compose.runtime.getValue | ||
| import androidx.compose.ui.Alignment | ||
| import androidx.compose.ui.Modifier | ||
| import androidx.compose.ui.input.nestedscroll.nestedScroll | ||
| import androidx.compose.ui.res.painterResource | ||
| import androidx.compose.ui.res.stringResource | ||
| import androidx.compose.ui.tooling.preview.Preview | ||
| import androidx.compose.ui.unit.dp | ||
| import androidx.hilt.navigation.compose.hiltViewModel | ||
| import androidx.lifecycle.compose.collectAsStateWithLifecycle | ||
| import com.axiel7.anihyou.R | ||
| import com.axiel7.anihyou.data.model.activity.text | ||
| import com.axiel7.anihyou.type.ActivityType | ||
| import com.axiel7.anihyou.ui.common.navigation.NavActionManager | ||
| import com.axiel7.anihyou.ui.composables.DefaultScaffoldWithSmallTopAppBar | ||
| import com.axiel7.anihyou.ui.composables.common.BackIconButton | ||
| import com.axiel7.anihyou.ui.screens.home.activity.composables.ActivityFeedItem | ||
| import com.axiel7.anihyou.ui.screens.profile.activity.ActivityItemPlaceholder | ||
| import com.axiel7.anihyou.ui.theme.AniHyouTheme | ||
| import kotlinx.serialization.Serializable | ||
|
|
||
| @Serializable | ||
| @Immutable | ||
| data class MediaActivity( | ||
| val mediaId: Int | ||
| ) | ||
|
|
||
| @Composable | ||
| fun MediaActivityView( | ||
| navActionManager: NavActionManager | ||
| ) { | ||
| val viewModel: MediaActivityViewModel = hiltViewModel() | ||
| val uiState by viewModel.uiState.collectAsStateWithLifecycle() | ||
|
|
||
| MediaActivityContent( | ||
| uiState = uiState, | ||
| event = viewModel, | ||
| navActionManager = navActionManager, | ||
| ) | ||
| } | ||
|
|
||
| @OptIn(ExperimentalMaterial3Api::class) | ||
| @Composable | ||
| private fun MediaActivityContent( | ||
| uiState: MediaActivityUiState, | ||
| event: MediaActivityEvent?, | ||
| navActionManager: NavActionManager, | ||
| ) { | ||
| val topAppBarScrollBehavior = TopAppBarDefaults.exitUntilCollapsedScrollBehavior( | ||
| rememberTopAppBarState() | ||
| ) | ||
| DefaultScaffoldWithSmallTopAppBar( | ||
| title = stringResource(R.string.activity), | ||
| navigationIcon = { | ||
| BackIconButton( | ||
| onClick = navActionManager::goBack | ||
| ) | ||
| }, | ||
| actions = { | ||
| IconButton(onClick = { event?.setIsMine(!uiState.isMine) }) { | ||
| Icon( | ||
| painter = painterResource( | ||
| id = if (uiState.isMine) R.drawable.person_filled_24 | ||
| else R.drawable.person_24 | ||
| ), | ||
| contentDescription = null | ||
| ) | ||
| } | ||
| }, | ||
| scrollBehavior = topAppBarScrollBehavior | ||
| ) { padding -> | ||
| LazyColumn( | ||
| modifier = Modifier | ||
| .padding(padding) | ||
| .nestedScroll(topAppBarScrollBehavior.nestedScrollConnection), | ||
| contentPadding = PaddingValues(top = 8.dp) | ||
| ) { | ||
| if (uiState.isLoading) { | ||
| items(10) { | ||
| ActivityItemPlaceholder( | ||
| modifier = Modifier.padding(8.dp) | ||
| ) | ||
| } | ||
| } | ||
| items( | ||
| items = uiState.activities, | ||
| contentType = { it } | ||
| ) { item -> | ||
| ActivityFeedItem( | ||
| modifier = Modifier.padding(horizontal = 16.dp), | ||
| type = ActivityType.MEDIA_LIST, | ||
| username = item.user?.name, | ||
| avatarUrl = item.user?.avatar?.medium, | ||
| createdAt = item.createdAt, | ||
| text = item.text(), | ||
| replyCount = item.replyCount, | ||
| likeCount = item.likeCount, | ||
| isLiked = item.isLiked, | ||
| mediaCoverUrl = item.media?.coverImage?.medium, | ||
| showMenu = uiState.isMine, | ||
| onClick = { | ||
| navActionManager.toActivityDetails(item.id) | ||
| }, | ||
| onClickUser = { | ||
| item.userId?.let(navActionManager::toUserDetails) | ||
| }, | ||
| onClickLike = { | ||
| event?.toggleLikeActivity(item.id) | ||
| }, | ||
| onClickDelete = { | ||
| event?.deleteActivity(item.id) | ||
| } | ||
| ) | ||
| HorizontalDivider(modifier = Modifier.padding(bottom = 16.dp)) | ||
| } | ||
| item(contentType = { 0 }) { | ||
| if (uiState.hasNextPage) { | ||
| Box(modifier = Modifier.fillMaxWidth()) { | ||
| CircularProgressIndicator( | ||
| modifier = Modifier.align(Alignment.Center) | ||
| ) | ||
| } | ||
| LaunchedEffect(uiState.isLoading) { | ||
| if (!uiState.isLoading) event?.onLoadMore() | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| @Preview | ||
| @Composable | ||
| private fun MediaActivityViewPreview() { | ||
| AniHyouTheme { | ||
| Surface { | ||
| MediaActivityContent( | ||
| uiState = MediaActivityUiState(), | ||
| event = null, | ||
| navActionManager = NavActionManager.rememberNavActionManager() | ||
| ) | ||
| } | ||
| } | ||
| } |
Oops, something went wrong.