From 999e620c102d93aa25c5b543a65b5875f930107b Mon Sep 17 00:00:00 2001
From: Joren <joren.schipman@student.howest.be>
Date: Sat, 27 Apr 2024 20:26:04 +0200
Subject: [PATCH] Add basic search field

---
 .idea/deploymentTargetDropDown.xml            |  3 ++
 .idea/gradle.xml                              |  1 +
 .../main/java/com/ti/mobpo/MainActivity.kt    | 28 ++++------
 app/src/main/java/com/ti/mobpo/PokeSearch.kt  | 54 +++++++++++++++++++
 app/src/main/res/values/strings.xml           |  2 +
 5 files changed, 69 insertions(+), 19 deletions(-)
 create mode 100644 app/src/main/java/com/ti/mobpo/PokeSearch.kt

diff --git a/.idea/deploymentTargetDropDown.xml b/.idea/deploymentTargetDropDown.xml
index 0c0c338..9c96b2b 100644
--- a/.idea/deploymentTargetDropDown.xml
+++ b/.idea/deploymentTargetDropDown.xml
@@ -2,6 +2,9 @@
 <project version="4">
   <component name="deploymentTargetDropDown">
     <value>
+      <entry key="MainActivity">
+        <State />
+      </entry>
       <entry key="app">
         <State />
       </entry>
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 32522c1..0897082 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/app/src/main/java/com/ti/mobpo/MainActivity.kt b/app/src/main/java/com/ti/mobpo/MainActivity.kt
index 4af72ea..901ab5f 100644
--- a/app/src/main/java/com/ti/mobpo/MainActivity.kt
+++ b/app/src/main/java/com/ti/mobpo/MainActivity.kt
@@ -3,15 +3,23 @@ package com.ti.mobpo
 import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
+import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.wrapContentSize
+import androidx.compose.material3.Button
 import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedTextField
 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.graphics.Color
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.ti.mobpo.ui.theme.MobileSecurityTheme
@@ -23,27 +31,9 @@ class MainActivity : ComponentActivity() {
             MobileSecurityTheme {
                 // A surface container using the 'background' color from the theme
                 Surface(modifier = Modifier.fillMaxSize(), color = MaterialTheme.colorScheme.background) {
-                    Greeting("Android")
+                    PokeSearchApp()
                 }
             }
         }
     }
 }
-
-@Composable
-fun Greeting(name: String, modifier: Modifier = Modifier) {
-    Surface(color = Color.Cyan) {
-        Text(
-            text = "Hello $name!",
-            modifier = modifier.padding(24.dp)
-        )
-    }
-}
-
-@Preview(showBackground = true)
-@Composable
-fun GreetingPreview() {
-    MobileSecurityTheme {
-        Greeting("Android")
-    }
-}
\ No newline at end of file
diff --git a/app/src/main/java/com/ti/mobpo/PokeSearch.kt b/app/src/main/java/com/ti/mobpo/PokeSearch.kt
new file mode 100644
index 0000000..6b62bad
--- /dev/null
+++ b/app/src/main/java/com/ti/mobpo/PokeSearch.kt
@@ -0,0 +1,54 @@
+package com.ti.mobpo
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.wrapContentSize
+import androidx.compose.material3.Button
+import androidx.compose.material3.OutlinedTextField
+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.graphics.Color
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+
+
+@Composable
+fun PokeSearch(modifier: Modifier = Modifier.fillMaxSize().wrapContentSize(Alignment.TopCenter)) {
+    var value by remember { mutableStateOf("") }
+
+    Row(
+        modifier = modifier,
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.Center
+    ) {
+        OutlinedTextField(
+            value = value,
+            onValueChange = { value = it },
+            label = { Text(stringResource(R.string.input_field_label)) },
+            modifier = Modifier.weight(1f).padding(horizontal = 16.dp, vertical = 8.dp)
+        )
+        Button(
+            onClick = { /*TODO*/ },
+            modifier = Modifier.padding(start = 8.dp)
+        ) {
+            Text(stringResource(R.string.input_search_button))
+        }
+    }
+}
+@Preview(showBackground = true)
+@Composable
+fun PokeSearchApp(){
+    PokeSearch()
+}
\ 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 9b6590d..ae775ad 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,3 +1,5 @@
 <resources>
     <string name="app_name">MobileSecurity</string>
+    <string name="input_search_button">Search</string>
+    <string name="input_field_label">Enter Pokémon Name</string>
 </resources>
\ No newline at end of file