disable shift button

static/js/pincode.js

@@ -10,7 +10,7 @@ let myKeyboard = new Keyboard({
       "1 2 3",
       "4 5 6",
       "7 8 9",
-      "{shift} 0 {bksp}"
+      " 0 {bksp}"
     ],
   }
 });
@@ -27,22 +27,25 @@ function onChange(input) {
 
 function onKeyPress(button) {
   console.log("index : ", index);
-  if ( String(button) == "{bksp}" && index > 1 ){
-    index= index - 1;
-    n = "slot-" + index;
-    document.querySelector('input[id="'+n+'"]').value = '';
-    ary_input.pop();
-  }else if( String(button) == "{bksp}" && index == 1){
-    console.log("back to the first pin code");
-  }else if (index < 7 ){
-    n = "slot-" + index;
-    document.querySelector('input[id="'+n+'"]').value = button;
-    index = index + 1;
-    ary_input.push(button);
+  if( String(button) != ""){
+    if ( String(button) == "{bksp}" && index > 1 ){
+      index= index - 1;
+      n = "slot-" + index;
+      document.querySelector('input[id="'+n+'"]').value = '';
+      ary_input.pop();
+    }else if( String(button) == "{bksp}" && index == 1){
+      console.log("back to the first pin code");
+    }else if (index < 7 ){
+      n = "slot-" + index;
+      document.querySelector('input[id="'+n+'"]').value = button;
+      index = index + 1;
+      ary_input.push(button);
+    }else{
+      console.log("index over 6");
+    }
   }else{
-    console.log("index over 6");
+    console.log("press space button");
   }
-
   document.querySelector('input[id="'+n+'"]').focus();
 
   console.log("Button pressed", button);

templates/pincode.html

@@ -41,7 +41,7 @@
             {% endfor %}
         </div>
         <div class="col-2 inline">
-            <button type="submit" class="btn btn-primary" id="conn" style="height:50px">Connect</button>
+            <button type="submit" class="btn btn-primary" id="setup" style="height:50px">Confirm</button>
         </div>
     </div>
     <div class="row align-items-center">