1

// widget_keypad.ysl2

     2

     3

emit "declarations:keypad" {

     4

    |

     5

    | var keypads = {

     6

    foreach "$keypads_descs"{

     7

        const "keypad_id","@id";

     8

        foreach "arg"{

     9

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

    10

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

    11

        }

    12

    }

    13

    | }

    14

}

    15

    16

template "widget[@type='Keypad']", mode="widget_class"

    17

    ||

    18

    class KeypadWidget extends Widget{

    19

    20

         on_key_click(symbols) {

    21

             var syms = symbols.split(" ");

    22

             this.shift |= this.caps;

    23

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

    24

             this.shift = false;

    25

             this.update();

    26

         }

    27

    28

         on_Esc_click() {

    29

             end_modal.call(this);

    30

         }

    31

    32

         on_Enter_click() {

    33

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

    34

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

    35

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

    36

                 this.editstr = String(this.initial);

    37

                 this.update();

    38

             } else { 

    39

                 let callback_obj = this.result_callback_obj;

    40

                 end_modal.call(this);

    41

                 callback_obj.edit_callback(coercedval);

    42

             }

    43

         }

    44

    45

         on_BackSpace_click() {

    46

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

    47

             this.update();

    48

         }

    49

    50

         on_Sign_click() {

    51

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

    52

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

    53

             else

    54

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

    55

             this.update();

    56

         }

    57

    58

         on_NumDot_click() {

    59

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

    60

                 this.editstr += ".";

    61

                 this.update();

    62

             }

    63

         }

    64

    65

         on_Space_click() {

    66

             this.editstr += " ";

    67

             this.update();

    68

         }

    69

    70

         caps = false;

    71

         _caps = undefined;

    72

         on_CapsLock_click() {

    73

             this.caps = !this.caps;

    74

             this.update();

    75

         }

    76

    77

         shift = false;

    78

         _shift = undefined;

    79

         on_Shift_click() {

    80

             this.shift = !this.shift;

    81

             this.caps = false;

    82

             this.update();

    83

         }

    84

         editstr = "";

    85

         _editstr = undefined;

    86

         result_callback_obj = undefined;

    87

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

    88

             show_modal.call(this,size);

    89

             this.editstr = String(initial);

    90

             this.result_callback_obj = callback_obj;

    91

             this.Info_elt.textContent = info;

    92

             this.shift = false;

    93

             this.caps = false;

    94

             this.initial = initial;

    95

    96

             this.update();

    97

         }

    98

    99

         update() {

   100

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

   101

                 this._editstr = this.editstr;

   102

                 this.Value_elt.textContent = this.editstr;

   103

             }

   104

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

   105

                 this._shift = this.shift;

   106

                 (this.shift?this.activate_activable:this.inactivate_activable)(this.Shift_sub);

   107

             }

   108

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

   109

                 this._caps = this.caps;

   110

                 (this.caps?this.activate_activable:this.inactivate_activable)(this.CapsLock_sub);

   111

             }

   112

         }

   113

    }

   114

    ||

   115

   116

template "widget[@type='Keypad']", mode="widget_defs" {

   117

    param "hmi_element";

   118

    labels("Esc Enter BackSpace Keys Info Value");

   119

    optional_labels("Sign Space NumDot");

   120

    activable_labels("CapsLock Shift");

   121

    |     init: function() {

   122

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

   123

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

   124

    }

   125

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

   126

    |         if(this.«.»_elt)

   127

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

   128

    }

   129

    |     },

   130

    |

   131

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

   132

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

   133

}