From 2a7afb67625cfcfb66350e06d5d29011b9743f11 Mon Sep 17 00:00:00 2001
From: Prince Awuah Baffour <reflectical@mgail.com>
Date: Thu, 19 May 2022 13:33:04 +0000
Subject: [PATCH] added disabling the keyboard programmatically

---
 .idea/gradle.xml                              |   2 +-
 .idea/misc.xml                                |   2 +-
 .../com/yogeshpaliyal/speld/MainActivity.kt   | 131 ++++++++++++++++--
 .../java/com/yogeshpaliyal/speld/OtpView.kt   |   2 +
 4 files changed, 126 insertions(+), 11 deletions(-)

diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 0dca4dd..c8bf814 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -7,6 +7,7 @@
         <option name="testRunner" value="GRADLE" />
         <option name="distributionType" value="DEFAULT_WRAPPED" />
         <option name="externalProjectPath" value="$PROJECT_DIR$" />
+        <option name="gradleJvm" value="Embedded JDK" />
         <option name="modules">
           <set>
             <option value="$PROJECT_DIR$" />
@@ -14,7 +15,6 @@
             <option value="$PROJECT_DIR$/speld" />
           </set>
         </option>
-        <option name="resolveModulePerSourceSet" value="false" />
       </GradleProjectSettings>
     </option>
   </component>
diff --git a/.idea/misc.xml b/.idea/misc.xml
index 2a4d5b5..178f70c 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_11" default="true" project-jdk-name="Android Studio default JDK" project-jdk-type="JavaSDK">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_11" project-jdk-name="Android Studio default JDK" project-jdk-type="JavaSDK">
     <output url="file://$PROJECT_DIR$/build/classes" />
   </component>
   <component name="ProjectType">
diff --git a/app/src/main/java/com/yogeshpaliyal/speld/MainActivity.kt b/app/src/main/java/com/yogeshpaliyal/speld/MainActivity.kt
index b82567a..0ff780a 100644
--- a/app/src/main/java/com/yogeshpaliyal/speld/MainActivity.kt
+++ b/app/src/main/java/com/yogeshpaliyal/speld/MainActivity.kt
@@ -5,15 +5,16 @@ import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.border
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.RoundedCornerShape
-import androidx.compose.material.MaterialTheme
-import androidx.compose.material.Surface
+import androidx.compose.material.*
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.ArrowBack
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.MutableState
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.unit.dp
@@ -27,9 +28,11 @@ class MainActivity : ComponentActivity() {
                 // A surface container using the 'background' color from the theme
                 Surface(color = MaterialTheme.colors.background) {
                     val text = remember { mutableStateOf("") }
+                    val length = 5 // Define the length of the PIN here
 
-
-                    Column(modifier = Modifier.fillMaxSize()) {
+                    Column(modifier = Modifier.fillMaxSize(),
+                        Arrangement.Center, Alignment.CenterHorizontally
+                    ) {
 
                         Spacer(modifier = Modifier.height(20.dp))
 
@@ -47,11 +50,16 @@ class MainActivity : ComponentActivity() {
                                 shape = RoundedCornerShape(3.dp)
                             ), value = text.value,
                             obscureText = "*",
-                            length = 6
+                            length = length, //Use the number defined here
+                            disableKeypad = true, //Do not open the android keypad
                         ) {
                             text.value = it
                         }
 
+                        Spacer(modifier = Modifier.height(20.dp))
+                        
+                        KeyPad(input = text, length)
+
                     }
 
 
@@ -59,4 +67,109 @@ class MainActivity : ComponentActivity() {
             }
         }
     }
+
+    @Composable
+    fun KeyPad(input: MutableState<String>, length: Int){
+        val callback = {
+                text: String -> handleButtonClick(text, input, length)
+        }
+
+        Column(
+            modifier = Modifier
+                .padding(5.dp, 5.dp)
+                .fillMaxWidth(0.5f)
+
+        ) {
+            NumKeypadRow(
+                listOf("1", "2", "3"),
+                listOf(0.33f, 0.33f, 0.33f),
+                callback
+            )
+            NumKeypadRow(
+                listOf("4", "5", "6"),
+                listOf(0.33f, 0.33f, 0.33f),
+                callback
+            )
+            NumKeypadRow(
+                listOf("7", "8", "9"),
+                listOf(0.33f, 0.33f, 0.33f),
+                callback
+            )
+            NumKeypadRow(
+                listOf("C", "0", "←"),
+                listOf(0.33f, 0.33f, 0.33f),
+                callback
+            )
+        }
+    }
+
+    @Composable
+    fun NumKeypadRow(
+        texts: List<String>,
+        weights: List<Float>,
+        callback: (text: String) -> Any
+    ) {
+        Row(
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(2.dp, 2.dp)
+        ) {
+            for (i in texts.indices) {
+                val useIcon = texts[i]=="←"
+                MyButton(
+                    text = texts[i],
+                    callback = callback,
+                    modifier = Modifier
+                        .weight(weights[i]),
+                    useIcon,
+                )
+            }
+        }
+    }
+
+    @Composable
+    fun MyButton(
+        text: String,
+        callback: (text: String) -> Any,
+        modifier: Modifier = Modifier,
+        useIcon: Boolean = false
+    ) {
+        Button(
+            colors = ButtonDefaults.textButtonColors(
+                backgroundColor = Color.LightGray,
+                contentColor = Color.Black,
+
+                ),
+            onClick = {
+                callback(text)
+            },
+            border = null,
+            elevation = null,
+            modifier = modifier
+                .size(40.dp, 35.dp)
+                .padding(2.dp, 0.dp)
+        ) {
+            if (useIcon) {
+                if (text == "←") Icon(
+                    Icons.Filled.ArrowBack,
+                    contentDescription = "Favorite",
+                    modifier = Modifier.size(ButtonDefaults.IconSize)
+                )
+            }else Text(text)
+        }
+    }
+
+    private fun handleButtonClick(
+        txt: String,
+        inputTextView: MutableState<String>,
+        length: Int
+    ) {
+        when (txt) {
+            "←" -> if (inputTextView.value.isNotEmpty()) {
+                inputTextView.value = inputTextView.value.dropLast(1) // remove last char
+            }
+            "C" -> inputTextView.value = "" // clear all text
+            else -> if(inputTextView.value.length<length) inputTextView.value += txt // handles key input here
+        }
+    }
 }
\ No newline at end of file
diff --git a/speld/src/main/java/com/yogeshpaliyal/speld/OtpView.kt b/speld/src/main/java/com/yogeshpaliyal/speld/OtpView.kt
index b1f54b8..8e7f60f 100644
--- a/speld/src/main/java/com/yogeshpaliyal/speld/OtpView.kt
+++ b/speld/src/main/java/com/yogeshpaliyal/speld/OtpView.kt
@@ -63,12 +63,14 @@ fun PinInput(
     modifier: Modifier = Modifier,
     length: Int = 5,
     value: String = "",
+    disableKeypad: Boolean = false,
     obscureText: String? = "*",
     onValueChanged: (String) -> Unit
 ) {
     val focusRequester = remember { FocusRequester() }
     val keyboard = LocalSoftwareKeyboardController.current
     TextField(
+        readOnly = disableKeypad,
         value = value,
         onValueChange = {
             if (it.length <= length) {