├── .gitignore ├── gradle.properties ├── docs └── compose_desktop.png ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── src └── main │ ├── resources │ ├── images │ │ ├── apple.png │ │ ├── nike.png │ │ ├── scarf.jpg │ │ ├── addidas.png │ │ ├── google.png │ │ ├── paypal.png │ │ ├── red_bag.jpg │ │ ├── reebok.png │ │ ├── air_jordan.png │ │ ├── brown_bag.jpg │ │ ├── converse.png │ │ ├── face_cap.jpg │ │ ├── nike_shoes.jpg │ │ ├── profile_image.jpg │ │ └── running_shoes.png │ └── font │ │ ├── Oswald_Bold.ttf │ │ ├── Oswald_Light.ttf │ │ ├── Oswald_Medium.ttf │ │ ├── Oswald_Regular.ttf │ │ ├── Oswald_ExtraLight.ttf │ │ └── Oswald_SemiBold.ttf │ └── kotlin │ ├── Colors.kt │ ├── bottom │ ├── BottomRow.kt │ ├── SearchAndFilter.kt │ ├── Search.kt │ ├── Brand.kt │ ├── ItemImagePane.kt │ ├── Cart.kt │ └── Size.kt │ ├── top │ ├── TopRow.kt │ ├── PaymentMethods.kt │ ├── graph.kt │ ├── Profile.kt │ └── SalesReport.kt │ ├── main.kt │ └── Fonts.kt ├── README.md ├── settings.gradle.kts ├── gradlew.bat └── gradlew /.gitignore: -------------------------------------------------------------------------------- 1 | .idea/* 2 | .gradle/* 3 | build/* -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | kotlin.code.style=official 2 | -------------------------------------------------------------------------------- /docs/compose_desktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/docs/compose_desktop.png -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /src/main/resources/images/apple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/apple.png -------------------------------------------------------------------------------- /src/main/resources/images/nike.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/nike.png -------------------------------------------------------------------------------- /src/main/resources/images/scarf.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/scarf.jpg -------------------------------------------------------------------------------- /src/main/resources/images/addidas.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/addidas.png -------------------------------------------------------------------------------- /src/main/resources/images/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/google.png -------------------------------------------------------------------------------- /src/main/resources/images/paypal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/paypal.png -------------------------------------------------------------------------------- /src/main/resources/images/red_bag.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/red_bag.jpg -------------------------------------------------------------------------------- /src/main/resources/images/reebok.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/reebok.png -------------------------------------------------------------------------------- /src/main/resources/font/Oswald_Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/font/Oswald_Bold.ttf -------------------------------------------------------------------------------- /src/main/resources/font/Oswald_Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/font/Oswald_Light.ttf -------------------------------------------------------------------------------- /src/main/resources/images/air_jordan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/air_jordan.png -------------------------------------------------------------------------------- /src/main/resources/images/brown_bag.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/brown_bag.jpg -------------------------------------------------------------------------------- /src/main/resources/images/converse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/converse.png -------------------------------------------------------------------------------- /src/main/resources/images/face_cap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/face_cap.jpg -------------------------------------------------------------------------------- /src/main/resources/images/nike_shoes.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/nike_shoes.jpg -------------------------------------------------------------------------------- /src/main/resources/font/Oswald_Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/font/Oswald_Medium.ttf -------------------------------------------------------------------------------- /src/main/resources/font/Oswald_Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/font/Oswald_Regular.ttf -------------------------------------------------------------------------------- /src/main/resources/font/Oswald_ExtraLight.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/font/Oswald_ExtraLight.ttf -------------------------------------------------------------------------------- /src/main/resources/font/Oswald_SemiBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/font/Oswald_SemiBold.ttf -------------------------------------------------------------------------------- /src/main/resources/images/profile_image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/profile_image.jpg -------------------------------------------------------------------------------- /src/main/resources/images/running_shoes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mayojava/ECommerceComposeDesktop/HEAD/src/main/resources/images/running_shoes.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Recreating this dribble shot https://dribbble.com/shots/12427377-eCommerce-app-UI-Components/attachments/4040134?mode=media 2 | in Compose Desktop 3 | ![DribbleSport](docs/compose_desktop.png) -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-6.6.1-bin.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /settings.gradle.kts: -------------------------------------------------------------------------------- 1 | pluginManagement { 2 | repositories { 3 | gradlePluginPortal() 4 | mavenCentral() 5 | maven { url = uri("https://maven.pkg.jetbrains.space/public/p/compose/dev") } 6 | } 7 | 8 | } 9 | rootProject.name = "ECommerceComposeDesktop" 10 | 11 | -------------------------------------------------------------------------------- /src/main/kotlin/Colors.kt: -------------------------------------------------------------------------------- 1 | import androidx.compose.ui.graphics.Color 2 | 3 | val cardColor = Color(0xFFfefffe) 4 | val mainBackgroundColor = Color(0xFFf2f3f2) 5 | val textColor = Color(0xFF160d0d) 6 | val upTickerColor = Color(0xFF45f400) 7 | val downTickerColor = Color(0xFFf56165) 8 | val selectedBarColor = Color(0xFF0048f9) 9 | val unselectedBarColor = Color(0xFFebf2f9) 10 | val accentColor = Color(0xFFfa6266) 11 | 12 | val indicatorBlue = Color(0xFF00a4ff) 13 | val indicatorYellow = Color(0xFFffcb01) 14 | val indicatorBrown = Color(0xFFdc9f58) -------------------------------------------------------------------------------- /src/main/kotlin/bottom/BottomRow.kt: -------------------------------------------------------------------------------- 1 | package bottom 2 | 3 | import androidx.compose.foundation.layout.Row 4 | import androidx.compose.foundation.layout.Spacer 5 | import androidx.compose.foundation.layout.width 6 | import androidx.compose.runtime.Composable 7 | import androidx.compose.ui.Modifier 8 | import androidx.compose.ui.unit.dp 9 | 10 | @Composable fun BottomRow(modifier: Modifier = Modifier) { 11 | Row (modifier = modifier) { 12 | Cart() 13 | Spacer(modifier = Modifier.width(48.dp)) 14 | SearchAndFilter() 15 | Spacer(modifier = Modifier.width(48.dp)) 16 | ItemImagePane() 17 | } 18 | } -------------------------------------------------------------------------------- /src/main/kotlin/top/TopRow.kt: -------------------------------------------------------------------------------- 1 | import androidx.compose.foundation.layout.* 2 | import androidx.compose.runtime.Composable 3 | import androidx.compose.ui.Alignment 4 | import androidx.compose.ui.Modifier 5 | import androidx.compose.ui.unit.dp 6 | import top.PaymentMethods 7 | import top.Profile 8 | import top.SalesReport 9 | 10 | @Composable 11 | fun TopRow(modifier: Modifier = Modifier) { 12 | Row( 13 | modifier = modifier, 14 | horizontalArrangement = Arrangement.SpaceBetween, 15 | verticalAlignment = Alignment.CenterVertically 16 | ) { 17 | SalesReport() 18 | Spacer(modifier = Modifier.width(48.dp)) 19 | PaymentMethods() 20 | Spacer(modifier = Modifier.width(48.dp)) 21 | Profile() 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /src/main/kotlin/bottom/SearchAndFilter.kt: -------------------------------------------------------------------------------- 1 | package bottom 2 | 3 | import androidx.compose.foundation.layout.* 4 | import androidx.compose.runtime.Composable 5 | import androidx.compose.ui.Alignment 6 | import androidx.compose.ui.Modifier 7 | import androidx.compose.ui.unit.dp 8 | 9 | @Composable 10 | fun SearchAndFilter() { 11 | Column( 12 | modifier = Modifier.fillMaxHeight(0.95f).fillMaxWidth(0.55f), 13 | verticalArrangement = Arrangement.spacedBy(32.dp) 14 | ) { 15 | Row(modifier = Modifier.fillMaxWidth(), 16 | verticalAlignment = Alignment.CenterVertically) { 17 | Brand(modifier = Modifier.weight(1f)) 18 | Spacer(modifier = Modifier.width(48.dp)) 19 | Size(modifier = Modifier.weight(1f)) 20 | } 21 | SearchBar() 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /src/main/kotlin/main.kt: -------------------------------------------------------------------------------- 1 | import androidx.compose.desktop.DesktopMaterialTheme 2 | import androidx.compose.desktop.Window 3 | import androidx.compose.foundation.layout.* 4 | import androidx.compose.material.MaterialTheme 5 | import androidx.compose.material.Surface 6 | import androidx.compose.ui.Modifier 7 | import androidx.compose.ui.unit.IntSize 8 | import androidx.compose.ui.unit.dp 9 | import bottom.BottomRow 10 | 11 | fun main() = Window(title = "", size = IntSize(1400, 920)) { 12 | DesktopMaterialTheme( 13 | typography = MaterialTheme.typography 14 | ) { 15 | Surface(color = mainBackgroundColor) { 16 | Column(modifier = Modifier.fillMaxSize().padding(32.dp)) { 17 | TopRow() 18 | Spacer(modifier = Modifier.height(40.dp)) 19 | BottomRow(modifier = Modifier.fillMaxWidth().weight(0.60f)) 20 | } 21 | } 22 | } 23 | } -------------------------------------------------------------------------------- /src/main/kotlin/bottom/Search.kt: -------------------------------------------------------------------------------- 1 | package bottom 2 | 3 | import androidx.compose.foundation.layout.Row 4 | import androidx.compose.foundation.layout.fillMaxWidth 5 | import androidx.compose.foundation.layout.height 6 | import androidx.compose.foundation.layout.padding 7 | import androidx.compose.foundation.shape.RoundedCornerShape 8 | import androidx.compose.material.Icon 9 | import androidx.compose.material.Surface 10 | import androidx.compose.material.Text 11 | import androidx.compose.material.icons.Icons 12 | import androidx.compose.material.icons.filled.Search 13 | import androidx.compose.runtime.Composable 14 | import androidx.compose.ui.Alignment 15 | import androidx.compose.ui.Modifier 16 | import androidx.compose.ui.graphics.Color 17 | import androidx.compose.ui.unit.dp 18 | import cardColor 19 | 20 | @Composable fun SearchBar() { 21 | Surface(modifier = Modifier 22 | .fillMaxWidth() 23 | .height(60.dp), 24 | shape = RoundedCornerShape(24.dp), 25 | color = cardColor) { 26 | 27 | Row(modifier = Modifier.fillMaxWidth().padding(horizontal = 18.dp), verticalAlignment = Alignment.CenterVertically) { 28 | Text("Search", modifier = Modifier.weight(1f), color = Color(0xFfadaead)) 29 | Icon(Icons.Default.Search.copy(defaultHeight = 32.dp, defaultWidth = 32.dp), tint = Color(0xFF9e9f9e)) 30 | } 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /src/main/kotlin/Fonts.kt: -------------------------------------------------------------------------------- 1 | import androidx.compose.runtime.Composable 2 | import androidx.compose.ui.text.font.FontStyle 3 | import androidx.compose.ui.text.font.FontWeight 4 | import androidx.compose.ui.text.font.fontFamily 5 | import androidx.compose.ui.text.platform.font 6 | 7 | object Fonts { 8 | @Composable fun Oswald() = fontFamily( 9 | font( 10 | alias = "Oswald", 11 | path = "font/Oswald_Regular.ttf", 12 | weight = FontWeight.Normal, 13 | style = FontStyle.Normal 14 | ), 15 | 16 | font( 17 | alias = "Oswald", 18 | path = "font/Oswald_Bold.ttf", 19 | weight = FontWeight.Bold, 20 | style = FontStyle.Normal 21 | ), 22 | 23 | font( 24 | alias = "Oswald", 25 | path = "font/Oswald_Bold.ttf", 26 | weight = FontWeight.SemiBold, 27 | style = FontStyle.Normal 28 | ), 29 | 30 | font( 31 | alias = "Oswald", 32 | path = "font/Oswald_Medium.ttf", 33 | weight = FontWeight.Medium, 34 | style = FontStyle.Normal 35 | ), 36 | 37 | font( 38 | alias = "Oswald", 39 | path = "font/Oswald_Light.ttf", 40 | weight = FontWeight.Light, 41 | style = FontStyle.Normal 42 | ), 43 | 44 | font( 45 | alias = "Oswald", 46 | path = "font/Oswald_ExtraLight.ttf", 47 | weight = FontWeight.ExtraLight, 48 | style = FontStyle.Normal 49 | ) 50 | ) 51 | } -------------------------------------------------------------------------------- /src/main/kotlin/bottom/Brand.kt: -------------------------------------------------------------------------------- 1 | package bottom 2 | 3 | import androidx.compose.foundation.Image 4 | import androidx.compose.foundation.background 5 | import androidx.compose.foundation.layout.* 6 | import androidx.compose.foundation.shape.RoundedCornerShape 7 | import androidx.compose.material.Surface 8 | import androidx.compose.material.Text 9 | import androidx.compose.runtime.Composable 10 | import androidx.compose.ui.Alignment 11 | import androidx.compose.ui.Modifier 12 | import androidx.compose.ui.graphics.Color 13 | import androidx.compose.ui.graphics.imageFromResource 14 | import androidx.compose.ui.text.font.FontWeight 15 | import androidx.compose.ui.unit.dp 16 | import androidx.compose.ui.unit.sp 17 | import cardColor 18 | 19 | @Composable fun Brand(modifier: Modifier) { 20 | Surface( 21 | modifier = modifier.fillMaxHeight(0.8f), 22 | shape = RoundedCornerShape(24.dp), 23 | color = cardColor 24 | ) { 25 | Column( 26 | modifier = Modifier.fillMaxHeight(0.7f).fillMaxWidth(0.4f).padding(bottom = 16.dp), 27 | horizontalAlignment = Alignment.CenterHorizontally, 28 | verticalArrangement = Arrangement.SpaceEvenly 29 | ) { 30 | Text( 31 | text = "BRAND", 32 | fontWeight = FontWeight.Bold, 33 | fontSize = 22.sp, 34 | fontFamily = Fonts.Oswald(), 35 | modifier = Modifier.padding(vertical = 22.dp) 36 | ) 37 | 38 | Column( 39 | modifier = Modifier.fillMaxWidth().padding(start = 16.dp), 40 | horizontalAlignment = Alignment.CenterHorizontally, 41 | verticalArrangement = Arrangement.spacedBy(16.dp)) { 42 | BrandItem("images/nike.png", "Nike") 43 | BrandItem("images/air_jordan.png", "Jordan") 44 | BrandItem("images/converse.png", "Converse") 45 | BrandItem("images/addidas.png", "Addidas") 46 | } 47 | } 48 | } 49 | } 50 | 51 | @Composable fun BrandItem(logoPath: String, name: String, modifier: Modifier = Modifier) { 52 | Row(modifier = modifier.fillMaxWidth(), verticalAlignment = Alignment.CenterVertically) { 53 | Box(modifier = modifier.size(48.dp).background(color = Color(0xFFf2f3f2), shape = RoundedCornerShape(16.dp))) { 54 | Image(asset = imageFromResource(logoPath), modifier = Modifier.size(32.dp).align(Alignment.Center)) 55 | } 56 | Spacer(modifier = Modifier.width(20.dp)) 57 | Text(text = name, fontWeight = FontWeight.SemiBold, fontSize = 18.sp) 58 | } 59 | } -------------------------------------------------------------------------------- /src/main/kotlin/top/PaymentMethods.kt: -------------------------------------------------------------------------------- 1 | package top 2 | 3 | import androidx.compose.foundation.Image 4 | import androidx.compose.foundation.background 5 | import androidx.compose.foundation.layout.* 6 | import androidx.compose.foundation.shape.RoundedCornerShape 7 | import androidx.compose.material.Icon 8 | import androidx.compose.material.Surface 9 | import androidx.compose.material.Text 10 | import androidx.compose.material.icons.Icons 11 | import androidx.compose.material.icons.filled.KeyboardArrowRight 12 | import androidx.compose.runtime.Composable 13 | import androidx.compose.ui.Alignment 14 | import androidx.compose.ui.Modifier 15 | import androidx.compose.ui.graphics.Color 16 | import androidx.compose.ui.graphics.imageFromResource 17 | import androidx.compose.ui.unit.dp 18 | import androidx.compose.ui.unit.sp 19 | import cardColor 20 | 21 | @Composable 22 | fun PaymentMethods(modifier: Modifier = Modifier) { 23 | Surface( 24 | modifier = modifier 25 | .fillMaxWidth(0.50f) 26 | .fillMaxHeight(0.4f), 27 | shape = RoundedCornerShape(24.dp), 28 | color = cardColor 29 | ) { 30 | Column(modifier = Modifier.fillMaxSize().padding(horizontal = 20.dp)) { 31 | Text( 32 | text = "PAYMENT METHODS", 33 | modifier = Modifier 34 | .align(Alignment.CenterHorizontally) 35 | .padding(vertical = 32.dp), 36 | fontFamily = Fonts.Oswald(), 37 | fontSize = 26.sp 38 | ) 39 | 40 | PaymentItem("Paypal", "images/paypal.png", Color(0xFFf1fafe)) 41 | Spacer(modifier = Modifier.height(12.dp)) 42 | PaymentItem("Apple", "images/apple.png", Color(0xFFececec)) 43 | Spacer(modifier = Modifier.height(12.dp)) 44 | PaymentItem("Google", "images/google.png", Color(0xFFf5faf5)) 45 | } 46 | } 47 | } 48 | 49 | @Composable fun PaymentItem( 50 | companyName: String, 51 | logoUrl: String, 52 | bcColor: Color 53 | ) { 54 | Row(modifier = Modifier.fillMaxWidth(), verticalAlignment = Alignment.CenterVertically) { 55 | CompanyLogo(logoUrl, bcColor) 56 | Spacer(modifier = Modifier.width(16.dp)) 57 | Text(companyName, fontSize = 18.sp, modifier = Modifier.weight(1f)) 58 | Icon( 59 | Icons.Default.KeyboardArrowRight.copy(defaultWidth = 24.dp, defaultHeight = 24.dp), 60 | ) 61 | } 62 | } 63 | 64 | @Composable fun CompanyLogo(logoUrl: String, color: Color, modifier: Modifier = Modifier) { 65 | Box(modifier = modifier.size(56.dp).background(color = color, shape = RoundedCornerShape(16.dp))) { 66 | Image(asset = imageFromResource(logoUrl), modifier = Modifier.size(32.dp).align(Alignment.Center)) 67 | } 68 | } -------------------------------------------------------------------------------- /src/main/kotlin/bottom/ItemImagePane.kt: -------------------------------------------------------------------------------- 1 | package bottom 2 | 3 | import accentColor 4 | import androidx.compose.foundation.Image 5 | import androidx.compose.foundation.background 6 | import androidx.compose.foundation.layout.* 7 | import androidx.compose.foundation.shape.CircleShape 8 | import androidx.compose.foundation.shape.RoundedCornerShape 9 | import androidx.compose.material.Icon 10 | import androidx.compose.material.Surface 11 | import androidx.compose.material.Text 12 | import androidx.compose.material.icons.Icons 13 | import androidx.compose.material.icons.filled.PlayArrow 14 | import androidx.compose.runtime.Composable 15 | import androidx.compose.ui.Alignment 16 | import androidx.compose.ui.Modifier 17 | import androidx.compose.ui.graphics.Color 18 | import androidx.compose.ui.res.imageResource 19 | import androidx.compose.ui.text.font.FontWeight 20 | import androidx.compose.ui.unit.dp 21 | import androidx.compose.ui.unit.sp 22 | import cardColor 23 | import indicatorBlue 24 | import indicatorBrown 25 | import indicatorYellow 26 | 27 | @Composable fun ItemImagePane() { 28 | Surface( 29 | modifier = Modifier 30 | .fillMaxWidth(0.90f) 31 | .fillMaxHeight(), 32 | shape = RoundedCornerShape(24.dp), 33 | color = cardColor 34 | ) { 35 | Column( 36 | modifier = Modifier.fillMaxSize().padding(vertical = 30.dp, horizontal = 24.dp), 37 | horizontalAlignment = Alignment.CenterHorizontally 38 | ) { 39 | Text(text = "RUNNING SHOE", color = Color(0xFFadaead)) 40 | Text(text = "REACT INFINITY", fontSize = 32.sp, fontWeight = FontWeight.Bold, fontFamily = Fonts.Oswald()) 41 | Text(text = "RUN FLYKNIT", fontSize = 32.sp, fontWeight = FontWeight.Bold, fontFamily = Fonts.Oswald()) 42 | Image(imageResource("images/running_shoes.png"), modifier = Modifier.size(240.dp)) 43 | Row(modifier = Modifier.fillMaxWidth(), verticalAlignment = Alignment.CenterVertically) { 44 | Row(modifier = Modifier.weight(1f), horizontalArrangement = Arrangement.spacedBy(12.dp)){ 45 | Box(modifier = Modifier.background(color = indicatorBlue, shape = CircleShape).size(24.dp)) 46 | Box(modifier = Modifier.background(color = indicatorYellow, shape = CircleShape).size(24.dp)) 47 | Box(modifier = Modifier.background(color = indicatorBrown, shape = CircleShape).size(24.dp)) 48 | } 49 | Box(modifier = Modifier.background(color = accentColor, shape = CircleShape).size(64.dp)) { 50 | Icon( 51 | Icons.Default.PlayArrow.copy(defaultWidth = 36.dp, defaultHeight = 36.dp), 52 | tint = Color.White, 53 | modifier = Modifier.align(Alignment.Center) 54 | ) 55 | } 56 | } 57 | } 58 | } 59 | } -------------------------------------------------------------------------------- /src/main/kotlin/top/graph.kt: -------------------------------------------------------------------------------- 1 | package top.graph 2 | 3 | import androidx.compose.foundation.background 4 | import androidx.compose.foundation.layout.* 5 | import androidx.compose.material.MaterialTheme 6 | import androidx.compose.material.Text 7 | import androidx.compose.runtime.Composable 8 | import androidx.compose.ui.Alignment 9 | import androidx.compose.ui.Modifier 10 | import androidx.compose.ui.graphics.Color 11 | import androidx.compose.ui.text.font.FontWeight 12 | import androidx.compose.ui.unit.Dp 13 | import androidx.compose.ui.unit.dp 14 | import androidx.compose.ui.unit.sp 15 | import selectedBarColor 16 | import unselectedBarColor 17 | 18 | @Composable fun VerticalDivider(height: Dp) { 19 | Box( 20 | Modifier 21 | .width(1.dp) 22 | .height(height) 23 | .background(color = MaterialTheme.colors.onSurface.copy(alpha = 0.1f)) 24 | ) 25 | } 26 | 27 | @Composable fun BarRow(fillBarColor: Color = unselectedBarColor, value: Float) { 28 | Box(modifier = Modifier.fillMaxWidth()) { 29 | Row(modifier = Modifier 30 | .fillMaxWidth() 31 | .align(Alignment.Center), 32 | horizontalArrangement = Arrangement.SpaceBetween, 33 | verticalAlignment = Alignment.CenterVertically) { 34 | (1..7).forEach { _ -> VerticalDivider(16.dp) } 35 | } 36 | 37 | Spacer(modifier = Modifier 38 | .fillMaxWidth(value) 39 | .offset(x=-4.dp) 40 | .background(color = fillBarColor, shape = MaterialTheme.shapes.small) 41 | .height(8.dp) 42 | .align(Alignment.CenterStart) 43 | ) 44 | } 45 | } 46 | 47 | @Composable fun NoBarRow() { 48 | Row(modifier = Modifier.fillMaxWidth(), 49 | horizontalArrangement = Arrangement.SpaceBetween, 50 | verticalAlignment = Alignment.CenterVertically) { 51 | Spacer(modifier = Modifier.width(18.dp)) 52 | (1..7).forEach { _ -> VerticalDivider(8.dp) } 53 | } 54 | } 55 | 56 | @Composable fun GraphArea(modifier: Modifier) { 57 | Column(modifier = modifier.fillMaxSize(), 58 | horizontalAlignment = Alignment.CenterHorizontally, 59 | verticalArrangement = Arrangement.spacedBy(8.dp)) { 60 | MonthValueRow("Jun", 0.72f) 61 | NoBarRow() 62 | MonthValueRow("May", 0.40f) 63 | NoBarRow() 64 | MonthValueRow("Apr", 0.95f, isSelected = true) 65 | NoBarRow() 66 | MonthValueRow("Mar", 0.7f) 67 | NoBarRow() 68 | MonthValueRow("Feb", 0.6f) 69 | NoBarRow() 70 | MonthValueRow("Jan", 0.28f) 71 | } 72 | } 73 | 74 | @Composable fun MonthValueRow(month: String, value: Float, isSelected: Boolean = false) { 75 | Row(modifier = Modifier.fillMaxWidth(), verticalAlignment = Alignment.CenterVertically) { 76 | Text(month, fontSize = 12.sp, fontWeight = FontWeight.Light, modifier = Modifier.width(32.dp)) 77 | Spacer(modifier = Modifier.width(32.dp)) 78 | BarRow(value = value , fillBarColor = if (isSelected) selectedBarColor else unselectedBarColor) 79 | } 80 | } -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @rem 2 | @rem Copyright 2015 the original author or authors. 3 | @rem 4 | @rem Licensed under the Apache License, Version 2.0 (the "License"); 5 | @rem you may not use this file except in compliance with the License. 6 | @rem You may obtain a copy of the License at 7 | @rem 8 | @rem https://www.apache.org/licenses/LICENSE-2.0 9 | @rem 10 | @rem Unless required by applicable law or agreed to in writing, software 11 | @rem distributed under the License is distributed on an "AS IS" BASIS, 12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | @rem See the License for the specific language governing permissions and 14 | @rem limitations under the License. 15 | @rem 16 | 17 | @if "%DEBUG%" == "" @echo off 18 | @rem ########################################################################## 19 | @rem 20 | @rem Gradle startup script for Windows 21 | @rem 22 | @rem ########################################################################## 23 | 24 | @rem Set local scope for the variables with windows NT shell 25 | if "%OS%"=="Windows_NT" setlocal 26 | 27 | set DIRNAME=%~dp0 28 | if "%DIRNAME%" == "" set DIRNAME=. 29 | set APP_BASE_NAME=%~n0 30 | set APP_HOME=%DIRNAME% 31 | 32 | @rem Resolve any "." and ".." in APP_HOME to make it shorter. 33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi 34 | 35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" 37 | 38 | @rem Find java.exe 39 | if defined JAVA_HOME goto findJavaFromJavaHome 40 | 41 | set JAVA_EXE=java.exe 42 | %JAVA_EXE% -version >NUL 2>&1 43 | if "%ERRORLEVEL%" == "0" goto execute 44 | 45 | echo. 46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 47 | echo. 48 | echo Please set the JAVA_HOME variable in your environment to match the 49 | echo location of your Java installation. 50 | 51 | goto fail 52 | 53 | :findJavaFromJavaHome 54 | set JAVA_HOME=%JAVA_HOME:"=% 55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 56 | 57 | if exist "%JAVA_EXE%" goto execute 58 | 59 | echo. 60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 61 | echo. 62 | echo Please set the JAVA_HOME variable in your environment to match the 63 | echo location of your Java installation. 64 | 65 | goto fail 66 | 67 | :execute 68 | @rem Setup the command line 69 | 70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 71 | 72 | 73 | @rem Execute Gradle 74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* 75 | 76 | :end 77 | @rem End local scope for the variables with windows NT shell 78 | if "%ERRORLEVEL%"=="0" goto mainEnd 79 | 80 | :fail 81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 82 | rem the _cmd.exe /c_ return code! 83 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 84 | exit /b 1 85 | 86 | :mainEnd 87 | if "%OS%"=="Windows_NT" endlocal 88 | 89 | :omega 90 | -------------------------------------------------------------------------------- /src/main/kotlin/bottom/Cart.kt: -------------------------------------------------------------------------------- 1 | package bottom 2 | 3 | import androidx.compose.foundation.Image 4 | import androidx.compose.foundation.layout.* 5 | import androidx.compose.foundation.shape.RoundedCornerShape 6 | import androidx.compose.material.Divider 7 | import androidx.compose.material.Surface 8 | import androidx.compose.material.Text 9 | import androidx.compose.runtime.Composable 10 | import androidx.compose.ui.Alignment 11 | import androidx.compose.ui.Modifier 12 | import androidx.compose.ui.graphics.imageFromResource 13 | import androidx.compose.ui.text.font.FontWeight 14 | import androidx.compose.ui.unit.dp 15 | import androidx.compose.ui.unit.sp 16 | import cardColor 17 | 18 | @Composable fun Cart() { 19 | Surface( 20 | modifier = Modifier 21 | .fillMaxWidth(0.23f) 22 | .fillMaxHeight(), 23 | shape = RoundedCornerShape(24.dp), 24 | color = cardColor 25 | ) { 26 | Column( 27 | modifier = Modifier.fillMaxSize(), 28 | horizontalAlignment = Alignment.CenterHorizontally, 29 | verticalArrangement = Arrangement.SpaceEvenly 30 | ) { 31 | Text( 32 | text = "CART", 33 | fontFamily = Fonts.Oswald(), 34 | fontWeight = FontWeight.Bold, 35 | fontSize = 20.sp, 36 | modifier = Modifier.padding(vertical = 18.dp) 37 | ) 38 | Divider(modifier = Modifier.fillMaxWidth()) 39 | CartItem( 40 | imagePath = "images/red_bag.jpg", 41 | "Nike Elite Pro", 42 | "$35" 43 | ) 44 | Divider(modifier = Modifier.fillMaxWidth()) 45 | CartItem( 46 | imagePath = "images/brown_bag.jpg", 47 | "Nike Utility Elite", 48 | "$45" 49 | ) 50 | Divider(modifier = Modifier.fillMaxWidth()) 51 | CartItem( 52 | imagePath = "images/nike_shoes.jpg", 53 | "Zoom Air KD13", 54 | "$97" 55 | ) 56 | Divider(modifier = Modifier.fillMaxWidth()) 57 | CartItem( 58 | imagePath = "images/face_cap.jpg", 59 | "Nike Legacy91", 60 | "$18" 61 | ) 62 | Divider(modifier = Modifier.fillMaxWidth()) 63 | CartItem( 64 | imagePath = "images/scarf.jpg", 65 | "Pico Edge", 66 | "$15" 67 | ) 68 | } 69 | } 70 | } 71 | 72 | @Composable fun CartItem( 73 | imagePath: String, 74 | itemName: String, 75 | price: String, 76 | modifier: Modifier = Modifier 77 | ) { 78 | Row(modifier = modifier.fillMaxWidth().padding(vertical = 16.dp, horizontal = 24.dp), 79 | verticalAlignment = Alignment.CenterVertically) { 80 | Image(asset = imageFromResource(imagePath), modifier = Modifier.size(48.dp)) 81 | Spacer(modifier = Modifier.width(16.dp)) 82 | Text(itemName, fontSize = 16.sp, modifier = Modifier.weight(1f)) 83 | Text(price, fontWeight = FontWeight.SemiBold, fontSize = 18.sp) 84 | } 85 | } -------------------------------------------------------------------------------- /src/main/kotlin/top/Profile.kt: -------------------------------------------------------------------------------- 1 | package top 2 | 3 | import accentColor 4 | import androidx.compose.foundation.Image 5 | import androidx.compose.foundation.background 6 | import androidx.compose.foundation.layout.* 7 | import androidx.compose.foundation.shape.CircleShape 8 | import androidx.compose.foundation.shape.RoundedCornerShape 9 | import androidx.compose.material.Divider 10 | import androidx.compose.material.Surface 11 | import androidx.compose.material.Text 12 | import androidx.compose.runtime.Composable 13 | import androidx.compose.ui.Alignment 14 | import androidx.compose.ui.Modifier 15 | import androidx.compose.ui.draw.clip 16 | import androidx.compose.ui.graphics.Color 17 | import androidx.compose.ui.graphics.imageFromResource 18 | import androidx.compose.ui.text.font.FontWeight 19 | import androidx.compose.ui.unit.dp 20 | import androidx.compose.ui.unit.sp 21 | import cardColor 22 | 23 | @Composable 24 | fun Profile(modifier: Modifier = Modifier) { 25 | Surface( 26 | modifier = modifier 27 | .fillMaxWidth(0.85f) 28 | .fillMaxHeight(0.4f), 29 | shape = RoundedCornerShape(24.dp), 30 | color = cardColor 31 | ) { 32 | Column( 33 | modifier = Modifier.fillMaxSize(), 34 | horizontalAlignment = Alignment.CenterHorizontally, 35 | verticalArrangement = Arrangement.SpaceEvenly 36 | ) { 37 | ProfileImage() 38 | NameTag() 39 | Box(modifier = Modifier.background(color = accentColor, shape = RoundedCornerShape(16.dp))) { 40 | Text( 41 | text = "SELLER", 42 | color = Color.White, 43 | modifier = Modifier.padding(horizontal = 24.dp, vertical = 12.dp).align(Alignment.Center), 44 | fontSize = 12.sp 45 | ) 46 | } 47 | Divider(modifier = Modifier.fillMaxWidth()) 48 | Row( 49 | modifier = Modifier.fillMaxWidth(), 50 | verticalAlignment = Alignment.CenterVertically, 51 | horizontalArrangement = Arrangement.SpaceEvenly 52 | ) { 53 | ProfileItem("SOLD", "1355") 54 | ProfileItem("ITEMS", "450") 55 | ProfileItem("RANK", "145") 56 | } 57 | } 58 | } 59 | } 60 | 61 | @Composable fun NameTag() { 62 | Column(horizontalAlignment = Alignment.CenterHorizontally, verticalArrangement = Arrangement.spacedBy(4.dp)) { 63 | Text("GABRIEL CASEY", fontSize = 20.sp, fontWeight = FontWeight.Bold) 64 | Text("Lake Donie", fontSize = 14.sp, color = Color(0xFF9e9f9e)) 65 | } 66 | } 67 | 68 | @Composable fun ProfileItem(title: String, value: String) { 69 | Column(horizontalAlignment = Alignment.CenterHorizontally, verticalArrangement = Arrangement.spacedBy(2.dp)) { 70 | Text(title, fontSize = 10.sp, color = Color(0xFFc5c6c5)) 71 | Text(value, fontSize = 24.sp) 72 | } 73 | } 74 | 75 | @Composable fun ProfileImage(modifier: Modifier = Modifier) { 76 | Box(modifier = Modifier.size(84.dp).background(color = Color.Transparent, shape = CircleShape)) { 77 | Image(imageFromResource("images/profile_image.jpg"), modifier = Modifier.clip(CircleShape)) 78 | } 79 | } -------------------------------------------------------------------------------- /src/main/kotlin/top/SalesReport.kt: -------------------------------------------------------------------------------- 1 | package top 2 | 3 | import androidx.compose.foundation.background 4 | import androidx.compose.foundation.layout.* 5 | import androidx.compose.foundation.shape.RoundedCornerShape 6 | import androidx.compose.material.* 7 | import androidx.compose.material.icons.Icons 8 | import androidx.compose.material.icons.filled.KeyboardArrowDown 9 | import androidx.compose.material.icons.filled.KeyboardArrowUp 10 | import androidx.compose.runtime.Composable 11 | import androidx.compose.ui.Alignment 12 | import androidx.compose.ui.Modifier 13 | import androidx.compose.ui.graphics.Color 14 | import androidx.compose.ui.text.font.FontWeight 15 | import androidx.compose.ui.unit.dp 16 | import androidx.compose.ui.unit.sp 17 | import cardColor 18 | import downTickerColor 19 | import textColor 20 | import top.graph.GraphArea 21 | import upTickerColor 22 | 23 | @Composable 24 | fun SalesReport() { 25 | Surface( 26 | modifier = Modifier 27 | .fillMaxWidth(0.45f) 28 | .fillMaxHeight(0.4f), 29 | shape = RoundedCornerShape(24.dp), 30 | color = cardColor 31 | ) { 32 | Row( 33 | modifier = Modifier 34 | .fillMaxSize() 35 | .padding(32.dp), 36 | verticalAlignment = Alignment.CenterVertically 37 | ) { 38 | Column( 39 | modifier = Modifier.fillMaxHeight() 40 | .fillMaxWidth(0.25f), 41 | horizontalAlignment = Alignment.CenterHorizontally, 42 | verticalArrangement = Arrangement.SpaceBetween 43 | ) { 44 | Text( 45 | "SALES\nREPORT", 46 | style = MaterialTheme.typography.h4.copy(fontSize = 32.sp, fontFamily = Fonts.Oswald()), 47 | fontWeight = FontWeight.ExtraBold, 48 | modifier = Modifier.align(Alignment.Start) 49 | ) 50 | Spacer(modifier = Modifier.height(16.dp)) 51 | Divider(modifier = Modifier.fillMaxWidth()) 52 | Spacer(modifier = Modifier.height(16.dp)) 53 | ReportItem(4570, "SALES", true) 54 | Spacer(modifier = Modifier.height(32.dp)) 55 | ReportItem(1210, "RETURNS", false) 56 | } 57 | 58 | Spacer(modifier = Modifier.width(24.dp)) 59 | Box( 60 | Modifier 61 | .preferredWidth(1.dp) 62 | .fillMaxHeight() 63 | .background(color = MaterialTheme.colors.onSurface.copy(alpha = 0.12f)) 64 | ) 65 | Spacer(modifier = Modifier.width(32.dp)) 66 | GraphArea(modifier = Modifier.padding(vertical = 20.dp)) 67 | } 68 | } 69 | } 70 | 71 | @Composable 72 | fun ReportItem( 73 | amount: Int, subtitle: String, 74 | isPositive: Boolean, 75 | modifier: Modifier = Modifier) { 76 | Row(modifier = modifier) { 77 | Column { 78 | Text( 79 | text = "$amount", 80 | fontWeight = FontWeight.ExtraBold, 81 | style = MaterialTheme.typography.h4.copy(fontSize = 36.sp), 82 | color = textColor 83 | ) 84 | Text(text = subtitle, fontSize = 10.sp, color = Color(0xFFa8a9a8)) 85 | } 86 | Spacer(modifier = Modifier.width(32.dp)) 87 | Icon( 88 | asset = if (isPositive) { 89 | Icons.Default.KeyboardArrowUp.copy(defaultHeight = 24.dp, defaultWidth = 24.dp) 90 | } else { 91 | Icons.Default.KeyboardArrowDown.copy(defaultHeight = 24.dp, defaultWidth = 24.dp) 92 | }, 93 | tint = if (isPositive) upTickerColor else downTickerColor 94 | ) 95 | } 96 | } 97 | -------------------------------------------------------------------------------- /src/main/kotlin/bottom/Size.kt: -------------------------------------------------------------------------------- 1 | package bottom 2 | 3 | import androidx.compose.foundation.layout.* 4 | import androidx.compose.foundation.shape.RoundedCornerShape 5 | import androidx.compose.material.* 6 | import androidx.compose.runtime.Composable 7 | import androidx.compose.ui.Alignment 8 | import androidx.compose.ui.Modifier 9 | import androidx.compose.ui.graphics.Color 10 | import androidx.compose.ui.text.font.FontWeight 11 | import androidx.compose.ui.unit.dp 12 | import androidx.compose.ui.unit.sp 13 | import cardColor 14 | 15 | @Composable fun Size(modifier: Modifier) { 16 | Surface( 17 | modifier = modifier.fillMaxHeight(0.8f), 18 | shape = RoundedCornerShape(24.dp), 19 | color = cardColor 20 | ) { 21 | Column( 22 | modifier = Modifier.fillMaxSize(), 23 | horizontalAlignment = Alignment.CenterHorizontally, 24 | verticalArrangement = Arrangement.SpaceEvenly 25 | ) { 26 | Text( 27 | text = "SIZE", 28 | fontWeight = FontWeight.Bold, 29 | fontSize = 22.sp, 30 | fontFamily = Fonts.Oswald(), 31 | modifier = Modifier.padding(vertical = 22.dp) 32 | ) 33 | 34 | Column( 35 | modifier = Modifier.fillMaxWidth().padding(horizontal = 16.dp), 36 | horizontalAlignment = Alignment.CenterHorizontally, 37 | verticalArrangement = Arrangement.spacedBy(8.dp) 38 | ) { 39 | Row( 40 | modifier = Modifier.fillMaxWidth(), 41 | verticalAlignment = Alignment.CenterVertically, 42 | horizontalArrangement = Arrangement.spacedBy(16.dp) 43 | ) { 44 | SizeItem("1", modifier = Modifier.weight(1f)) 45 | SizeItem("1.5", modifier = Modifier.weight(1f), filled = true) 46 | } 47 | Row( 48 | modifier = Modifier.fillMaxWidth(), 49 | verticalAlignment = Alignment.CenterVertically, 50 | horizontalArrangement = Arrangement.spacedBy(16.dp) 51 | ) { 52 | SizeItem("2", modifier = Modifier.weight(1f)) 53 | SizeItem("2.5", modifier = Modifier.weight(1f)) 54 | } 55 | Row( 56 | modifier = Modifier.fillMaxWidth(), 57 | verticalAlignment = Alignment.CenterVertically, 58 | horizontalArrangement = Arrangement.spacedBy(16.dp) 59 | ) { 60 | SizeItem("3", modifier = Modifier.weight(1f), filled = true) 61 | SizeItem("3.5", modifier = Modifier.weight(1f)) 62 | } 63 | Row( 64 | modifier = Modifier.fillMaxWidth(), 65 | verticalAlignment = Alignment.CenterVertically, 66 | horizontalArrangement = Arrangement.spacedBy(16.dp) 67 | ) { 68 | SizeItem("4", modifier = Modifier.weight(1f)) 69 | SizeItem("4.5", modifier = Modifier.weight(1f)) 70 | } 71 | OutlinedButton( 72 | onClick = {}, 73 | shape = RoundedCornerShape(16.dp), 74 | modifier = Modifier.fillMaxWidth().height(84.dp).padding(vertical = 16.dp, horizontal = 18.dp) 75 | ) { 76 | Text(text = "More", fontSize = 18.sp, color = Color.Black) 77 | } 78 | 79 | } 80 | } 81 | } 82 | } 83 | 84 | @Composable 85 | private fun SizeItem(text: String, modifier: Modifier, filled: Boolean = false) { 86 | if (filled) { 87 | Button( 88 | onClick = {}, 89 | colors = ButtonConstants.defaultButtonColors(backgroundColor = Color.Black), 90 | modifier = modifier, 91 | shape = RoundedCornerShape(12.dp) 92 | ) { 93 | Text(text, color = Color.White) 94 | } 95 | } else { 96 | OutlinedButton( 97 | onClick = {}, 98 | modifier = modifier, 99 | shape = RoundedCornerShape(12.dp) 100 | ) { 101 | Text(text, color = Color.Black) 102 | } 103 | } 104 | } -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | 3 | # 4 | # Copyright 2015 the original author or authors. 5 | # 6 | # Licensed under the Apache License, Version 2.0 (the "License"); 7 | # you may not use this file except in compliance with the License. 8 | # You may obtain a copy of the License at 9 | # 10 | # https://www.apache.org/licenses/LICENSE-2.0 11 | # 12 | # Unless required by applicable law or agreed to in writing, software 13 | # distributed under the License is distributed on an "AS IS" BASIS, 14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | # See the License for the specific language governing permissions and 16 | # limitations under the License. 17 | # 18 | 19 | ############################################################################## 20 | ## 21 | ## Gradle start up script for UN*X 22 | ## 23 | ############################################################################## 24 | 25 | # Attempt to set APP_HOME 26 | # Resolve links: $0 may be a link 27 | PRG="$0" 28 | # Need this for relative symlinks. 29 | while [ -h "$PRG" ] ; do 30 | ls=`ls -ld "$PRG"` 31 | link=`expr "$ls" : '.*-> \(.*\)$'` 32 | if expr "$link" : '/.*' > /dev/null; then 33 | PRG="$link" 34 | else 35 | PRG=`dirname "$PRG"`"/$link" 36 | fi 37 | done 38 | SAVED="`pwd`" 39 | cd "`dirname \"$PRG\"`/" >/dev/null 40 | APP_HOME="`pwd -P`" 41 | cd "$SAVED" >/dev/null 42 | 43 | APP_NAME="Gradle" 44 | APP_BASE_NAME=`basename "$0"` 45 | 46 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 47 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' 48 | 49 | # Use the maximum available, or set MAX_FD != -1 to use that value. 50 | MAX_FD="maximum" 51 | 52 | warn () { 53 | echo "$*" 54 | } 55 | 56 | die () { 57 | echo 58 | echo "$*" 59 | echo 60 | exit 1 61 | } 62 | 63 | # OS specific support (must be 'true' or 'false'). 64 | cygwin=false 65 | msys=false 66 | darwin=false 67 | nonstop=false 68 | case "`uname`" in 69 | CYGWIN* ) 70 | cygwin=true 71 | ;; 72 | Darwin* ) 73 | darwin=true 74 | ;; 75 | MINGW* ) 76 | msys=true 77 | ;; 78 | NONSTOP* ) 79 | nonstop=true 80 | ;; 81 | esac 82 | 83 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 84 | 85 | 86 | # Determine the Java command to use to start the JVM. 87 | if [ -n "$JAVA_HOME" ] ; then 88 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 89 | # IBM's JDK on AIX uses strange locations for the executables 90 | JAVACMD="$JAVA_HOME/jre/sh/java" 91 | else 92 | JAVACMD="$JAVA_HOME/bin/java" 93 | fi 94 | if [ ! -x "$JAVACMD" ] ; then 95 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 96 | 97 | Please set the JAVA_HOME variable in your environment to match the 98 | location of your Java installation." 99 | fi 100 | else 101 | JAVACMD="java" 102 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 103 | 104 | Please set the JAVA_HOME variable in your environment to match the 105 | location of your Java installation." 106 | fi 107 | 108 | # Increase the maximum file descriptors if we can. 109 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then 110 | MAX_FD_LIMIT=`ulimit -H -n` 111 | if [ $? -eq 0 ] ; then 112 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 113 | MAX_FD="$MAX_FD_LIMIT" 114 | fi 115 | ulimit -n $MAX_FD 116 | if [ $? -ne 0 ] ; then 117 | warn "Could not set maximum file descriptor limit: $MAX_FD" 118 | fi 119 | else 120 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 121 | fi 122 | fi 123 | 124 | # For Darwin, add options to specify how the application appears in the dock 125 | if $darwin; then 126 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 127 | fi 128 | 129 | # For Cygwin or MSYS, switch paths to Windows format before running java 130 | if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then 131 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 132 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 133 | 134 | JAVACMD=`cygpath --unix "$JAVACMD"` 135 | 136 | # We build the pattern for arguments to be converted via cygpath 137 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 138 | SEP="" 139 | for dir in $ROOTDIRSRAW ; do 140 | ROOTDIRS="$ROOTDIRS$SEP$dir" 141 | SEP="|" 142 | done 143 | OURCYGPATTERN="(^($ROOTDIRS))" 144 | # Add a user-defined pattern to the cygpath arguments 145 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 146 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 147 | fi 148 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 149 | i=0 150 | for arg in "$@" ; do 151 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 152 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 153 | 154 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 155 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 156 | else 157 | eval `echo args$i`="\"$arg\"" 158 | fi 159 | i=`expr $i + 1` 160 | done 161 | case $i in 162 | 0) set -- ;; 163 | 1) set -- "$args0" ;; 164 | 2) set -- "$args0" "$args1" ;; 165 | 3) set -- "$args0" "$args1" "$args2" ;; 166 | 4) set -- "$args0" "$args1" "$args2" "$args3" ;; 167 | 5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 168 | 6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 169 | 7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 170 | 8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 171 | 9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 172 | esac 173 | fi 174 | 175 | # Escape application args 176 | save () { 177 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done 178 | echo " " 179 | } 180 | APP_ARGS=`save "$@"` 181 | 182 | # Collect all arguments for the java command, following the shell quoting and substitution rules 183 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS" 184 | 185 | exec "$JAVACMD" "$@" 186 | --------------------------------------------------------------------------------