Scribd
Upload
11 views9 pages

Dashboard Bottomshoet

Uploaded by

anas farhad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
11 views9 pages

Dashboard Bottomshoet

Uploaded by

anas farhad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 9

ResponsiveLayout(

compactContent = {
Column(
Modifier
.background(MaterialTheme.colorScheme.background)
.fillMaxWidth()
.fillMaxHeight(0.95f),
horizontalAlignment = Alignment.CenterHorizontally,
) {
val successState = state as? DashboardScreenUISate.Success
Box(
Modifier.fillMaxWidth()
.wrapContentHeight(),
contentAlignment = Alignment.TopCenter
) {

gifAdsState.gifAds.let {
if (it.isNotEmpty()) {
androidx.compose.animation.AnimatedVisibility(
showBannerBox,
enter = slideInVertically {
(it / 2)
},
exit = fadeOut(animationSpec = tween(durationMillis
= 0))
) {
OfferBannerContent(
Modifier
.zIndex(1f)
.offset(y = -
(MaterialTheme.spacing.small)),
it.first().url
)
}
} else if (gifAdsState.showBonusAd) {
androidx.compose.animation.AnimatedVisibility(
showBannerBox,
enter = slideInVertically {
(it / 2)
},
exit = fadeOut(animationSpec = tween(durationMillis = 0))
) {
BonusBanner(
modifier = Modifier
.zIndex(1f)
.offset(y = -(MaterialTheme.spacing.small))
)
}
}
}
CustomAppSheetHandle(
Modifier.fillMaxWidth()
.clip(
RoundedCornerShape(
topStart = MaterialTheme.spacing.large,
topEnd = MaterialTheme.spacing.large
)
)
.background(MaterialTheme.colorScheme.background)
.align(Alignment.BottomCenter)
)
}
LazyColumn(
Modifier.fillMaxWidth()
.padding(horizontal = MaterialTheme.spacing.large),
verticalArrangement =
Arrangement.spacedBy(MaterialTheme.spacing.large),
horizontalAlignment = Alignment.CenterHorizontally,
) {
item {
DashboardWhereToItem(
onWhereToClick = {
if (isRentalCarSelected) {

onDashboardClick(DashboardClickEvent.RentalWhereToClick)
} else {

onDashboardClick(DashboardClickEvent.WhereToClick)
}
},
onQRCodeClick =
{ onDashboardClick(DashboardClickEvent.OnQRCodeClick) },
isRentalSelected = isRentalCarSelected
)
}
item {
AnimatedVisibility(showBannerBox) {
Column(
Modifier.fillMaxWidth(),
) {
LazyRow(
Modifier.fillMaxWidth(),
horizontalArrangement =
Arrangement.spacedBy(MaterialTheme.spacing.xLarge)
) {
items(gridList) { dashboardItems ->
ServiceListItem(
icon = dashboardItems.icon,
title = dashboardItems.title,
onAssistChipClick = {
isRentalCarSelected =
dashboardItems.title ==
rentalTitle
isPackageSelected =
dashboardItems.title ==
packageTitle
isTravelSelected =
dashboardItems.title ==
travelTitle
successState?.currentItem?.value =
dashboardItems
successState?.isRentalCar?.value =
isRentalCarSelected
if (isRentalCarSelected) {

onDashboardClick(DashboardClickEvent.RentalCarClick)
} else if (isPackageSelected) {
onDashboardClick(DashboardClickEvent.OnPackageClick)
} else if (isTravelSelected) {

onDashboardClick(DashboardClickEvent.OnTravelClick)
} else {

onDashboardClick(DashboardClickEvent.DeliveryClick)
}
},
borderColor = if
(successState?.currentItem?.value == dashboardItems && isRentalCarSelected)
MaterialTheme.colorScheme.primary
else
Color.Transparent,
cardContainerColor = if
(successState?.currentItem?.value == dashboardItems && isRentalCarSelected)
RiderApp.lightGreen
else
RiderApp.ContainerColor
)
}
}
}

}
AnimatedVisibility(showBannerBox.not()) {
Column {
gridList.chunked(4).forEach {
Row(
Modifier.fillMaxWidth(),
horizontalArrangement =
Arrangement.spacedBy(MaterialTheme.spacing.large)
) {
it.forEach { gridItem ->
ServiceListItem(
modifier = Modifier.weight(1f),
icon = gridItem.icon,
title = gridItem.title,
onAssistChipClick = {
isRentalCarSelected =
gridItem.title ==
rentalTitle
isPackageSelected =
gridItem.title ==
packageTitle
isTravelSelected =
gridItem.title ==
travelTitle

successState?.currentItem?.value = gridItem

successState?.isRentalCar?.value =
isRentalCarSelected
if (isRentalCarSelected) {

onDashboardClick(DashboardClickEvent.RentalCarClick)
} else if (isPackageSelected) {

onDashboardClick(DashboardClickEvent.OnPackageClick)
} else if (isTravelSelected) {

onDashboardClick(DashboardClickEvent.OnTravelClick)
} else {

onDashboardClick(DashboardClickEvent.DeliveryClick)
}
},
borderColor = if
(successState?.currentItem?.value == gridItem && isRentalCarSelected)

MaterialTheme.colorScheme.primary
else
Color.Transparent,
cardContainerColor = if
(successState?.currentItem?.value == gridItem && isRentalCarSelected)
RiderApp.lightGreen
else
RiderApp.ContainerColor
)
}
}
MaterialTheme.spacing.large.VerticalSpacing()
}
}
}
}
item {
if (isRentalCarSelected) {
AnimatedVisibility(
visible = isRentalCarSelected,
enter = enterTransition(),
exit = fadeOut(animationSpec = tween(durationMillis
= 500))
) {

PopularDestinationBody(
popularDestinationList =
popularDestinationList,
onItemClick = {
navigatePopularDestinationToCreateBooking(
viewModel.uiState.value,
navigator
)
}
)
}
}
}
if (successState?.visitedAreas.isNullOrEmpty()) {
item {
MaterialTheme.spacing.medium.VerticalSpacing()
}
}
successState?.visitedAreas?.let {
if (successState.visitedAreas.isNotEmpty()) {
items(successState.visitedAreas) { va ->
DefaultLocationItem(
text = va.destinationAddress,
subtext = va.featuredDestinationAddress,
showDivider =
successState.visitedAreas.last() != va,
onClick = {
if (successState.userRideLatLong != null) {
navigator.push(
CreateBookingScreen(
destination = Destination(
pickupPoint =
successState.userRideLatLong,
dropOffPoint = RideLatLong(
long =
va.longitude.toDouble(),
lat =
va.latitude.toDouble(),
address =
va.destinationAddress
),
),
hasLuggage =
successState.userRideLatLong.address.isPresentInList(
Constants.AIRPORT_KEYWORDS
) ||
va.destinationAddress.isPresentInList(
Constants.AIRPORT_KEYWORDS
)
)
)
}
}
)
}
}
}

if (successState?.showSpinWin == true) {
item {
MaterialTheme.spacing.standard.VerticalSpacing()
WheelSpinCard(
title =
stringResource(Res.string.spin_wheel_to_win),
subTitle =
stringResource(Res.string.feres_miles_points),
buttonText =
stringResource(Res.string.spin_and_win),
wheelImage = Res.drawable.wheel,
onClick = {
navigator.push(MySpinScreen())
}
)
}
item {
WheelSpinCard(
title = stringResource(Res.string.shake_phone_win),
subTitle =
stringResource(Res.string.feres_miles_points),
buttonText = stringResource(Res.string.shake_win),
wheelImage = Res.drawable.shake_to_win,
onClick = {
navigator.push(MySpinScreen())
}
)
MaterialTheme.spacing.standard.VerticalSpacing()
}
}
}
}
},
expandedContent = {
Column(
Modifier
.background(MaterialTheme.colorScheme.background)
.fillMaxWidth()
.fillMaxHeight(0.95f),
horizontalAlignment = Alignment.CenterHorizontally,
) {
val successState = state as? DashboardScreenUISate.Success
Box(
Modifier.fillMaxWidth()
.wrapContentHeight(),
contentAlignment = Alignment.TopCenter
) {

gifAdsState.gifAds.let {
if (it.isNotEmpty()) {
androidx.compose.animation.AnimatedVisibility(
showBannerBox,
enter = slideInVertically {
(it / 2)
},
exit = fadeOut(animationSpec = tween(durationMillis
= 0))
) {
OfferBannerContent(
Modifier
.zIndex(1f)
.offset(y = -
(MaterialTheme.spacing.small)),
it.first().url
)
}
}
}
CustomAppSheetHandle(
Modifier.fillMaxWidth()
.clip(
RoundedCornerShape(
topStart = MaterialTheme.spacing.smSmall,
topEnd = MaterialTheme.spacing.smSmall
)
)
.background(MaterialTheme.colorScheme.background)
.align(Alignment.BottomCenter)
)
}
LazyColumn(
Modifier.fillMaxWidth()
.padding(horizontal = MaterialTheme.spacing.large),
verticalArrangement =
Arrangement.spacedBy(MaterialTheme.spacing.smSmall),
horizontalAlignment = Alignment.CenterHorizontally,
) {
item {
DashboardWhereToItem(
onWhereToClick = {
if (isRentalCarSelected) {

onDashboardClick(DashboardClickEvent.RentalWhereToClick)
} else {

onDashboardClick(DashboardClickEvent.WhereToClick)
}
},
onQRCodeClick =
{ onDashboardClick(DashboardClickEvent.OnQRCodeClick) },
isRentalSelected = isRentalCarSelected
)
}
item {
Column(
Modifier.fillMaxWidth(),
) {
LazyRow(
Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.spacedBy(
MaterialTheme.spacing.mStandard
)
) {
items(gridList) { dashboardItems ->
ServiceListItem(
icon = dashboardItems.icon,
title = dashboardItems.title,
onAssistChipClick = {
isRentalCarSelected =
dashboardItems.title == rentalTitle
isPackageSelected =
dashboardItems.title ==
packageTitle
isTravelSelected =
dashboardItems.title == travelTitle
successState?.currentItem?.value =
dashboardItems
successState?.isRentalCar?.value =
isRentalCarSelected
if (isRentalCarSelected) {

onDashboardClick(DashboardClickEvent.RentalCarClick)
} else if (isPackageSelected) {

onDashboardClick(DashboardClickEvent.OnPackageClick)
} else if (isTravelSelected) {

onDashboardClick(DashboardClickEvent.OnTravelClick)
} else {

onDashboardClick(DashboardClickEvent.DeliveryClick)
}
},
borderColor = if
(successState?.currentItem?.value == dashboardItems && isRentalCarSelected)
MaterialTheme.colorScheme.primary
else
Color.Transparent,
cardContainerColor = if
(successState?.currentItem?.value == dashboardItems && isRentalCarSelected)
RiderApp.lightGreen
else
RiderApp.ContainerColor
)
}
}
}
}
item {
if (isRentalCarSelected) {
AnimatedVisibility(
visible = isRentalCarSelected,
enter = enterTransition(),
exit = fadeOut(animationSpec = tween(durationMillis
= 500))
) {

PopularDestinationBody(
popularDestinationList =
popularDestinationList,
onItemClick = {
navigatePopularDestinationToCreateBooking(
viewModel.uiState.value,
navigator
)
}
)
}
}
}
if (successState?.visitedAreas.isNullOrEmpty()) {
item {
MaterialTheme.spacing.medium.VerticalSpacing()
}
}
successState?.visitedAreas?.let {
if (successState.visitedAreas.isNotEmpty()) {
items(successState.visitedAreas) { va ->
DefaultLocationItem(
text = va.destinationAddress,
subtext = va.featuredDestinationAddress,
showDivider =
successState.visitedAreas.last() != va,
onClick = {
if (successState.userRideLatLong != null) {
navigator.push(
CreateBookingScreen(
destination = Destination(
pickupPoint =
successState.userRideLatLong,
dropOffPoint = RideLatLong(
long =
va.longitude.toDouble(),
lat =
va.latitude.toDouble(),
address =
va.destinationAddress
),
),
hasLuggage =
successState.userRideLatLong.address.isPresentInList(
Constants.AIRPORT_KEYWORDS
) ||
va.destinationAddress.isPresentInList(
Constants.AIRPORT_KEYWORDS
)
)
)
}
}
)
}
}
}

if (successState?.showSpinWin == true) {
item {
MaterialTheme.spacing.standard.VerticalSpacing()
WheelSpinCard(
title =
stringResource(Res.string.spin_wheel_to_win),
subTitle =
stringResource(Res.string.feres_miles_points),
buttonText =
stringResource(Res.string.spin_and_win),
wheelImage = Res.drawable.wheel,
onClick = {
navigator.push(MySpinScreen())
}
)
}
item {
WheelSpinCard(
title = stringResource(Res.string.shake_phone_win),
subTitle =
stringResource(Res.string.feres_miles_points),
buttonText = stringResource(Res.string.shake_win),
wheelImage = Res.drawable.shake_to_win,
onClick = {
navigator.push(MySpinScreen())
}
)
MaterialTheme.spacing.standard.VerticalSpacing()
}
}
}
}
}
)

You might also like