From 10a4202277b3770f63b28c05c52a25b3ac485c55 Mon Sep 17 00:00:00 2001
From: abazov73 <92822431+abazov73@users.noreply.github.com>
Date: Tue, 10 Oct 2023 21:47:47 +0400
Subject: [PATCH] Added people list, repertoire, performance view

---
 .idea/gradle.xml                              |   1 +
 .idea/misc.xml                                |   1 -
 app/build.gradle.kts                          |   2 +
 app/src/main/AndroidManifest.xml              |   5 +-
 .../com/example/mobile_labs/MainActivity.kt   |   3 +-
 .../example/mobile_labs/composeui/About.kt    |  50 ++++++
 .../composeui/navigation/MainNavbar.kt        | 155 ++++++++++++++++++
 .../composeui/navigation/Screen.kt            |  47 ++++++
 .../performance/composeui/PerformanceView.kt  |  80 +++++++++
 .../performance/composeui/Repertoire.kt       |  85 ++++++++++
 .../performance/model/Performance.kt          |  33 ++++
 .../person/composeui/PeopleList.kt            |  60 +++++++
 .../mobile_labs/person/model/Person.kt        |  26 +++
 app/src/main/res/values/strings.xml           |  17 ++
 14 files changed, 562 insertions(+), 3 deletions(-)
 create mode 100644 app/src/main/java/com/example/mobile_labs/composeui/About.kt
 create mode 100644 app/src/main/java/com/example/mobile_labs/composeui/navigation/MainNavbar.kt
 create mode 100644 app/src/main/java/com/example/mobile_labs/composeui/navigation/Screen.kt
 create mode 100644 app/src/main/java/com/example/mobile_labs/performance/composeui/PerformanceView.kt
 create mode 100644 app/src/main/java/com/example/mobile_labs/performance/composeui/Repertoire.kt
 create mode 100644 app/src/main/java/com/example/mobile_labs/performance/model/Performance.kt
 create mode 100644 app/src/main/java/com/example/mobile_labs/person/composeui/PeopleList.kt
 create mode 100644 app/src/main/java/com/example/mobile_labs/person/model/Person.kt

diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 6d89050..ae388c2 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
diff --git a/.idea/misc.xml b/.idea/misc.xml
index 0ad17cb..8978d23 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ExternalStorageConfigurationManager" enabled="true" />
   <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index d7e529b..39b737a 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -55,6 +55,8 @@ dependencies {
     implementation("androidx.lifecycle:lifecycle-runtime-ktx:2.6.2")
     implementation("androidx.activity:activity-compose:1.7.2")
     implementation(platform("androidx.compose:compose-bom:2023.03.00"))
+    implementation("androidx.navigation:navigation-compose:2.6.0")
+    implementation("io.coil-kt:coil-compose:2.4.0")
     implementation("androidx.compose.ui:ui")
     implementation("androidx.compose.ui:ui-graphics")
     implementation("androidx.compose.ui:ui-tooling-preview")
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index cf5a707..60f7bd8 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
-
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
     <application
         android:allowBackup="true"
         android:dataExtractionRules="@xml/data_extraction_rules"
diff --git a/app/src/main/java/com/example/mobile_labs/MainActivity.kt b/app/src/main/java/com/example/mobile_labs/MainActivity.kt
index 39c50ad..380587c 100644
--- a/app/src/main/java/com/example/mobile_labs/MainActivity.kt
+++ b/app/src/main/java/com/example/mobile_labs/MainActivity.kt
@@ -10,6 +10,7 @@ import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
+import com.example.mobile_labs.composeui.navigation.MainNavbar
 import com.example.mobile_labs.ui.theme.Mobile_LabsTheme
 
 class MainActivity : ComponentActivity() {
@@ -22,7 +23,7 @@ class MainActivity : ComponentActivity() {
                     modifier = Modifier.fillMaxSize(),
                     color = MaterialTheme.colorScheme.background
                 ) {
-                    Greeting("Android")
+                    MainNavbar()
                 }
             }
         }
diff --git a/app/src/main/java/com/example/mobile_labs/composeui/About.kt b/app/src/main/java/com/example/mobile_labs/composeui/About.kt
new file mode 100644
index 0000000..942e6dc
--- /dev/null
+++ b/app/src/main/java/com/example/mobile_labs/composeui/About.kt
@@ -0,0 +1,50 @@
+package com.example.mobile_labs.composeui
+
+import android.content.Intent
+import android.content.res.Configuration
+import android.net.Uri
+import android.widget.TextView
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.viewinterop.AndroidView
+import com.example.mobile_labs.ui.theme.Mobile_LabsTheme
+import com.example.mobile_labs.R;
+
+@Composable
+fun About() {
+    val localContext = LocalContext.current
+    val aboutText = localContext.resources.getText(R.string.about_text)
+
+    Column(Modifier.padding(all = 10.dp)) {
+        AndroidView(
+            modifier = Modifier
+                .fillMaxWidth(),
+            factory = { context -> TextView(context) },
+            update = { it.text = aboutText }
+        )
+    }
+}
+
+@Preview(name = "Light Mode", showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_NO)
+@Preview(name = "Dark Mode", showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_YES)
+@Composable
+fun AboutPreview() {
+    Mobile_LabsTheme {
+        Surface(
+            color = MaterialTheme.colorScheme.background
+        ) {
+            About()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/mobile_labs/composeui/navigation/MainNavbar.kt b/app/src/main/java/com/example/mobile_labs/composeui/navigation/MainNavbar.kt
new file mode 100644
index 0000000..5c6eb09
--- /dev/null
+++ b/app/src/main/java/com/example/mobile_labs/composeui/navigation/MainNavbar.kt
@@ -0,0 +1,155 @@
+package com.example.mobile_labs.composeui.navigation
+
+import android.content.res.Configuration
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowBack
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.NavigationBar
+import androidx.compose.material3.NavigationBarItem
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBar
+import androidx.compose.material3.TopAppBarDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.navigation.NavDestination
+import androidx.navigation.NavDestination.Companion.hierarchy
+import androidx.navigation.NavGraph.Companion.findStartDestination
+import androidx.navigation.NavHostController
+import androidx.navigation.NavType
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.currentBackStackEntryAsState
+import androidx.navigation.compose.rememberNavController
+import androidx.navigation.navArgument
+import com.example.mobile_labs.ui.theme.Mobile_LabsTheme
+import com.example.mobile_labs.R
+import com.example.mobile_labs.composeui.About
+import com.example.mobile_labs.performance.composeui.PerformanceView
+import com.example.mobile_labs.performance.composeui.Repertoire
+import com.example.mobile_labs.person.composeui.PeopleList
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun Topbar(
+    navController: NavHostController,
+    currentScreen: Screen?
+) {
+    TopAppBar(
+        colors = TopAppBarDefaults.smallTopAppBarColors(
+            containerColor = MaterialTheme.colorScheme.primary,
+            titleContentColor = MaterialTheme.colorScheme.onPrimary,
+        ),
+        title = {
+            Text(stringResource(currentScreen?.resourceId ?: R.string.app_name))
+        },
+        navigationIcon = {
+            if (
+                navController.previousBackStackEntry != null
+                && (currentScreen == null || !currentScreen.showInBottomBar)
+            ) {
+                IconButton(onClick = { navController.navigateUp() }) {
+                    Icon(
+                        imageVector = Icons.Filled.ArrowBack,
+                        contentDescription = null,
+                        tint = MaterialTheme.colorScheme.onPrimary
+                    )
+                }
+            }
+        }
+    )
+}
+
+@Composable
+fun Navbar(
+    navController: NavHostController,
+    currentDestination: NavDestination?,
+    modifier: Modifier = Modifier
+) {
+    NavigationBar(modifier) {
+        Screen.bottomBarItems.forEach { screen ->
+            NavigationBarItem(
+                icon = { Icon(screen.icon, contentDescription = null) },
+                label = { Text(stringResource(screen.resourceId)) },
+                selected = currentDestination?.hierarchy?.any { it.route == screen.route } == true,
+                onClick = {
+                    navController.navigate(screen.route) {
+                        popUpTo(navController.graph.findStartDestination().id) {
+                            saveState = true
+                        }
+                        launchSingleTop = true
+                        restoreState = true
+                    }
+                }
+            )
+        }
+    }
+}
+
+@Composable
+fun Navhost(
+    navController: NavHostController,
+    innerPadding: PaddingValues, modifier:
+    Modifier = Modifier
+) {
+    NavHost(
+        navController,
+        startDestination = Screen.Repertoire.route,
+        modifier.padding(innerPadding)
+    ) {
+        //composable(Screen.Schedule.route) { StudentList(navController) }
+        composable(Screen.Repertoire.route) { Repertoire(navController) }
+        composable(Screen.PeopleList.route) { PeopleList(navController) }
+        composable(Screen.About.route) { About() }
+        composable(
+            Screen.PerformanceView.route,
+            arguments = listOf(navArgument("id") { type = NavType.IntType })
+        ) { backStackEntry ->
+            backStackEntry.arguments?.let { PerformanceView(it.getInt("id")) }
+        }
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun MainNavbar() {
+    val navController = rememberNavController()
+    val navBackStackEntry by navController.currentBackStackEntryAsState()
+    val currentDestination = navBackStackEntry?.destination
+    val currentScreen = currentDestination?.route?.let { Screen.getItem(it) }
+
+    Scaffold(
+        topBar = {
+            Topbar(navController, currentScreen)
+        },
+        bottomBar = {
+            if (currentScreen == null || currentScreen.showInBottomBar) {
+                Navbar(navController, currentDestination)
+            }
+        }
+    ) { innerPadding ->
+        Navhost(navController, innerPadding)
+    }
+}
+
+@Preview(name = "Light Mode", showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_NO)
+@Preview(name = "Dark Mode", showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_YES)
+@Composable
+fun MainNavbarPreview() {
+    Mobile_LabsTheme {
+        Surface(
+            color = MaterialTheme.colorScheme.background
+        ) {
+            MainNavbar()
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/mobile_labs/composeui/navigation/Screen.kt b/app/src/main/java/com/example/mobile_labs/composeui/navigation/Screen.kt
new file mode 100644
index 0000000..a529eec
--- /dev/null
+++ b/app/src/main/java/com/example/mobile_labs/composeui/navigation/Screen.kt
@@ -0,0 +1,47 @@
+package com.example.mobile_labs.composeui.navigation
+
+import androidx.annotation.StringRes
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.DateRange
+import androidx.compose.material.icons.filled.Favorite
+import androidx.compose.material.icons.filled.Info
+import androidx.compose.material.icons.filled.List
+import androidx.compose.material.icons.filled.Person
+import androidx.compose.ui.graphics.vector.ImageVector
+import com.example.mobile_labs.R
+
+enum class Screen(
+    val route: String,
+    @StringRes val resourceId: Int,
+    val icon: ImageVector = Icons.Filled.Favorite,
+    val showInBottomBar: Boolean = true
+) {
+    Schedule(
+        "schedule", R.string.schedule_main_title, Icons.Filled.DateRange
+    ),
+    Repertoire(
+        "repertoire", R.string.repertoire_main_title, Icons.Filled.List
+    ),
+    PerformanceView(
+        "performance-view/{id}", R.string.performance_view_main_title, showInBottomBar = false
+    ),
+    PeopleList(
+      "peopleList", R.string.people_main_title, Icons.Filled.Person
+    ),
+    About(
+        "about", R.string.about_main_title, Icons.Filled.Info
+    );
+
+    companion object {
+        val bottomBarItems = listOf(
+            Repertoire,
+            PeopleList,
+            About,
+        )
+
+        fun getItem(route: String): Screen? {
+            val findRoute = route.split("/").first()
+            return values().find { value -> value.route.startsWith(findRoute) }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/mobile_labs/performance/composeui/PerformanceView.kt b/app/src/main/java/com/example/mobile_labs/performance/composeui/PerformanceView.kt
new file mode 100644
index 0000000..248eb99
--- /dev/null
+++ b/app/src/main/java/com/example/mobile_labs/performance/composeui/PerformanceView.kt
@@ -0,0 +1,80 @@
+package com.example.mobile_labs.performance.composeui
+
+import android.content.res.Configuration
+import androidx.compose.foundation.layout.Column
+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.width
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material3.Button
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextField
+import androidx.compose.runtime.Composable
+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.layout.ContentScale
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.navigation.NavController
+import coil.compose.AsyncImage
+import com.example.mobile_labs.composeui.navigation.Screen
+import com.example.mobile_labs.performance.model.getTestPerformances
+import com.example.mobile_labs.ui.theme.Mobile_LabsTheme
+import com.example.mobile_labs.R
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun PerformanceView(id: Int) {
+    var performance = getTestPerformances()[id]
+    var actorsText = ""
+    performance.actors.forEach {
+        if (actorsText != "") actorsText += "\n"
+        actorsText += "${it.last_name} ${it.first_name}"
+    }
+    Column(
+        horizontalAlignment = Alignment.CenterHorizontally,
+        modifier = Modifier
+            .padding(all = 10.dp)
+            .verticalScroll(rememberScrollState())) {
+        Text(text = "${performance.author.last_name} ${performance.author.first_name}", textAlign = TextAlign.Center)
+        Text(text = performance.title, textAlign = TextAlign.Center, fontSize = 30.sp)
+        AsyncImage(model = performance.imageURL, contentDescription = "performance image")
+        OutlinedTextField(modifier = Modifier.fillMaxWidth(), value = performance.description, onValueChange = {}, readOnly = true,
+            label = {
+                Text(stringResource(id = R.string.performance_description))
+            }
+        )
+        OutlinedTextField(modifier = Modifier.fillMaxWidth(), value = actorsText, onValueChange = {}, readOnly = true,
+            label = {
+                Text(stringResource(id = R.string.performance_actors))
+            }
+        )
+    }
+}
+
+@Preview(name = "Light Mode", showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_NO)
+@Preview(name = "Dark Mode", showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_YES)
+@Composable
+fun PerformanceViewPreview() {
+    Mobile_LabsTheme {
+        Surface(
+            color = MaterialTheme.colorScheme.background
+        ) {
+            PerformanceView(id = 0)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/mobile_labs/performance/composeui/Repertoire.kt b/app/src/main/java/com/example/mobile_labs/performance/composeui/Repertoire.kt
new file mode 100644
index 0000000..cf96393
--- /dev/null
+++ b/app/src/main/java/com/example/mobile_labs/performance/composeui/Repertoire.kt
@@ -0,0 +1,85 @@
+package com.example.mobile_labs.performance.composeui
+
+import android.content.res.Configuration
+import androidx.compose.foundation.layout.Column
+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.width
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material3.Button
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.State
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateListOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.saveable.rememberSaveable
+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.RectangleShape
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavController
+import coil.compose.AsyncImage
+import com.example.mobile_labs.composeui.navigation.Screen
+import com.example.mobile_labs.performance.model.Performance
+import com.example.mobile_labs.performance.model.getTestPerformances
+import com.example.mobile_labs.ui.theme.Mobile_LabsTheme
+
+var performances by mutableStateOf(getTestPerformances())
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun Repertoire(navController: NavController?) {
+    var title by remember { mutableStateOf("") }
+    Column(
+        horizontalAlignment = Alignment.CenterHorizontally,
+        modifier = Modifier
+            .padding(all = 10.dp)
+            .verticalScroll(rememberScrollState())) {
+        TextField(value = title, label = {Text(text = "Поиск...")}, onValueChange = { title = it; performances =
+            if (title != "") getTestPerformances().filter { performance -> performance.title.contains(title) } else getTestPerformances() })
+        performances.forEachIndexed() { index, performance ->
+            val performanceId = Screen.PerformanceView.route.replace("{id}", index.toString())
+            Row(Modifier.padding(all = 10.dp)) {
+                AsyncImage(model = performance.previewImageURL,
+                    contentDescription = "performance preview image",
+                    contentScale = ContentScale.Crop,
+                    modifier = Modifier
+                        .height(100.dp)
+                        .width(100.dp))
+                Button(
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .padding(all = 10.dp),
+                    onClick = { navController?.navigate(performanceId) }) {
+                    Text(performance.title)
+                }
+            }
+        }
+    }
+}
+
+@Preview(name = "Light Mode", showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_NO)
+@Preview(name = "Dark Mode", showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_YES)
+@Composable
+fun RepertoirePreview() {
+    Mobile_LabsTheme {
+        Surface(
+            color = MaterialTheme.colorScheme.background
+        ) {
+            Repertoire(navController = null)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/mobile_labs/performance/model/Performance.kt b/app/src/main/java/com/example/mobile_labs/performance/model/Performance.kt
new file mode 100644
index 0000000..c672be1
--- /dev/null
+++ b/app/src/main/java/com/example/mobile_labs/performance/model/Performance.kt
@@ -0,0 +1,33 @@
+package com.example.mobile_labs.performance.model
+
+import com.example.mobile_labs.person.model.Person
+import java.io.Serializable
+
+data class Performance(
+    val title: String,
+    val description: String,
+    val author: Person,
+    val director: Person,
+    val actors: List<Person>,
+    val imageURL: String,
+    val previewImageURL: String,
+) : Serializable
+
+fun getTestPerformances(): List<Performance> {
+    val director = Person("Иванов", "Иван", "https://bolshoi.ru/media/members/photos/86_ru_twyyatusbnifnzi_300x300_p.jpg");
+    val author = Person("Петров", "Петр", "https://bolshoi.ru/media/members/photos/86_ru_twyyatusbnifnzi_300x300_p.jpg");
+    val actors = listOf(director, author);
+    return listOf(
+        Performance("Представление #1", "Netus quis congue nascetur ullamcorper nibh, nostra iaculis turpis!", author, director, actors, "https://img.freepik.com/free-photo/empty-stage-with-few-props-red-seats_181624-57595.jpg?w=1380&t=st=1696959739~exp=1696960339~hmac=2107448a1d874f1315b5cf246c71df70dc653707c7c8be4a38581d3b73f842ba", "https://www.theatreinparis.com/uploads/images/article/theatre-de-l-athenee-dr.jpg"),
+        Performance("Представление #2", "Netus quis congue nascetur ullamcorper nibh, nostra iaculis turpis!", author, director, actors, "https://img.freepik.com/free-photo/empty-stage-with-few-props-red-seats_181624-57595.jpg?w=1380&t=st=1696959739~exp=1696960339~hmac=2107448a1d874f1315b5cf246c71df70dc653707c7c8be4a38581d3b73f842ba", "https://www.theatreinparis.com/uploads/images/article/theatre-de-l-athenee-dr.jpg"),
+        Performance("Представление #3", "Netus quis congue nascetur ullamcorper nibh, nostra iaculis turpis!", author, director, actors, "https://img.freepik.com/free-photo/empty-stage-with-few-props-red-seats_181624-57595.jpg?w=1380&t=st=1696959739~exp=1696960339~hmac=2107448a1d874f1315b5cf246c71df70dc653707c7c8be4a38581d3b73f842ba", "https://www.theatreinparis.com/uploads/images/article/theatre-de-l-athenee-dr.jpg"),
+        Performance("Представление #3", "Netus quis congue nascetur ullamcorper nibh, nostra iaculis turpis!", author, director, actors, "https://img.freepik.com/free-photo/empty-stage-with-few-props-red-seats_181624-57595.jpg?w=1380&t=st=1696959739~exp=1696960339~hmac=2107448a1d874f1315b5cf246c71df70dc653707c7c8be4a38581d3b73f842ba", "https://www.theatreinparis.com/uploads/images/article/theatre-de-l-athenee-dr.jpg"),
+        Performance("Представление #3", "Netus quis congue nascetur ullamcorper nibh, nostra iaculis turpis!", author, director, actors, "https://img.freepik.com/free-photo/empty-stage-with-few-props-red-seats_181624-57595.jpg?w=1380&t=st=1696959739~exp=1696960339~hmac=2107448a1d874f1315b5cf246c71df70dc653707c7c8be4a38581d3b73f842ba", "https://www.theatreinparis.com/uploads/images/article/theatre-de-l-athenee-dr.jpg"),
+        Performance("Представление #3", "Netus quis congue nascetur ullamcorper nibh, nostra iaculis turpis!", author, director, actors, "https://img.freepik.com/free-photo/empty-stage-with-few-props-red-seats_181624-57595.jpg?w=1380&t=st=1696959739~exp=1696960339~hmac=2107448a1d874f1315b5cf246c71df70dc653707c7c8be4a38581d3b73f842ba", "https://www.theatreinparis.com/uploads/images/article/theatre-de-l-athenee-dr.jpg"),
+        Performance("Представление #3", "Netus quis congue nascetur ullamcorper nibh, nostra iaculis turpis!", author, director, actors, "https://img.freepik.com/free-photo/empty-stage-with-few-props-red-seats_181624-57595.jpg?w=1380&t=st=1696959739~exp=1696960339~hmac=2107448a1d874f1315b5cf246c71df70dc653707c7c8be4a38581d3b73f842ba", "https://www.theatreinparis.com/uploads/images/article/theatre-de-l-athenee-dr.jpg"),
+        Performance("Представление #3", "Netus quis congue nascetur ullamcorper nibh, nostra iaculis turpis!", author, director, actors, "https://img.freepik.com/free-photo/empty-stage-with-few-props-red-seats_181624-57595.jpg?w=1380&t=st=1696959739~exp=1696960339~hmac=2107448a1d874f1315b5cf246c71df70dc653707c7c8be4a38581d3b73f842ba", "https://www.theatreinparis.com/uploads/images/article/theatre-de-l-athenee-dr.jpg"),
+        Performance("Представление #3", "Netus quis congue nascetur ullamcorper nibh, nostra iaculis turpis!", author, director, actors, "https://img.freepik.com/free-photo/empty-stage-with-few-props-red-seats_181624-57595.jpg?w=1380&t=st=1696959739~exp=1696960339~hmac=2107448a1d874f1315b5cf246c71df70dc653707c7c8be4a38581d3b73f842ba", "https://www.theatreinparis.com/uploads/images/article/theatre-de-l-athenee-dr.jpg"),
+        Performance("Представление #3", "Netus quis congue nascetur ullamcorper nibh, nostra iaculis turpis!", author, director, actors, "https://img.freepik.com/free-photo/empty-stage-with-few-props-red-seats_181624-57595.jpg?w=1380&t=st=1696959739~exp=1696960339~hmac=2107448a1d874f1315b5cf246c71df70dc653707c7c8be4a38581d3b73f842ba", "https://www.theatreinparis.com/uploads/images/article/theatre-de-l-athenee-dr.jpg"),
+        Performance("Представление #3", "Netus quis congue nascetur ullamcorper nibh, nostra iaculis turpis!", author, director, actors, "https://img.freepik.com/free-photo/empty-stage-with-few-props-red-seats_181624-57595.jpg?w=1380&t=st=1696959739~exp=1696960339~hmac=2107448a1d874f1315b5cf246c71df70dc653707c7c8be4a38581d3b73f842ba", "https://www.theatreinparis.com/uploads/images/article/theatre-de-l-athenee-dr.jpg"),
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/mobile_labs/person/composeui/PeopleList.kt b/app/src/main/java/com/example/mobile_labs/person/composeui/PeopleList.kt
new file mode 100644
index 0000000..87ebb24
--- /dev/null
+++ b/app/src/main/java/com/example/mobile_labs/person/composeui/PeopleList.kt
@@ -0,0 +1,60 @@
+package com.example.mobile_labs.person.composeui
+
+import android.content.res.Configuration
+import androidx.compose.foundation.layout.Column
+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.width
+import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.foundation.lazy.grid.items
+import androidx.compose.material3.Button
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavController
+import coil.compose.AsyncImage
+import com.example.mobile_labs.composeui.navigation.Screen
+import com.example.mobile_labs.performance.composeui.Repertoire
+import com.example.mobile_labs.performance.model.getTestPerformances
+import com.example.mobile_labs.person.model.getTestPerson
+import com.example.mobile_labs.ui.theme.Mobile_LabsTheme
+
+@Composable
+fun PeopleList(navController: NavController?) {
+    Column(Modifier.padding(all = 10.dp)) {
+        LazyVerticalGrid(columns = GridCells.Adaptive(minSize = 100.dp))
+        {
+            items(getTestPerson()) {
+                Column(horizontalAlignment = Alignment.CenterHorizontally, modifier = Modifier
+                    .width(300.dp)
+                    .height(200.dp)) {
+                    AsyncImage(model = it.imageURL, contentDescription = "person image")
+                    Text(text = "${it.last_name} ${it.first_name}", textAlign = TextAlign.Center)
+                }
+            }
+        }
+    }
+}
+
+@Preview(name = "Light Mode", showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_NO)
+@Preview(name = "Dark Mode", showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_YES)
+@Composable
+fun PeopleListPreview() {
+    Mobile_LabsTheme {
+        Surface(
+            color = MaterialTheme.colorScheme.background
+        ) {
+            Repertoire(navController = null)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/mobile_labs/person/model/Person.kt b/app/src/main/java/com/example/mobile_labs/person/model/Person.kt
new file mode 100644
index 0000000..c2694e5
--- /dev/null
+++ b/app/src/main/java/com/example/mobile_labs/person/model/Person.kt
@@ -0,0 +1,26 @@
+package com.example.mobile_labs.person.model
+
+import java.io.Serializable
+
+data class Person(
+    val last_name: String,
+    val first_name: String,
+    val imageURL: String,
+) : Serializable
+
+fun getTestPerson(): List<Person> {
+    return listOf(
+        Person("Иванов", "Иван", "https://bolshoi.ru/media/members/photos/86_ru_twyyatusbnifnzi_300x300_p.jpg"),
+        Person("Ксения", "Дудникова", "https://bolshoi.ru/media/members/photos/1756_ru_wkznwzklgosnbiq_300x300_p.jpg"),
+        Person("Евгения", "Сегенюк", "https://bolshoi.ru/media/members/photos/2908_ru_rycynrihdpzvgdj_300x300_p.jpg"),
+        Person("Петров", "Петр", "https://bolshoi.ru/media/members/photos/15820_ru_zvewuwadyjuywkh_300x300_p.jpg"),
+        Person("Иванов", "Иван", "https://bolshoi.ru/media/members/photos/86_ru_twyyatusbnifnzi_300x300_p.jpg"),
+        Person("Ксения", "Дудникова", "https://bolshoi.ru/media/members/photos/1756_ru_wkznwzklgosnbiq_300x300_p.jpg"),
+        Person("Евгения", "Сегенюк", "https://bolshoi.ru/media/members/photos/2908_ru_rycynrihdpzvgdj_300x300_p.jpg"),
+        Person("Петров", "Петр", "https://bolshoi.ru/media/members/photos/15820_ru_zvewuwadyjuywkh_300x300_p.jpg"),
+        Person("Иванов", "Иван", "https://bolshoi.ru/media/members/photos/86_ru_twyyatusbnifnzi_300x300_p.jpg"),
+        Person("Ксения", "Дудникова", "https://bolshoi.ru/media/members/photos/1756_ru_wkznwzklgosnbiq_300x300_p.jpg"),
+        Person("Евгения", "Сегенюк", "https://bolshoi.ru/media/members/photos/2908_ru_rycynrihdpzvgdj_300x300_p.jpg"),
+        Person("Петров", "Петр", "https://bolshoi.ru/media/members/photos/15820_ru_zvewuwadyjuywkh_300x300_p.jpg"),
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 5329c42..9f87ca6 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,3 +1,20 @@
 <resources>
     <string name="app_name">Mobile_Labs</string>
+    <string name="schedule_main_title">Афиша</string>
+    <string name="repertoire_main_title">Репертуар</string>
+    <string name="performance_description">Описание</string>
+    <string name="performance_author">Автор</string>
+    <string name="performance_director">Режиссёр</string>
+    <string name="performance_actors">Актёры</string>
+    <string name="people_main_title">Люди театра</string>
+    <string name="about_main_title">О нас</string>
+    <string name="performance_view_main_title">Представление</string>
+    <string name="about_text">
+        <p>
+            Netus quis congue nascetur ullamcorper nibh, nostra iaculis turpis! Facilisi pretium vehicula purus porttitor vitae aliquet dignissim. Donec diam molestie litora magnis dolor aptent scelerisque mus. Sit mi, venenatis interdum. Commodo vel malesuada tincidunt eget. Aenean laoreet lacinia platea sem? Libero urna odio diam? Nisl, sodales nisi gravida. Interdum elementum libero turpis dapibus tristique per sed maecenas ante integer massa? Tortor molestie sapien himenaeos condimentum. Facilisis accumsan ullamcorper semper fermentum elementum quisque. Curae;, vivamus ante hac elit fringilla odio ornare curabitur quisque magna commodo. Placerat proin!
+        </p>
+        <p>
+            Malesuada dui ultrices consequat felis morbi litora aenean hac. Vehicula justo vulputate ad nibh sociosqu a potenti ridiculus. Porta ligula mollis dolor. Imperdiet tincidunt tempus luctus luctus vehicula magnis malesuada. Augue convallis massa condimentum cum nunc platea cursus turpis turpis. Penatibus cras arcu nostra porta massa bibendum inceptos! Lacus sociis consectetur felis, potenti sit. Duis commodo nisl sem aliquet tellus integer ultricies curabitur felis tempor. Feugiat porttitor congue commodo eget, ornare ligula ullamcorper pulvinar enim nibh. Sodales in suscipit rhoncus mollis posuere sociosqu.
+        </p>
+    </string>
 </resources>
\ No newline at end of file