1

// widget_keypad.ysl2

     2

     3

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

     4

    param "hmi_element";

     5

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

     6

    optional_labels("Sign Space NumDot");

     7

    activable_labels("CapsLock Shift");

     8

    |     init: function() {

     9

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

    10

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

    11

    }

    12

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

    13

    |         if(this.«.»_elt)

    14

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

    15

    }

    16

    |     },

    17

    |     on_key_click: function(symbols) {

    18

    |         var syms = symbols.split(" ");

    19

    |         this.shift |= this.caps;

    20

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

    21

    |         this.shift = false;

    22

    |         this.update();

    23

    |     },

    24

    |     on_Esc_click: function() {

    25

    |         end_modal.call(this);

    26

    |     },

    27

    |     on_Enter_click: function() {

    28

    |         end_modal.call(this);

    29

    |         callback_obj = this.result_callback_obj;

    30

    |         callback_obj.edit_callback(this.editstr);

    31

    |     },

    32

    |     on_BackSpace_click: function() {

    33

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

    34

    |         this.update();

    35

    |     },

    36

    |     on_Sign_click: function() {

    37

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

    38

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

    39

    |         else

    40

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

    41

    |         this.update();

    42

    |     },

    43

    |     on_NumDot_click: function() {

    44

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

    45

    |             this.editstr += ".";

    46

    |             this.update();

    47

    |         }

    48

    |     },

    49

    |     on_Space_click: function() {

    50

    |         this.editstr += " ";

    51

    |         this.update();

    52

    |     },

    53

    |     caps: false,

    54

    |     _caps: undefined,

    55

    |     on_CapsLock_click: function() {

    56

    |         this.caps = !this.caps;

    57

    |         this.update();

    58

    |     },

    59

    |     shift: false,

    60

    |     _shift: undefined,

    61

    |     on_Shift_click: function() {

    62

    |         this.shift = !this.shift;

    63

    |         this.caps = false;

    64

    |         this.update();

    65

    |     },

    66

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

    67

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

    68

    |     editstr: "",

    69

    |     _editstr: undefined,

    70

    |     result_callback_obj: undefined,

    71

    |     start_edit: function(info, valuetype, callback_obj, initial) {

    72

    |         show_modal.call(this);

    73

    |         this.editstr = initial;

    74

    |         this.result_callback_obj = callback_obj;

    75

    |         this.Info_elt.textContent = info;

    76

    |         this.shift = false;

    77

    |         this.caps = false;

    78

    |         this.update();

    79

    |     },

    80

    |     update: function() {

    81

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

    82

    |             this._editstr = this.editstr;

    83

    |             this.Value_elt.textContent = this.editstr;

    84

    |         }

    85

    |         if(this.shift != this._shift){

    86

    |             this._shift = this.shift;

    87

    |             (this.shift?widget_active_activable:widget_inactive_activable)(this.Shift_sub);

    88

    |         }

    89

    |         if(this.caps != this._caps){

    90

    |             this._caps = this.caps;

    91

    |             (this.caps?widget_active_activable:widget_inactive_activable)(this.CapsLock_sub);

    92

    |         }

    93

    |     },

    94

}