-
Notifications
You must be signed in to change notification settings - Fork 200
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #89 from DroidKaigi/feature/86
Add empty profilecard module
- Loading branch information
Showing
12 changed files
with
372 additions
and
11 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
9 changes: 9 additions & 0 deletions
9
core/model/src/commonMain/kotlin/io/github/droidkaigi/confsched/model/ProfileCard.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 io.github.droidkaigi.confsched.model | ||
|
|
||
| data class ProfileCard( | ||
| val nickname: String, | ||
| val occupation: String?, | ||
| val link: String?, | ||
| val imageUri: String?, | ||
| val theme: ProfileCardTheme, | ||
| ) |
5 changes: 5 additions & 0 deletions
5
core/model/src/commonMain/kotlin/io/github/droidkaigi/confsched/model/ProfileCardTheme.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,5 @@ | ||
| package io.github.droidkaigi.confsched.model | ||
|
|
||
| enum class ProfileCardTheme { | ||
| Default, | ||
| } |
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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| /build |
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,29 @@ | ||
| plugins { | ||
| id("droidkaigi.convention.kmpfeature") | ||
| } | ||
|
|
||
| android.namespace = "io.github.droidkaigi.confsched.feature.profilecard" | ||
| kotlin { | ||
| sourceSets { | ||
| commonMain { | ||
| dependencies { | ||
| implementation(projects.core.designsystem) | ||
| implementation(projects.core.ui) | ||
| implementation(projects.core.model) | ||
|
|
||
| implementation(libs.composeNavigation) | ||
| implementation(compose.materialIconsExtended) | ||
| } | ||
| } | ||
| androidTarget { | ||
| dependencies { | ||
| implementation(libs.composeMaterialWindowSize) | ||
| } | ||
| } | ||
| androidUnitTest { | ||
| dependencies { | ||
| implementation(projects.core.testing) | ||
| } | ||
| } | ||
| } | ||
| } |
238 changes: 238 additions & 0 deletions
238
...card/src/commonMain/kotlin/io/github/droidkaigi/confshed/profilecard/ProfileCardScreen.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,238 @@ | ||
| package io.github.droidkaigi.confshed.profilecard | ||
|
|
||
| import androidx.compose.foundation.layout.Box | ||
| import androidx.compose.foundation.layout.Column | ||
| import androidx.compose.foundation.layout.PaddingValues | ||
| import androidx.compose.foundation.layout.WindowInsets | ||
| import androidx.compose.foundation.layout.fillMaxSize | ||
| import androidx.compose.foundation.layout.padding | ||
| import androidx.compose.material3.Button | ||
| import androidx.compose.material3.CircularProgressIndicator | ||
| import androidx.compose.material3.Scaffold | ||
| import androidx.compose.material3.SnackbarHost | ||
| import androidx.compose.material3.SnackbarHostState | ||
| import androidx.compose.material3.Text | ||
| import androidx.compose.material3.TextField | ||
| 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.Alignment | ||
| import androidx.compose.ui.Modifier | ||
| import androidx.compose.ui.platform.LocalLayoutDirection | ||
| import androidx.navigation.NavController | ||
| import androidx.navigation.NavGraph.Companion.findStartDestination | ||
| import androidx.navigation.NavGraphBuilder | ||
| import androidx.navigation.compose.composable | ||
| import io.github.droidkaigi.confsched.compose.EventEmitter | ||
| import io.github.droidkaigi.confsched.compose.rememberEventEmitter | ||
| import io.github.droidkaigi.confsched.model.ProfileCard | ||
| import io.github.droidkaigi.confsched.model.ProfileCardTheme | ||
| import io.github.droidkaigi.confsched.ui.SnackbarMessageEffect | ||
| import io.github.droidkaigi.confsched.ui.UserMessageStateHolder | ||
| import io.github.droidkaigi.confshed.profilecard.ProfileCardUiState.Edit | ||
|
|
||
| const val profileCardScreenRoute = "profilecard" | ||
| internal const val ProfileCardScreenTestTag = "ProfileCardTestTag" | ||
|
|
||
| fun NavGraphBuilder.profileCardScreen( | ||
| contentPadding: PaddingValues, | ||
| ) { | ||
| composable(profileCardScreenRoute) { | ||
| ProfileCardScreen(contentPadding) | ||
| } | ||
| } | ||
|
|
||
| fun NavController.navigateProfileCardScreen() { | ||
| navigate(profileCardScreenRoute) { | ||
| popUpTo(checkNotNull(graph.findStartDestination().route)) { | ||
| saveState = true | ||
| } | ||
| launchSingleTop = true | ||
| restoreState = true | ||
| } | ||
| } | ||
|
|
||
| internal sealed interface ProfileCardUiState { | ||
| data class Edit( | ||
| val nickname: String, | ||
| val occupation: String?, | ||
| val link: String?, | ||
| val imageUri: String?, | ||
| val theme: ProfileCardTheme, | ||
| ) : ProfileCardUiState { | ||
| companion object { | ||
| fun initial() = Edit( | ||
| nickname = "", | ||
| occupation = null, | ||
| link = null, | ||
| imageUri = null, | ||
| theme = ProfileCardTheme.Default, | ||
| ) | ||
| } | ||
| } | ||
|
|
||
| data class Card( | ||
| val nickname: String, | ||
| val occupation: String?, | ||
| val link: String?, | ||
| val imageUri: String?, | ||
| val theme: ProfileCardTheme, | ||
| ) : ProfileCardUiState | ||
| } | ||
|
|
||
| internal data class ProfileCardScreenUiState( | ||
| val isLoading: Boolean, | ||
| val contentUiState: ProfileCardUiState, | ||
| val userMessageStateHolder: UserMessageStateHolder, | ||
| ) | ||
|
|
||
| internal fun ProfileCard.toUiState() = | ||
| ProfileCardUiState.Card( | ||
| nickname = nickname, | ||
| occupation = occupation, | ||
| link = link, | ||
| imageUri = imageUri, | ||
| theme = theme, | ||
| ) | ||
|
|
||
| @Composable | ||
| fun ProfileCardScreen( | ||
| contentPadding: PaddingValues, | ||
| modifier: Modifier = Modifier, | ||
| ) { | ||
| ProfileCardScreen( | ||
| contentPadding = contentPadding, | ||
| modifier = modifier, | ||
| rememberEventEmitter(), | ||
| ) | ||
| } | ||
|
|
||
| @Composable | ||
| internal fun ProfileCardScreen( | ||
| contentPadding: PaddingValues, | ||
| modifier: Modifier = Modifier, | ||
| eventEmitter: EventEmitter<ProfileCardScreenEvent> = rememberEventEmitter(), | ||
| uiState: ProfileCardScreenUiState = profileCardScreenPresenter(eventEmitter), | ||
| ) { | ||
| val snackbarHostState = remember { SnackbarHostState() } | ||
| val layoutDirection = LocalLayoutDirection.current | ||
|
|
||
| SnackbarMessageEffect( | ||
| snackbarHostState = snackbarHostState, | ||
| userMessageStateHolder = uiState.userMessageStateHolder, | ||
| ) | ||
|
|
||
| Scaffold( | ||
| modifier = modifier, | ||
| snackbarHost = { SnackbarHost(hostState = snackbarHostState) }, | ||
| contentWindowInsets = WindowInsets( | ||
| left = contentPadding.calculateLeftPadding(layoutDirection), | ||
| top = contentPadding.calculateTopPadding(), | ||
| right = contentPadding.calculateRightPadding(layoutDirection), | ||
| bottom = contentPadding.calculateBottomPadding(), | ||
| ), | ||
| ) { padding -> | ||
| when (val contentUiState = uiState.contentUiState) { | ||
| is ProfileCardUiState.Edit -> { | ||
| EditScreen( | ||
| uiState = contentUiState, | ||
| onClickCreate = { | ||
| eventEmitter.tryEmit(EditScreenEvent.CreateProfileCard(it)) | ||
| }, | ||
| contentPadding = padding, | ||
| ) | ||
| } | ||
|
|
||
| is ProfileCardUiState.Card -> { | ||
| CardScreen( | ||
| uiState = contentUiState, | ||
| onClickReset = { | ||
| eventEmitter.tryEmit(CardScreenEvent.Reset) | ||
| }, | ||
| contentPadding = padding, | ||
| ) | ||
| } | ||
| } | ||
| if (uiState.isLoading) { | ||
| Box( | ||
| contentAlignment = Alignment.Center, | ||
| modifier = Modifier.padding(padding).fillMaxSize(), | ||
| ) { | ||
| CircularProgressIndicator() | ||
| } | ||
| } | ||
| } | ||
| } | ||
|
|
||
| @Composable | ||
| internal fun EditScreen( | ||
| uiState: Edit, | ||
| onClickCreate: (ProfileCard) -> Unit, | ||
| modifier: Modifier = Modifier, | ||
| contentPadding: PaddingValues = PaddingValues(), | ||
| ) { | ||
| var nickname by remember { mutableStateOf(uiState.nickname) } | ||
| var occupation by remember { mutableStateOf(uiState.occupation) } | ||
| var link by remember { mutableStateOf(uiState.link) } | ||
| var imageUri by remember { mutableStateOf(uiState.imageUri) } | ||
|
|
||
| Column( | ||
| modifier = modifier.padding(contentPadding), | ||
| ) { | ||
| Text("ProfileCardEdit") | ||
| TextField( | ||
| value = nickname, | ||
| onValueChange = { nickname = it }, | ||
| placeholder = { Text("Nickname") }, | ||
| ) | ||
| TextField( | ||
| value = occupation ?: "", | ||
| onValueChange = { occupation = it }, | ||
| placeholder = { Text("Occupation") }, | ||
| ) | ||
| TextField( | ||
| value = link ?: "", | ||
| onValueChange = { link = it }, | ||
| placeholder = { Text("Link") }, | ||
| ) | ||
| Button({ | ||
| onClickCreate( | ||
| ProfileCard( | ||
| nickname = nickname, | ||
| occupation = occupation, | ||
| link = link, | ||
| imageUri = imageUri, | ||
| theme = uiState.theme, | ||
| ), | ||
| ) | ||
| }) { | ||
| Text("Create") | ||
| } | ||
| } | ||
| } | ||
|
|
||
| @Composable | ||
| internal fun CardScreen( | ||
| uiState: ProfileCardUiState.Card, | ||
| onClickReset: () -> Unit, | ||
| modifier: Modifier = Modifier, | ||
| contentPadding: PaddingValues = PaddingValues(), | ||
| ) { | ||
| Column( | ||
| modifier = modifier.padding(contentPadding), | ||
| ) { | ||
| Text("ProfileCard") | ||
| Text(uiState.nickname) | ||
| if (uiState.occupation != null) { | ||
| Text(uiState.occupation) | ||
| } | ||
| if (uiState.link != null) { | ||
| Text(uiState.link) | ||
| } | ||
| Button(onClickReset) { | ||
| Text("Reset") | ||
| } | ||
| } | ||
| } |
Oops, something went wrong.