haerzig.core.views.Buttons.kt Maven / Gradle / Ivy

Go to download
package haerzig.core.views

import androidx.compose.foundation.Image
import androidx.compose.foundation.background
import androidx.compose.foundation.border
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.IconButton
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.painter.Painter
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.unit.Dp
import androidx.compose.ui.unit.dp
import haerzig.core.themes.disabledIconTint
import haerzig.core.themes.horizontalGradient
import haerzig.core.themes.horizontalGradientBrush
import haerzig.core.themes.iconTint
import haerzig.core.themes.verticalGradient

@Composable
fun TextButton(icon: Painter = painterResource(-1), title: String = "", onClick: () -> Unit = {}) {
    Row(modifier = Modifier.clickable { onClick.invoke() }) {
        Image(
            modifier = Modifier
                .size(40.dp)
                .padding(5.dp)
                .align(Alignment.CenterVertically),
            painter = icon,
            contentDescription = title,
            colorFilter = iconTint()
        )
        Text(
            modifier = Modifier
                .align(Alignment.CenterVertically)
                .padding(horizontal = 5.dp), text = title
        )
    }
}


@Composable
fun ColoredTextButton(modifier: Modifier, icon: Painter = painterResource(-1), title: String = "", onClick: () -> Unit = {}) {
    androidx.compose.material3.TextButton(
        modifier = modifier.padding(5.dp),
        onClick = { onClick.invoke() }) {
        Image(
            modifier = Modifier
                .verticalGradient()
                .size(25.dp),
            painter = icon,
            contentDescription = title
        )
        Text(
            modifier = Modifier
                .horizontalGradient()
                .padding(start = 5.dp),
            text = title
        )
    }
}

@Composable
fun ColoredTextButton(icon: Painter = painterResource(-1), title: String = "", onClick: () -> Unit = {}) {
    ColoredTextButton(Modifier, icon, title, onClick)
}


@Composable
fun OutlinedTextButton(modifier: Modifier = Modifier, icon: Painter = painterResource(-1), title: String = "", enabled: Boolean = true, onClick: () -> Unit = {}) {
    androidx.compose.material3.TextButton(
        modifier = modifier
            .padding(5.dp)
            .border(
                width = 1.dp,
                brush = horizontalGradientBrush(),
                shape = RoundedCornerShape(10)
            ),
        enabled = enabled,
        onClick = { onClick.invoke() }
    ) {
        Image(
            modifier = Modifier
                .verticalGradient()
                .size(25.dp),
            painter = icon,
            contentDescription = title
        )
        Text(
            modifier = Modifier
                .horizontalGradient()
                .padding(start = 5.dp),
            text = title
        )
    }
}

@Composable
fun IconButton(modifier: Modifier = Modifier, icon: Painter = painterResource(-1), title: String = "", iconSize: Dp = 48.dp, onClick: () -> Unit = {}) {
    IconButton(modifier = modifier,
        onClick = { onClick.invoke() }) {
        Image(
            modifier = Modifier
                .verticalGradient()
                .size(iconSize)
                .padding(5.dp),
            painter = icon,
            contentDescription = title,
        )
    }
}

@Composable
fun IconButton(icon: Painter = painterResource(-1), title: String = "", onClick: () -> Unit = {}) {
    IconButton(Modifier, icon, title, 48.dp, onClick)
}

@Composable
fun OutlinedIconButton(modifier: Modifier = Modifier, icon: Painter = painterResource(-1), title: String = "", onClick: () -> Unit = {}) {
    IconButton(modifier = modifier
        .size(48.dp)
        .padding(5.dp)
        .border(
            width = 1.dp,
            brush = horizontalGradientBrush(),
            shape = RoundedCornerShape(10)
        ),
        onClick = { onClick.invoke() }) {
        Image(
            modifier = Modifier.verticalGradient(),
            painter = icon,
            contentDescription = title,
        )
    }
}

@Composable
fun OutlinedIconButton(icon: Painter = painterResource(-1), title: String = "", onClick: () -> Unit = {}) {
    OutlinedIconButton(Modifier, icon, title, onClick)
}

@Composable
fun OutlinedTextButton(icon: Painter = painterResource(-1), title: String = "", enabled: Boolean = true, onClick: () -> Unit = {}) {
    OutlinedTextButton(Modifier, icon, title, enabled, onClick)
}

@Composable
fun ActionButton(icon: Painter = painterResource(-1), title: String = "", onClick: () -> Unit = {}) {
    return ActionButton(icon, title, true, onClick)
}

@Composable
fun ActionButton(icon: Painter = painterResource(-1), title: String = "", enabled: Boolean = true, onClick: () -> Unit = {}) {
    IconButton(modifier = Modifier
        .padding(5.dp),
        enabled = enabled,
        onClick = { onClick.invoke() }) {
        Image(
            modifier = Modifier.size(48.dp),
            painter = icon,
            contentDescription = title,
            colorFilter = if (enabled) iconTint() else disabledIconTint()
        )
    }
}

@Composable
fun HorizontalLine(){
    Box(
        Modifier
            .fillMaxWidth()
            .height(1.dp)
            .background(Color.Gray)
            .padding(horizontal = 5.dp)
    )
}