Add onboarding feature (64f9a7fd) · Commits · e / os / Mail

feature/onboarding/build.gradle.kts

0 → 100644

+12 −0

Original line number	Diff line number	Diff line
		plugins {
		id(ThunderbirdPlugins.Library.androidCompose)
		}

		android {
		namespace = "net.thunderbird.feature.onboarding"
		resourcePrefix = "onboarding_"
		}

		dependencies {
		implementation(projects.core.ui.compose.designsystem)
		}

feature/onboarding/src/main/kotlin/net/thunderbird/feature/onboarding/OnboardingContent.kt

0 → 100644

+171 −0

Original line number	Diff line number	Diff line
		package net.thunderbird.feature.onboarding

		import androidx.compose.foundation.Image
		import androidx.compose.foundation.background
		import androidx.compose.foundation.layout.Arrangement
		import androidx.compose.foundation.layout.Box
		import androidx.compose.foundation.layout.Column
		import androidx.compose.foundation.layout.fillMaxHeight
		import androidx.compose.foundation.layout.fillMaxWidth
		import androidx.compose.foundation.layout.padding
		import androidx.compose.foundation.layout.size
		import androidx.compose.foundation.shape.RoundedCornerShape
		import androidx.compose.runtime.Composable
		import androidx.compose.ui.Alignment
		import androidx.compose.ui.Modifier
		import androidx.compose.ui.draw.clip
		import androidx.compose.ui.res.painterResource
		import androidx.compose.ui.res.stringResource
		import app.k9mail.core.ui.compose.common.DevicePreviews
		import app.k9mail.core.ui.compose.designsystem.atom.Background
		import app.k9mail.core.ui.compose.designsystem.atom.button.Button
		import app.k9mail.core.ui.compose.designsystem.atom.button.ButtonText
		import app.k9mail.core.ui.compose.designsystem.atom.text.TextBody1
		import app.k9mail.core.ui.compose.designsystem.atom.text.TextHeadline2
		import app.k9mail.core.ui.compose.designsystem.template.LazyColumnWithFooter
		import app.k9mail.core.ui.compose.designsystem.template.ResponsiveContent
		import app.k9mail.core.ui.compose.theme.K9Theme
		import app.k9mail.core.ui.compose.theme.MainTheme
		import app.k9mail.core.ui.compose.theme.ThunderbirdTheme

		@Composable
		internal fun OnboardingContent(
		onStartClick: () -> Unit,
		onImportClick: () -> Unit,
		modifier: Modifier = Modifier,
		) {
		ResponsiveContent {
		Background(
		modifier = modifier,
		) {
		LazyColumnWithFooter(
		modifier = Modifier
		.fillMaxHeight()
		.padding(MainTheme.spacings.double),
		footer = {
		WelcomeFooter(
		modifier = Modifier
		.fillMaxWidth()
		.padding(top = MainTheme.spacings.triple),
		onStartClick = onStartClick,
		onImportClick = onImportClick,
		)
		},
		verticalArrangement = Arrangement.spacedBy(MainTheme.sizes.large, Alignment.CenterVertically),
		) {
		item {
		WelcomeLogo(
		modifier = Modifier.fillMaxWidth(),
		)
		}
		item {
		WelcomeTitle(
		modifier = Modifier.fillMaxWidth(),
		)
		}
		item {
		WelcomeMessage(
		modifier = Modifier.fillMaxWidth(),
		)
		}
		}
		}
		}
		}

		@Composable
		private fun WelcomeLogo(
		modifier: Modifier = Modifier,
		) {
		Column(
		modifier = Modifier.then(modifier),
		horizontalAlignment = Alignment.CenterHorizontally,
		) {
		Box(
		modifier = Modifier
		.size(MainTheme.sizes.huge)
		.clip(shape = RoundedCornerShape(percent = 50))
		.background(color = MainTheme.colors.surface),
		) {
		Image(
		painter = painterResource(id = MainTheme.images.logo),
		contentDescription = null,
		modifier = Modifier.size(MainTheme.sizes.huge),
		)
		}
		}
		}

		@Composable
		private fun WelcomeTitle(
		modifier: Modifier = Modifier,
		) {
		Column(
		modifier = modifier,
		horizontalAlignment = Alignment.CenterHorizontally,
		) {
		TextHeadline2(
		text = stringResource(id = R.string.onboarding_welcome_title),
		)
		}
		}

		@Composable
		private fun WelcomeMessage(
		modifier: Modifier = Modifier,
		) {
		Column(
		modifier = Modifier
		.padding(start = MainTheme.spacings.quadruple, end = MainTheme.spacings.quadruple)
		.then(modifier),
		horizontalAlignment = Alignment.CenterHorizontally,
		) {
		TextBody1(
		text = stringResource(id = R.string.onboarding_welcome_message),
		)
		}
		}

		@Composable
		private fun WelcomeFooter(
		onStartClick: () -> Unit,
		onImportClick: () -> Unit,
		modifier: Modifier = Modifier,
		) {
		Column(
		modifier = modifier,
		verticalArrangement = Arrangement.spacedBy(MainTheme.spacings.default),
		horizontalAlignment = Alignment.CenterHorizontally,
		) {
		Button(
		text = stringResource(id = R.string.onboarding_welcome_start_button),
		onClick = onStartClick,
		)
		ButtonText(
		text = stringResource(id = R.string.onboarding_welcome_import_button),
		onClick = onImportClick,
		)
		}
		}

		@Composable
		@DevicePreviews
		internal fun OnboardingContentK9Preview() {
		K9Theme {
		OnboardingContent(
		onStartClick = {},
		onImportClick = {},
		)
		}
		}

		@Composable
		@DevicePreviews
		internal fun OnboardingContentThunderbirdPreview() {
		ThunderbirdTheme {
		OnboardingContent(
		onStartClick = {},
		onImportClick = {},
		)
		}
		}

feature/onboarding/src/main/kotlin/net/thunderbird/feature/onboarding/OnboardingScreen.kt

0 → 100644

+24 −0

Original line number	Diff line number	Diff line
		package net.thunderbird.feature.onboarding

		import androidx.compose.runtime.Composable
		import androidx.compose.ui.tooling.preview.Preview

		@Composable
		fun OnboardingScreen(
		onStartClick: () -> Unit,
		onImportClick: () -> Unit,
		) {
		OnboardingContent(
		onStartClick = onStartClick,
		onImportClick = onImportClick,
		)
		}

		@Preview
		@Composable
		internal fun OnboardingScreenPreview() {
		OnboardingScreen(
		onStartClick = {},
		onImportClick = {},
		)
		}

feature/onboarding/src/main/kotlin/net/thunderbird/feature/onboarding/navigation/OnboardingNavigation.kt

0 → 100644

+27 −0

Original line number	Diff line number	Diff line
		package net.thunderbird.feature.onboarding.navigation

		import androidx.navigation.NavController
		import androidx.navigation.NavGraphBuilder
		import androidx.navigation.NavOptions
		import androidx.navigation.compose.composable
		import net.thunderbird.feature.onboarding.OnboardingScreen

		const val NAVIGATION_ROUTE_ONBOARDING = "onboarding"

		fun NavController.navigateToOnboarding(
		navOptions: NavOptions? = null,
		) {
		navigate(NAVIGATION_ROUTE_ONBOARDING, navOptions)
		}

		fun NavGraphBuilder.onboardingScreen(
		onStartClick: () -> Unit,
		onImportClick: () -> Unit,
		) {
		composable(route = NAVIGATION_ROUTE_ONBOARDING) {
		OnboardingScreen(
		onStartClick = onStartClick,
		onImportClick = onImportClick,
		)
		}
		}

feature/onboarding/src/main/res/values/strings.xml

0 → 100644

+7 −0

Original line number	Diff line number	Diff line
		<?xml version="1.0" encoding="utf-8"?>
		<resources>
		<string name="onboarding_welcome_title">K-9 Mail</string>
		<string name="onboarding_welcome_message">Welcome to K-9 Mail, the Android email client designed for enhanced security, easy customization, and seamless management of all your email accounts.</string>
		<string name="onboarding_welcome_start_button">Start</string>
		<string name="onboarding_welcome_import_button">Import settings</string>
		</resources>