1

// widgets_common.ysl2

     2

     3

in xsl decl labels(*ptr, name="defs_by_labels") alias call-template {

     4

    with "hmi_element", "$hmi_element";

     5

    with "labels"{text *ptr};

     6

    content;

     7

};

     8

     9

decl optional_labels(*ptr) alias - {

    10

    /* TODO add some per label xslt variable to check if exist */

    11

    labels(*ptr){

    12

        with "mandatory","'no'";

    13

        content;

    14

    }

    15

};

    16

    17

decl activable_labels(*ptr) alias - {

    18

    optional_labels(*ptr) {

    19

        with "subelements","'active inactive'";

    20

        content;

    21

    }

    22

};

    23

    24

template "svg:*", mode="hmi_widgets" {

    25

    const "widget", "func:widget(@id)";

    26

    const "eltid","@id";

    27

    const "args" foreach "$widget/arg" > "«func:escape_quotes(@value)»"`if "position()!=last()" > ,`

    28

    const "indexes" foreach "$widget/path" {

    29

        choose {

    30

            when "not(@index)" {

    31

                choose {

    32

                    when "not(@type)" {

    33

                        warning > Widget «$widget/@type» id="«$eltid»" : No match for path "«@value»" in HMI tree

    34

                        > undefined

    35

                    }

    36

                    when "@type = 'PAGE_LOCAL'" 

    37

                        > "«@value»"

    38

                    when "@type = 'HMI_LOCAL'" 

    39

                        > hmi_local_index("«@value»")

    40

                    otherwise 

    41

                        error > Internal error while processing widget's non indexed HMI tree path : unknown type

    42

                }

    43

            }

    44

            otherwise {

    45

                > «@index»

    46

            }

    47

        }

    48

        if "position()!=last()" > ,

    49

    }

    50

    51

    const "minmaxes" foreach "$widget/path" {

    52

        choose {

    53

            when "@min and @max"

    54

                > [«@min»,«@max»]

    55

            otherwise

    56

                > undefined

    57

        }

    58

        if "position()!=last()" > ,

    59

    }

    60

    61

    |   "«@id»": new «$widget/@type»Widget ("«@id»",[«$args»],[«$indexes»],[«$minmaxes»],{

    62

    apply "$widget", mode="widget_defs" with "hmi_element",".";

    63

    |   })`if "position()!=last()" > ,`

    64

}

    65

    66

emit "preamble:local-variable-indexes" {

    67

    ||

    68

    69

    let hmi_locals = {};

    70

    var last_remote_index = hmitree_types.length - 1;

    71

    var next_available_index = hmitree_types.length;

    72

    let cookies = new Map(document.cookie.split("; ").map(s=>s.split("=")));

    73

    74

    const local_defaults = {

    75

    ||

    76

    foreach "$parsed_widgets/widget[starts-with(@type,'VarInit')]"{

    77

        if "count(path) != 1" error > VarInit «@id» must have only one variable given.

    78

        if "path/@type != 'PAGE_LOCAL' and path/@type != 'HMI_LOCAL'" error > VarInit «@id» only applies to HMI variable.

    79

        >     "«path/@value»":

    80

        choose {

    81

            when "@type = 'VarInitPersistent'" > cookies.has("«path/@value»")?cookies.get("«path/@value»"):«arg[1]/@value»

    82

            otherwise > «arg[1]/@value»

    83

        }

    84

        > \n

    85

        if "position()!=last()" > ,

    86

    }

    87

    ||

    88

    };

    89

    90

    const persistent_locals = new Set([

    91

    ||

    92

    foreach "$parsed_widgets/widget[@type='VarInitPersistent']"{

    93

    |    "«path/@value»"`if "position()!=last()" > ,`

    94

    }

    95

    ||

    96

    ]);

    97

    var persistent_indexes = new Map();

    98

    var cache = hmitree_types.map(_ignored => undefined);

    99

    var updates = new Map();

   100

   101

    function page_local_index(varname, pagename){

   102

        let pagevars = hmi_locals[pagename];

   103

        let new_index;

   104

        if(pagevars == undefined){

   105

            new_index = next_available_index++;

   106

            hmi_locals[pagename] = {[varname]:new_index}

   107

        } else {

   108

            let result = pagevars[varname];

   109

            if(result != undefined) {

   110

                return result;

   111

            }

   112

   113

            new_index = next_available_index++;

   114

            pagevars[varname] = new_index;

   115

        }

   116

        let defaultval = local_defaults[varname];

   117

        if(defaultval != undefined) {

   118

            cache[new_index] = defaultval; 

   119

            updates.set(new_index, defaultval);

   120

            if(persistent_locals.has(varname))

   121

                persistent_indexes.set(new_index, varname);

   122

        }

   123

        return new_index;

   124

    }

   125

   126

    function hmi_local_index(varname){

   127

        return page_local_index(varname, "HMI_LOCAL");

   128

    }

   129

    ||

   130

}

   131

   132

emit "preamble:widget-base-class" {

   133

    ||

   134

    var pending_widget_animates = [];

   135

   136

    class Widget {

   137

        offset = 0;

   138

        frequency = 10; /* FIXME arbitrary default max freq. Obtain from config ? */

   139

        unsubscribable = false;

   140

        pending_animate = false;

   141

   142

        constructor(elt_id,args,indexes,minmaxes,members){

   143

            this.element_id = elt_id;

   144

            this.element = id(elt_id);

   145

            this.args = args;

   146

            this.indexes = indexes;

   147

            this.minmaxes = minmaxes;

   148

            Object.keys(members).forEach(prop => this[prop]=members[prop]);

   149

            this.lastapply = indexes.map(() => undefined);

   150

            this.inhibit = indexes.map(() => undefined);

   151

            this.pending = indexes.map(() => undefined);

   152

            this.bound_unhinibit = this.unhinibit.bind(this);

   153

        }

   154

   155

        unsub(){

   156

            /* remove subsribers */

   157

            if(!this.unsubscribable)

   158

                for(let i = 0; i < this.indexes.length; i++) {

   159

                    /* flush updates pending because of inhibition */

   160

                    let inhibition = this.inhibit[i];

   161

                    if(inhibition != undefined){

   162

                        clearTimeout(inhibition);

   163

                        this.lastapply[i] = undefined;

   164

                        this.unhinibit(i);

   165

                    }

   166

                    let index = this.indexes[i];

   167

                    if(this.relativeness[i])

   168

                        index += this.offset;

   169

                    subscribers(index).delete(this);

   170

                }

   171

            this.offset = 0;

   172

            this.relativeness = undefined;

   173

        }

   174

   175

        sub(new_offset=0, relativeness, container_id){

   176

            this.offset = new_offset;

   177

            this.relativeness = relativeness;

   178

            this.container_id = container_id ;

   179

            /* add this's subsribers */

   180

            if(!this.unsubscribable)

   181

                for(let i = 0; i < this.indexes.length; i++) {

   182

                    let index = this.get_variable_index(i);

   183

                    if(index == undefined) continue;

   184

                    subscribers(index).add(this);

   185

                }

   186

            need_cache_apply.push(this); 

   187

        }

   188

   189

        apply_cache() {

   190

            if(!this.unsubscribable) for(let index in this.indexes){

   191

                /* dispatch current cache in newly opened page widgets */

   192

                let realindex = this.get_variable_index(index);

   193

                if(realindex == undefined) continue;

   194

                let cached_val = cache[realindex];

   195

                if(cached_val != undefined)

   196

                    this._dispatch(cached_val, cached_val, index);

   197

            }

   198

        }

   199

   200

        get_variable_index(varnum) {

   201

            let index = this.indexes[varnum];

   202

            if(typeof(index) == "string"){

   203

                index = page_local_index(index, this.container_id);

   204

            } else {

   205

                if(this.relativeness[varnum]){

   206

                    index += this.offset;

   207

                }

   208

            }

   209

            return index;

   210

        }

   211

   212

        overshot(new_val, max) {

   213

        }

   214

   215

        undershot(new_val, min) {

   216

        }

   217

   218

        clip_min_max(index, new_val) {

   219

            let minmax = this.minmaxes[index];

   220

            if(minmax !== undefined && typeof new_val == "number") {

   221

                let [min,max] = minmax;

   222

                if(new_val < min){

   223

                    this.undershot(new_val, min);

   224

                    return min;

   225

                }

   226

                if(new_val > max){

   227

                    this.overshot(new_val, max);

   228

                    return max;

   229

                }

   230

            }

   231

            return new_val;

   232

        }

   233

   234

        change_hmi_value(index, opstr) {

   235

            let realindex = this.get_variable_index(index);

   236

            if(realindex == undefined) return undefined;

   237

            let old_val = cache[realindex];

   238

            let new_val = eval_operation_string(old_val, opstr);

   239

            new_val = this.clip_min_max(index, new_val);

   240

            return apply_hmi_value(realindex, new_val);

   241

        }

   242

   243

        _apply_hmi_value(index, new_val) {

   244

            let realindex = this.get_variable_index(index);

   245

            if(realindex == undefined) return undefined;

   246

            new_val = this.clip_min_max(index, new_val);

   247

            return apply_hmi_value(realindex, new_val);

   248

        }

   249

   250

        unhinibit(index){

   251

            this.inhibit[index] = undefined;

   252

            let new_val = this.pending[index];

   253

            this.pending[index] = undefined;

   254

            return this.apply_hmi_value(index, new_val);

   255

        }

   256

   257

        apply_hmi_value(index, new_val) {

   258

            if(this.inhibit[index] == undefined){

   259

                let now = Date.now();

   260

                let min_interval = 1000/this.frequency;

   261

                let lastapply = this.lastapply[index];

   262

                if(lastapply == undefined || now > lastapply + min_interval){

   263

                    this.lastapply[index] = now;

   264

                    return this._apply_hmi_value(index, new_val);

   265

                }

   266

                else {

   267

                    let elapsed = now - lastapply;

   268

                    this.pending[index] = new_val;

   269

                    this.inhibit[index] = setTimeout(this.bound_unhinibit, min_interval - elapsed, index);

   270

                }

   271

            }

   272

            else {

   273

                this.pending[index] = new_val;

   274

                return new_val;

   275

            }

   276

        }

   277

   278

        new_hmi_value(index, value, oldval) {

   279

            // TODO avoid searching, store index at sub()

   280

            for(let i = 0; i < this.indexes.length; i++) {

   281

                let refindex = this.get_variable_index(i);

   282

                if(refindex == undefined) continue;

   283

   284

                if(index == refindex) {

   285

                    this._dispatch(value, oldval, i);

   286

                    break;

   287

                }

   288

            }

   289

        }

   290

   291

        _dispatch(value, oldval, varnum) {

   292

            let dispatch = this.dispatch;

   293

            if(dispatch != undefined){

   294

                try {

   295

                    dispatch.call(this, value, oldval, varnum);

   296

                } catch(err) {

   297

                    console.log(err);

   298

                }

   299

            }

   300

        }

   301

   302

        _animate(){

   303

            this.animate();

   304

            this.pending_animate = false;

   305

        }

   306

   307

        request_animate(){

   308

            if(!this.pending_animate){

   309

                pending_widget_animates.push(this);

   310

                this.pending_animate = true;

   311

                requestHMIAnimation();

   312

            }

   313

   314

        }

   315

   316

        activate_activable(eltsub) {

   317

            eltsub.inactive.style.display = "none";

   318

            eltsub.active.style.display = "";

   319

        }

   320

   321

        inactivate_activable(eltsub) {

   322

            eltsub.active.style.display = "none";

   323

            eltsub.inactive.style.display = "";

   324

        }

   325

    }

   326

    ||

   327

}

   328

   329

const "excluded_types", "str:split('Page VarInit VarInitPersistent')";

   330

   331

// Key to filter unique types

   332

key "TypesKey", "widget", "@type";

   333

   334

emit "declarations:hmi-classes" {

   335

    const "used_widget_types", """$parsed_widgets/widget[

   336

                                    generate-id() = generate-id(key('TypesKey', @type)) and 

   337

                                    not(@type = $excluded_types)]""";

   338

    apply "$used_widget_types", mode="widget_class";

   339

}

   340

   341

template "widget", mode="widget_class"

   342

||

   343

class «@type»Widget extends Widget{

   344

    /* empty class, as «@type» widget didn't provide any */

   345

}

   346

||

   347

   348

const "included_ids","$parsed_widgets/widget[not(@type = $excluded_types) and not(@id = $discardable_elements/@id)]/@id";

   349

const "hmi_widgets","$hmi_elements[@id = $included_ids]";

   350

const "result_widgets","$result_svg_ns//*[@id = $hmi_widgets/@id]";

   351

   352

emit "declarations:hmi-elements" {

   353

    | var hmi_widgets = {

   354

    apply "$hmi_widgets", mode="hmi_widgets";

   355

    | }

   356

}

   357

   358

function "defs_by_labels" {

   359

    param "labels","''";

   360

    param "mandatory","'yes'";

   361

    param "subelements","/..";

   362

    param "hmi_element";

   363

    const "widget_type","@type";

   364

    foreach "str:split($labels)" {

   365

        const "name",".";

   366

        const "elt","$result_widgets[@id = $hmi_element/@id]//*[@inkscape:label=$name][1]";

   367

        choose {

   368

            when "not($elt/@id)" {

   369

                if "$mandatory='yes'" {

   370

                    error > «$widget_type» widget must have a «$name» element

   371

                }

   372

                // otherwise produce nothing

   373

            }

   374

            otherwise {

   375

                |     «$name»_elt: id("«$elt/@id»"),

   376

                if "$subelements" {

   377

                |     «$name»_sub: {

   378

                    foreach "str:split($subelements)" {

   379

                        const "subname",".";

   380

                        const "subelt","$elt/*[@inkscape:label=$subname][1]";

   381

                        choose {

   382

                            when "not($subelt/@id)" {

   383

                                if "$mandatory='yes'" {

   384

                                    error > «$widget_type» widget must have a «$name»/«$subname» element

   385

                                }

   386

                |         /* missing «$name»/«$subname» element */

   387

                            }

   388

                            otherwise {

   389

                |         "«$subname»": id("«$subelt/@id»")`if "position()!=last()" > ,`

   390

                            }

   391

                        }

   392

                    }

   393

                |     },

   394

                }

   395

            }

   396

        }

   397

    }

   398

}

   399

   400

def "func:escape_quotes" {

   401

    param "txt";

   402

    // have to use a python string to enter escaped quote

   403

    // const "frstln", "string-length($frst)";

   404

    choose {

   405

        when !"contains($txt,'\"')"! {

   406

            result !"concat(substring-before($txt,'\"'),'\\\"',func:escape_quotes(substring-after($txt,'\"')))"!;

   407

        }

   408

        otherwise {

   409

            result "$txt";

   410

        }

   411

    }

   412

}

   413