inputMethods.ts: keyboard: defaultText -> defaultTxt, fixed test.ts

Author: KierPalin

inputMethods.ts

@@ -343,14 +343,14 @@ namespace microgui {
             cb: (keyboardText: string) => void,
             foregroundColor?: number,
             backgroundColor?: number,
-            defaultText?: string,
+            defaultTxt?: string,
             maxTxtLength?: number,
             txtColor?: number,
             deleteFn?: () => void,
             backBtn?: () => void
         }) {
             super(opts.app, new GridNavigator([[]])) // GridNavigator setup in startup()
-            this.text = (opts.defaultText) ? opts.defaultText : ""
+            this.text = (opts.defaultTxt) ? opts.defaultTxt : ""
             this.isUpperCase = true
             this.maxTxtLength = (opts.maxTxtLength) ? Math.min(opts.maxTxtLength, this.MAX_TEXT_LENGTH) : this.MAX_TEXT_LENGTH
 

test.ts

@@ -22,12 +22,14 @@ namespace microcode {
 
   // Comment out the examples you aren't using:
 
+  // Example 0:
   const kb = new microgui.Keyboard({
     app,
     layout: microgui.KeyboardLayouts.NUMERIC,
     cb: (txt: string) => { basic.showString(txt) },
     foregroundColor: 2,                             // optional arg
     backgroundColor: 6,                             // optional arg
+    defaultTxt: "0",                                // optional arg
     maxTxtLength: 6,                                // optional arg
     txtColor: 1,                                    // optional arg
     deleteFn: () => { basic.showString("Bye") }     // optional arg
@@ -36,7 +38,6 @@ namespace microcode {
   app.popScene();
   app.pushScene(kb);
 
-
   // Example 1a:
 
   // const simpleTextComponent = new TextBox({
@@ -135,44 +136,46 @@ namespace microcode {
   // app.pushScene(gcs)
 
 
-  const buttonCollection = new ButtonCollection({
-    alignment: GUIComponentAlignment.TOP,
-    btns: [
-      [ // Row 1:
-        new Button({ icon: "accelerometer", ariaId: "0", onClick: () => basic.showNumber(0) }),
-        new Button({ icon: "pin_0", ariaId: "1", onClick: () => basic.showNumber(1) }),
-        new Button({ icon: "pin_1", ariaId: "2", onClick: () => basic.showNumber(2) }),
-        new Button({ icon: "pin_2", ariaId: "3", onClick: () => basic.showNumber(3) }),
-      ],
-      [ // Row 2:
-        new Button({ icon: "thermometer", ariaId: "4", onClick: () => basic.showNumber(4) }),
-        new Button({ icon: "microphone", ariaId: "5", onClick: () => basic.showNumber(5) })
-      ],
-      [ // Row 3:
-        new Button({ icon: "compass", ariaId: "6", onClick: () => basic.showNumber(6) }),
-        new Button({ icon: "compass", ariaId: "6", onClick: () => basic.showNumber(6) }),
-        new Button({ icon: "compass", ariaId: "6", onClick: () => basic.showNumber(6) }),
-        new Button({ icon: "compass", ariaId: "6", onClick: () => basic.showNumber(6) }),
-        new Button({ icon: "compass", ariaId: "6", onClick: () => basic.showNumber(6) }),
-
-      ],
-      [ // Row 4:
-        new Button({ icon: "right_spin", ariaId: "7", onClick: () => basic.showNumber(7) }),
-        new Button({ icon: "right_turn", ariaId: "8", onClick: () => basic.showNumber(8) }),
-        new Button({ icon: "green_tick", ariaId: "9", onClick: () => basic.showNumber(9) })
-      ],
-    ],
-    isActive: true,
-    isHidden: false,
-    xScaling: 1.1,
-    yScaling: 1.7,
-    colour: 3,
-  })
-
-  const gcs = new GUIComponentScene({ app, components: [buttonCollection] })
-  app.pushScene(gcs)
 
 
+  
+  // const buttonCollection = new ButtonCollection({
+  //   alignment: GUIComponentAlignment.TOP,
+  //   btns: [
+  //     [ // Row 1:
+  //       new Button({ icon: "accelerometer", ariaId: "0", onClick: () => basic.showNumber(0) }),
+  //       new Button({ icon: "pin_0", ariaId: "1", onClick: () => basic.showNumber(1) }),
+  //       new Button({ icon: "pin_1", ariaId: "2", onClick: () => basic.showNumber(2) }),
+  //       new Button({ icon: "pin_2", ariaId: "3", onClick: () => basic.showNumber(3) }),
+  //     ],
+  //     [ // Row 2:
+  //       new Button({ icon: "thermometer", ariaId: "4", onClick: () => basic.showNumber(4) }),
+  //       new Button({ icon: "microphone", ariaId: "5", onClick: () => basic.showNumber(5) })
+  //     ],
+  //     [ // Row 3:
+  //       new Button({ icon: "compass", ariaId: "6", onClick: () => basic.showNumber(6) }),
+  //       new Button({ icon: "compass", ariaId: "6", onClick: () => basic.showNumber(6) }),
+  //       new Button({ icon: "compass", ariaId: "6", onClick: () => basic.showNumber(6) }),
+  //       new Button({ icon: "compass", ariaId: "6", onClick: () => basic.showNumber(6) }),
+  //       new Button({ icon: "compass", ariaId: "6", onClick: () => basic.showNumber(6) }),
+
+  //     ],
+  //     [ // Row 4:
+  //       new Button({ icon: "right_spin", ariaId: "7", onClick: () => basic.showNumber(7) }),
+  //       new Button({ icon: "right_turn", ariaId: "8", onClick: () => basic.showNumber(8) }),
+  //       new Button({ icon: "green_tick", ariaId: "9", onClick: () => basic.showNumber(9) })
+  //     ],
+  //   ],
+  //   isActive: true,
+  //   isHidden: false,
+  //   xScaling: 1.1,
+  //   yScaling: 1.7,
+  //   colour: 3,
+  // })
+
+  // const gcs = new GUIComponentScene({ app, components: [buttonCollection] })
+  // app.pushScene(gcs)
+
 
   // Example 4: Component context: Linking a graph with a button: