@ -1,7 +1,10 @@
|
|||||||
package com.example.what_the_fantasy.data.model
|
package com.example.what_the_fantasy.data.model
|
||||||
|
|
||||||
|
import androidx.compose.ui.res.stringResource
|
||||||
|
import com.example.what_the_fantasy.R
|
||||||
|
|
||||||
enum class SrcType (val value: String) {
|
enum class SrcType (val value: String) {
|
||||||
Movie("@string/movie"),
|
Movie("movie" ),
|
||||||
VideoGame("@string/videoGame"),
|
VideoGame("videoGame"),
|
||||||
Series("@string/series"),
|
Series("series"),
|
||||||
}
|
}
|
||||||
@ -1,8 +1,187 @@
|
|||||||
package com.example.what_the_fantasy.ui.screens
|
package com.example.what_the_fantasy.ui.screens
|
||||||
|
|
||||||
|
import androidx.compose.foundation.background
|
||||||
|
import androidx.compose.foundation.clickable
|
||||||
|
import androidx.compose.foundation.layout.Arrangement
|
||||||
|
import androidx.compose.foundation.layout.Box
|
||||||
|
import androidx.compose.foundation.layout.Column
|
||||||
|
import androidx.compose.foundation.layout.IntrinsicSize
|
||||||
|
import androidx.compose.foundation.layout.Row
|
||||||
|
import androidx.compose.foundation.layout.fillMaxHeight
|
||||||
|
import androidx.compose.foundation.layout.fillMaxSize
|
||||||
|
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.layout.width
|
||||||
|
import androidx.compose.foundation.lazy.LazyColumn
|
||||||
|
import androidx.compose.foundation.lazy.items
|
||||||
|
import androidx.compose.foundation.selection.selectable
|
||||||
|
import androidx.compose.foundation.shape.CircleShape
|
||||||
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
||||||
|
import androidx.compose.foundation.text.KeyboardOptions
|
||||||
|
import androidx.compose.material.icons.Icons
|
||||||
|
import androidx.compose.material.icons.rounded.Search
|
||||||
|
import androidx.compose.material3.Button
|
||||||
|
import androidx.compose.material3.CircularProgressIndicator
|
||||||
|
import androidx.compose.material3.Icon
|
||||||
|
import androidx.compose.material3.IconButton
|
||||||
|
import androidx.compose.material3.MaterialTheme
|
||||||
|
import androidx.compose.material3.OutlinedTextField
|
||||||
|
import androidx.compose.material3.RadioButton
|
||||||
|
import androidx.compose.material3.SearchBar
|
||||||
|
import androidx.compose.material3.Text
|
||||||
import androidx.compose.runtime.Composable
|
import androidx.compose.runtime.Composable
|
||||||
|
import androidx.compose.runtime.LaunchedEffect
|
||||||
|
import androidx.compose.runtime.getValue
|
||||||
|
import androidx.compose.runtime.mutableStateOf
|
||||||
|
import androidx.compose.runtime.remember
|
||||||
|
import androidx.compose.runtime.setValue
|
||||||
|
import androidx.compose.ui.Alignment
|
||||||
|
import androidx.compose.ui.Modifier
|
||||||
|
import androidx.compose.ui.draw.clip
|
||||||
|
import androidx.compose.ui.graphics.Color
|
||||||
|
import androidx.compose.ui.input.pointer.motionEventSpy
|
||||||
|
import androidx.compose.ui.res.stringResource
|
||||||
|
import androidx.compose.ui.semantics.Role
|
||||||
|
import androidx.compose.ui.text.TextStyle
|
||||||
|
import androidx.compose.ui.text.input.KeyboardType
|
||||||
|
import androidx.compose.ui.text.input.TextFieldValue
|
||||||
|
import androidx.compose.ui.text.style.TextAlign
|
||||||
|
import androidx.compose.ui.unit.dp
|
||||||
|
import androidx.compose.ui.unit.sp
|
||||||
|
import com.example.what_the_fantasy.R
|
||||||
|
import com.example.what_the_fantasy.data.local.DailyQuoteStub
|
||||||
|
import com.example.what_the_fantasy.data.local.QuoteStub
|
||||||
|
import com.example.what_the_fantasy.data.model.SrcType
|
||||||
|
import com.example.what_the_fantasy.data.services.IServices
|
||||||
|
import com.example.what_the_fantasy.data.services.ServicesStub
|
||||||
import com.example.what_the_fantasy.ui.components.NavBar
|
import com.example.what_the_fantasy.ui.components.NavBar
|
||||||
|
import com.example.what_the_fantasy.ui.components.QuoteLittle
|
||||||
|
import com.example.what_the_fantasy.ui.theme.colorBackground
|
||||||
|
import com.example.what_the_fantasy.ui.theme.colorNavBar
|
||||||
|
|
||||||
@Composable
|
@Composable
|
||||||
fun SearchPage() {
|
fun SearchPage(
|
||||||
|
navFavorite: () -> Unit,
|
||||||
|
navAccueil: () -> Unit,
|
||||||
|
navProfil:() -> Unit,
|
||||||
|
navQuiz: () -> Unit,
|
||||||
|
navQuote: (Int) -> Unit,
|
||||||
|
navSearch: (String,String) -> Unit,
|
||||||
|
services: IServices,
|
||||||
|
|
||||||
|
type : String,
|
||||||
|
search:String
|
||||||
|
) {
|
||||||
|
var itemCount by remember { mutableStateOf(15) }
|
||||||
|
val quotes = services.search(type,search,itemCount)
|
||||||
|
|
||||||
|
var newSearch by remember { mutableStateOf(search) }
|
||||||
|
val filtre = listOf("contenue","personnage","titre")
|
||||||
|
val (newFiltre, onFiltreSelected) = remember { mutableStateOf(type) }
|
||||||
|
|
||||||
|
NavBar(
|
||||||
|
onAccueil = true,
|
||||||
|
navControllerFavorite = navFavorite,
|
||||||
|
navControllerAccueil = navAccueil,
|
||||||
|
navControllerProfil = navProfil,
|
||||||
|
navControllerQuiz = navQuiz,
|
||||||
|
navControllerSearch = {navSearch("contenue","")}
|
||||||
|
) {
|
||||||
|
Column(
|
||||||
|
modifier = Modifier
|
||||||
|
.fillMaxSize()
|
||||||
|
.background(MaterialTheme.colorScheme.background)
|
||||||
|
) {
|
||||||
|
|
||||||
|
Text(
|
||||||
|
text = "▶ "+stringResource(R.string.TitleSearch)+" ◀",
|
||||||
|
color = MaterialTheme.colorScheme.onBackground,
|
||||||
|
fontSize = 24.sp,
|
||||||
|
modifier = Modifier
|
||||||
|
.fillMaxWidth()
|
||||||
|
.padding(16.dp),
|
||||||
|
textAlign = TextAlign.Center
|
||||||
|
)
|
||||||
|
Column (horizontalAlignment = Alignment.CenterHorizontally
|
||||||
|
){
|
||||||
|
OutlinedTextField(
|
||||||
|
value = newSearch,
|
||||||
|
onValueChange = { newSearch = it },
|
||||||
|
textStyle = TextStyle(color = MaterialTheme.colorScheme.onBackground),
|
||||||
|
modifier = Modifier
|
||||||
|
.padding(top = 2.dp)
|
||||||
|
.fillMaxWidth()
|
||||||
|
.height(50.dp),
|
||||||
|
keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Text),
|
||||||
|
maxLines = 1,
|
||||||
|
shape = CircleShape, // Bords arrondis
|
||||||
|
trailingIcon = {
|
||||||
|
IconButton(onClick = { navSearch(newFiltre, newSearch) } ,
|
||||||
|
modifier = Modifier
|
||||||
|
.size(50.dp)
|
||||||
|
.clip(CircleShape)
|
||||||
|
) {
|
||||||
|
Icon(Icons.Rounded.Search,
|
||||||
|
contentDescription = stringResource(R.string.TitleSearch),
|
||||||
|
Modifier
|
||||||
|
.fillMaxSize()
|
||||||
|
.background(MaterialTheme.colorScheme.primary,CircleShape)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
Row(horizontalArrangement = Arrangement.SpaceAround) {
|
||||||
|
filtre.forEach{ type ->
|
||||||
|
Row(
|
||||||
|
Modifier
|
||||||
|
.height(56.dp)
|
||||||
|
.selectable(
|
||||||
|
selected = (type == newFiltre),
|
||||||
|
onClick = { onFiltreSelected(type) },
|
||||||
|
role = Role.RadioButton
|
||||||
|
)
|
||||||
|
.padding(horizontal = 16.dp),
|
||||||
|
verticalAlignment = Alignment.CenterVertically
|
||||||
|
) {
|
||||||
|
RadioButton(
|
||||||
|
selected = (type == newFiltre),
|
||||||
|
onClick = null // null recommended for accessibility with screen readers
|
||||||
|
)
|
||||||
|
Text(
|
||||||
|
text = type,
|
||||||
|
style = MaterialTheme.typography.bodyLarge,
|
||||||
|
modifier = Modifier.padding(start = 16.dp),
|
||||||
|
color = MaterialTheme.colorScheme.onBackground
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
LazyColumn(modifier = Modifier.weight(1f)) {
|
||||||
|
items(quotes) { quote ->
|
||||||
|
Column(Modifier.clickable {navQuote(quote.id)}
|
||||||
|
) {
|
||||||
|
QuoteLittle(quote)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (itemCount < quotes.size) {
|
||||||
|
item {
|
||||||
|
LaunchedEffect(itemCount) {
|
||||||
|
itemCount += 15
|
||||||
|
}
|
||||||
|
Box(
|
||||||
|
modifier = Modifier
|
||||||
|
.fillMaxWidth()
|
||||||
|
.padding(16.dp),
|
||||||
|
contentAlignment = Alignment.Center
|
||||||
|
) {
|
||||||
|
CircularProgressIndicator()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in new issue