Files
TachideskJUI/src/main/kotlin/ca/gosyer/ui/library/MangaCompactGrid.kt
Syer10 57ff9095a8 Rewrite backend
- Use Tachiyomi 1.x Preference backend
- Switch DI from Koin to Toothpick
- Use gradle BuildConfig library to move variables from gradle to the App
- Switch from Logback to Log4j2 with slf4j implmenetation
- Try to use the same java as the application for the server
- Add Run Debug run configuration
2021-04-21 16:07:50 -04:00

108 lines
3.4 KiB
Kotlin

/*
* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at https://mozilla.org/MPL/2.0/.
*/
package ca.gosyer.ui.library
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.aspectRatio
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.lazy.GridCells
import androidx.compose.foundation.lazy.LazyVerticalGrid
import androidx.compose.foundation.lazy.items
import androidx.compose.material.LocalTextStyle
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.draw.drawWithCache
import androidx.compose.ui.geometry.Offset
import androidx.compose.ui.graphics.Brush
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.text.font.FontFamily
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp
import ca.gosyer.data.models.Manga
import ca.gosyer.ui.base.components.KtorImage
@Composable
fun LibraryMangaCompactGrid(
library: List<Manga>,
serverUrl: String,
onClickManga: (Manga) -> Unit = {}
) {
LazyVerticalGrid(
cells = GridCells.Adaptive(160.dp),
modifier = Modifier.fillMaxSize().padding(4.dp)
) {
items(library) { manga ->
LibraryMangaCompactGridItem(
manga = manga,
unread = null, // TODO
downloaded = null, // TODO
serverUrl = serverUrl,
onClick = { onClickManga(manga) }
)
}
}
}
@Composable
private fun LibraryMangaCompactGridItem(
manga: Manga,
unread: Int?,
downloaded: Int?,
serverUrl: String,
onClick: () -> Unit = {}
) {
val cover = remember(manga.id, serverUrl) { manga.cover(serverUrl) }
val fontStyle = LocalTextStyle.current.merge(
TextStyle(letterSpacing = 0.sp, fontFamily = FontFamily.SansSerif, fontSize = 14.sp)
)
Box(modifier = Modifier.padding(4.dp)
.fillMaxWidth()
.aspectRatio(3f / 4f)
.clip(MaterialTheme.shapes.medium)
.clickable(onClick = onClick)
) {
if (cover != null) {
KtorImage(cover, contentScale = ContentScale.Crop)
}
Box(modifier = Modifier.fillMaxSize().then(shadowGradient))
Text(
text = manga.title,
color = Color.White,
style = fontStyle,
maxLines = 2,
modifier = Modifier.align(Alignment.BottomStart).padding(8.dp)
)
LibraryMangaBadges(
unread = unread,
downloaded = downloaded,
modifier = Modifier.padding(4.dp)
)
}
}
private val shadowGradient = Modifier.drawWithCache {
val gradient = Brush.linearGradient(
0.75f to Color.Transparent,
1.0f to Color(0xAA000000),
start = Offset(0f, 0f),
end = Offset(0f, size.height)
)
onDrawBehind {
drawRect(gradient)
}
}