1

// widget_keypad.ysl2

     2

     3

widget_desc("Keypad") {

     4

    longdesc

     5

    ||

     6

    Keypad - to be written

     7

    ||

     8

     9

    shortdesc > Keypad 

    10

    11

    arg name="supported_types" accepts="string" > keypad can input those types 

    12

    13

}

    14

    15

emit "declarations:keypad" {

    16

    |

    17

    | var keypads = {

    18

    foreach "$keypads_descs"{

    19

        const "keypad_id","@id";

    20

        foreach "arg"{

    21

            const "g", "$geometry[@Id = $keypad_id]";

    22

    |     "«@value»":["«$keypad_id»", «$g/@x», «$g/@y»],

    23

        }

    24

    }

    25

    | }

    26

}

    27

    28

widget_class("Keypad")

    29

    ||

    30

         on_key_click(symbols) {

    31

             var syms = symbols.split(" ");

    32

             this.shift |= this.caps;

    33

             if(this.virgin)

    34

                 this.editstr = ""; 

    35

             this.editstr += syms[this.shift?syms.length-1:0];

    36

             this.shift = false;

    37

             this.update();

    38

         }

    39

    40

         on_Esc_click() {

    41

             end_modal.call(this);

    42

         }

    43

    44

         on_Enter_click() {

    45

             let coercedval = (typeof this.initial) == "number" ? Number(this.editstr) : this.editstr;

    46

             if(typeof coercedval == 'number' && isNaN(coercedval)){

    47

                 // revert to initial so it explicitely shows input was ignored

    48

                 this.editstr = String(this.initial);

    49

                 this.update();

    50

             } else { 

    51

                 let callback_obj = this.result_callback_obj;

    52

                 end_modal.call(this);

    53

                 callback_obj.edit_callback(coercedval);

    54

             }

    55

         }

    56

    57

         on_BackSpace_click() {

    58

             this.editstr = this.editstr.slice(0,this.editstr.length-1);

    59

             this.update();

    60

         }

    61

    62

         on_Sign_click() {

    63

             if(this.editstr[0] == "-")

    64

                 this.editstr = this.editstr.slice(1,this.editstr.length);

    65

             else

    66

                 this.editstr = "-" + this.editstr;

    67

             this.update();

    68

         }

    69

    70

         on_NumDot_click() {

    71

             if(this.editstr.indexOf(".") == "-1"){

    72

                 this.editstr += ".";

    73

                 this.update();

    74

             }

    75

         }

    76

    77

         on_Space_click() {

    78

             this.editstr += " ";

    79

             this.update();

    80

         }

    81

    82

         caps = false;

    83

         _caps = undefined;

    84

         on_CapsLock_click() {

    85

             this.caps = !this.caps;

    86

             this.update();

    87

         }

    88

    89

         shift = false;

    90

         _shift = undefined;

    91

         on_Shift_click() {

    92

             this.shift = !this.shift;

    93

             this.caps = false;

    94

             this.update();

    95

         }

    96

         editstr = "";

    97

         _editstr = undefined;

    98

         result_callback_obj = undefined;

    99

         start_edit(info, valuetype, callback_obj, initial,size) {

   100

             show_modal.call(this,size);

   101

             this.editstr = String(initial);

   102

             this.result_callback_obj = callback_obj;

   103

             if(this.Info_elt)

   104

                 this.Info_elt.textContent = info;

   105

             this.shift = false;

   106

             this.caps = false;

   107

             this.initial = initial;

   108

   109

             this.update();

   110

             this.virgin = true;

   111

         }

   112

   113

         update() {

   114

             if(this.editstr != this._editstr){

   115

                 this.virgin = false;

   116

                 this._editstr = this.editstr;

   117

                 this.Value_elt.textContent = this.editstr;

   118

             }

   119

             if(this.Shift_sub && this.shift != this._shift){

   120

                 this._shift = this.shift;

   121

                 set_activation_state(this.Shift_sub, this.shift);

   122

             }

   123

             if(this.CapsLock_sub && this.caps != this._caps){

   124

                 this._caps = this.caps;

   125

                 set_activation_state(this.CapsLock_sub, this.caps);

   126

             }

   127

         }

   128

    ||

   129

   130

widget_defs("Keypad") {

   131

    labels("Esc Enter BackSpace Keys Value");

   132

    optional_labels("Sign Space NumDot Info");

   133

    activable_labels("CapsLock Shift");

   134

    |     init: function() {

   135

    foreach "$hmi_element/*[@inkscape:label = 'Keys']/*" {

   136

    |         id("«@id»").setAttribute("onclick", "hmi_widgets['«$hmi_element/@id»'].on_key_click('«func:escape_quotes(@inkscape:label)»')");

   137

    }

   138

    foreach "str:split('Esc Enter BackSpace Sign Space NumDot CapsLock Shift')" {

   139

    |         if(this.«.»_elt)

   140

    |             this.«.»_elt.setAttribute("onclick", "hmi_widgets['«$hmi_element/@id»'].on_«.»_click()");

   141

    }

   142

    |     },

   143

    |

   144

    const "g", "$geometry[@Id = $hmi_element/@id]"; 

   145

    |     coordinates: [«$g/@x», «$g/@y»],

   146

    |     virgin: false,

   147

}