1

// widget_keypad.ysl2

     2

    16

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

    17

    param "hmi_element";

    18

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

    19

    optional_labels("Sign Space NumDot");

    20

    activable_labels("CapsLock Shift");

    21

    |     init: function() {

    22

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

    23

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

    24

    }

    25

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

    26

    |         if(this.«.»_elt)

    27

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

    28

    }

    29

    |     },

    30

    |     on_key_click: function(symbols) {

    31

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

    32

    |         this.shift |= this.caps;

    33

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

    34

    |         this.shift = false;

    35

    |         this.update();

    36

    |     },

    37

    |     on_Esc_click: function() {

    38

    |         end_modal.call(this);

    39

    |     },

    40

    |     on_Enter_click: function() {

    41

    |         end_modal.call(this);

    42

    |         callback_obj = this.result_callback_obj;

    43

    |         callback_obj.edit_callback(this.editstr);

    44

    |     },

    45

    |     on_BackSpace_click: function() {

    46

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

    47

    |         this.update();

    48

    |     },

    49

    |     on_Sign_click: function() {

    50

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

    51

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

    52

    |         else

    53

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

    54

    |         this.update();

    55

    |     },

    56

    |     on_NumDot_click: function() {

    57

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

    58

    |             this.editstr += ".";

    59

    |             this.update();

    60

    |         }

    61

    |     },

    62

    |     on_Space_click: function() {

    63

    |         this.editstr += " ";

    64

    |         this.update();

    65

    |     },

    66

    |     caps: false,

    67

    |     _caps: undefined,

    68

    |     on_CapsLock_click: function() {

    69

    |         this.caps = !this.caps;

    70

    |         this.update();

    71

    |     },

    72

    |     shift: false,

    73

    |     _shift: undefined,

    74

    |     on_Shift_click: function() {

    75

    |         this.shift = !this.shift;

    76

    |         this.caps = false;

    77

    |         this.update();

    78

    |     },

    79

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

    80

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

    81

    |     editstr: "",

    82

    |     _editstr: undefined,

    83

    |     result_callback_obj: undefined,

    84

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

    85

    |         show_modal.call(this);

    86

    |         this.editstr = initial;

    87

    |         this.result_callback_obj = callback_obj;

    88

    |         this.Info_elt.textContent = info;

    89

    |         this.shift = false;

    90

    |         this.caps = false;

    91

    |         this.update();

    92

    |     },

    93

    |     update: function() {

    94

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

    95

    |             this._editstr = this.editstr;

    96

    |             this.Value_elt.textContent = this.editstr;

    97

    |         }

    98

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

    99

    |             this._shift = this.shift;

   100

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

   101

    |         }

   102

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

   103

    |             this._caps = this.caps;

   104

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

   105

    |         }

   106

    |     },

   107

}