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

in xsl decl widget_desc(%name, match="widget[@type='%name']", mode="widget_desc") alias template {

    25

    type > «@type»

    26

    content;

    27

};

    28

    29

in xsl decl widget_class(%name, *clsname="%nameWidget", match="widget[@type='%name']", mode="widget_class") alias template {

    30

    | class `text **clsname` extends Widget{

    31

    content;

    32

    | }

    33

};

    34

    35

in xsl decl widget_defs(%name, match="widget[@type='%name']", mode="widget_defs") alias template {

    36

    param "hmi_element";

    37

    content;

    38

};

    39

    40

in xsl decl widget_page(%name, match="widget[@type='%name']", mode="widget_page") alias template {

    41

    param "page_desc";

    42

    content;

    43

};

    44

    45

decl gen_index_xhtml alias - {

    46

    content;

    47

};

    48

    49

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

    50

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

    51

    const "eltid","@id";

    52

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

    53

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

    54

        choose {

    55

            when "not(@index)" {

    56

                choose {

    57

                    when "not(@type)" {

    58

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

    59

                        > undefined

    60

                    }

    61

                    when "@type = 'PAGE_LOCAL'" 

    62

                        > "«@value»"

    63

                    when "@type = 'HMI_LOCAL'" 

    64

                        > hmi_local_index("«@value»")

    65

                    otherwise 

    66

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

    67

                }

    68

            }

    69

            otherwise {

    70

                > «@index»

    71

            }

    72

        }

    73

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

    74

    }

    75

    76

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

    77

        choose {

    78

            when "@min and @max"

    79

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

    80

            otherwise

    81

                > undefined

    82

        }

    83

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

    84

    }

    85

    86

    const "freq" choose {

    87

        when "$widget/@freq"

    88

            > «$widget/@freq»

    89

        otherwise

    90

            > undefined

    91

    }

    92

    93

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

    94

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

    95

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

    96

}

    97

    98

emit "preamble:local-variable-indexes" {

    99

    ||

   100

   101

    let hmi_locals = {};

   102

    var last_remote_index = hmitree_types.length - 1;

   103

    var next_available_index = hmitree_types.length;

   104

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

   105

   106

    const local_defaults = {

   107

    ||

   108

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

   109

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

   110

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

   111

        >     "«path/@value»":

   112

        choose {

   113

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

   114

            otherwise > «arg[1]/@value»

   115

        }

   116

        > \n

   117

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

   118

    }

   119

    ||

   120

    };

   121

   122

    const persistent_locals = new Set([

   123

    ||

   124

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

   125

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

   126

    }

   127

    ||

   128

    ]);

   129

    var persistent_indexes = new Map();

   130

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

   131

    var updates = new Map();

   132

   133

    function page_local_index(varname, pagename){

   134

        let pagevars = hmi_locals[pagename];

   135

        let new_index;

   136

        if(pagevars == undefined){

   137

            new_index = next_available_index++;

   138

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

   139

        } else {

   140

            let result = pagevars[varname];

   141

            if(result != undefined) {

   142

                return result;

   143

            }

   144

   145

            new_index = next_available_index++;

   146

            pagevars[varname] = new_index;

   147

        }

   148

        let defaultval = local_defaults[varname];

   149

        if(defaultval != undefined) {

   150

            cache[new_index] = defaultval; 

   151

            updates.set(new_index, defaultval);

   152

            if(persistent_locals.has(varname))

   153

                persistent_indexes.set(new_index, varname);

   154

        }

   155

        return new_index;

   156

    }

   157

   158

    function hmi_local_index(varname){

   159

        return page_local_index(varname, "HMI_LOCAL");

   160

    }

   161

    ||

   162

}

   163

   164

emit "preamble:widget-base-class" {

   165

    ||

   166

    var pending_widget_animates = [];

   167

   168

    class Widget {

   169

        offset = 0;

   170

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

   171

        unsubscribable = false;

   172

        pending_animate = false;

   173

   174

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

   175

            this.element_id = elt_id;

   176

            this.element = id(elt_id);

   177

            this.args = args;

   178

            this.indexes = indexes;

   179

            this.minmaxes = minmaxes;

   180

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

   181

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

   182

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

   183

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

   184

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

   185

            this.forced_frequency = freq;

   186

        }

   187

   188

        unsub(){

   189

            /* remove subsribers */

   190

            if(!this.unsubscribable)

   191

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

   192

                    /* flush updates pending because of inhibition */

   193

                    let inhibition = this.inhibit[i];

   194

                    if(inhibition != undefined){

   195

                        clearTimeout(inhibition);

   196

                        this.lastapply[i] = undefined;

   197

                        this.unhinibit(i);

   198

                    }

   199

                    let index = this.indexes[i];

   200

                    if(this.relativeness[i])

   201

                        index += this.offset;

   202

                    subscribers(index).delete(this);

   203

                }

   204

            this.offset = 0;

   205

            this.relativeness = undefined;

   206

        }

   207

   208

        sub(new_offset=0, relativeness, container_id){

   209

            this.offset = new_offset;

   210

            this.relativeness = relativeness;

   211

            this.container_id = container_id ;

   212

            /* add this's subsribers */

   213

            if(!this.unsubscribable)

   214

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

   215

                    let index = this.get_variable_index(i);

   216

                    if(index == undefined) continue;

   217

                    subscribers(index).add(this);

   218

                }

   219

            need_cache_apply.push(this); 

   220

        }

   221

   222

        apply_cache() {

   223

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

   224

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

   225

                let realindex = this.get_variable_index(index);

   226

                if(realindex == undefined) continue;

   227

                let cached_val = cache[realindex];

   228

                if(cached_val != undefined)

   229

                    this._dispatch(cached_val, cached_val, index);

   230

            }

   231

        }

   232

   233

        get_variable_index(varnum) {

   234

            let index = this.indexes[varnum];

   235

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

   236

                index = page_local_index(index, this.container_id);

   237

            } else {

   238

                if(this.relativeness[varnum]){

   239

                    index += this.offset;

   240

                }

   241

            }

   242

            return index;

   243

        }

   244

   245

        overshot(new_val, max) {

   246

        }

   247

   248

        undershot(new_val, min) {

   249

        }

   250

   251

        clip_min_max(index, new_val) {

   252

            let minmax = this.minmaxes[index];

   253

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

   254

                let [min,max] = minmax;

   255

                if(new_val < min){

   256

                    this.undershot(new_val, min);

   257

                    return min;

   258

                }

   259

                if(new_val > max){

   260

                    this.overshot(new_val, max);

   261

                    return max;

   262

                }

   263

            }

   264

            return new_val;

   265

        }

   266

   267

        change_hmi_value(index, opstr) {

   268

            let realindex = this.get_variable_index(index);

   269

            if(realindex == undefined) return undefined;

   270

            let old_val = cache[realindex];

   271

            let new_val = eval_operation_string(old_val, opstr);

   272

            new_val = this.clip_min_max(index, new_val);

   273

            return apply_hmi_value(realindex, new_val);

   274

        }

   275

   276

        _apply_hmi_value(index, new_val) {

   277

            let realindex = this.get_variable_index(index);

   278

            if(realindex == undefined) return undefined;

   279

            new_val = this.clip_min_max(index, new_val);

   280

            return apply_hmi_value(realindex, new_val);

   281

        }

   282

   283

        unhinibit(index){

   284

            this.inhibit[index] = undefined;

   285

            let new_val = this.pending[index];

   286

            this.pending[index] = undefined;

   287

            return this.apply_hmi_value(index, new_val);

   288

        }

   289

   290

        apply_hmi_value(index, new_val) {

   291

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

   292

                let now = Date.now();

   293

                let min_interval = 1000/this.frequency;

   294

                let lastapply = this.lastapply[index];

   295

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

   296

                    this.lastapply[index] = now;

   297

                    return this._apply_hmi_value(index, new_val);

   298

                }

   299

                else {

   300

                    let elapsed = now - lastapply;

   301

                    this.pending[index] = new_val;

   302

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

   303

                }

   304

            }

   305

            else {

   306

                this.pending[index] = new_val;

   307

                return new_val;

   308

            }

   309

        }

   310

   311

        new_hmi_value(index, value, oldval) {

   312

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

   313

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

   314

                let refindex = this.get_variable_index(i);

   315

                if(refindex == undefined) continue;

   316

   317

                if(index == refindex) {

   318

                    this._dispatch(value, oldval, i);

   319

                    break;

   320

                }

   321

            }

   322

        }

   323

   324

        _dispatch(value, oldval, varnum) {

   325

            let dispatch = this.dispatch;

   326

            if(dispatch != undefined){

   327

                try {

   328

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

   329

                } catch(err) {

   330

                    console.log(err);

   331

                }

   332

            }

   333

        }

   334

   335

        _animate(){

   336

            this.animate();

   337

            this.pending_animate = false;

   338

        }

   339

   340

        request_animate(){

   341

            if(!this.pending_animate){

   342

                pending_widget_animates.push(this);

   343

                this.pending_animate = true;

   344

                requestHMIAnimation();

   345

            }

   346

   347

        }

   348

   349

        activate_activable(eltsub) {

   350

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

   351

            eltsub.active.style.display = "";

   352

        }

   353

   354

        inactivate_activable(eltsub) {

   355

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

   356

            eltsub.inactive.style.display = "";

   357

        }

   358

    }

   359

    ||

   360

}

   361

   362

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

   363

   364

// Key to filter unique types

   365

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

   366

   367

emit "declarations:hmi-classes" {

   368

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

   369

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

   370

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

   371

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

   372

}

   373

   374

template "widget", mode="widget_class"

   375

||

   376

class «@type»Widget extends Widget{

   377

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

   378

}

   379

||

   380

   381

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

   382

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

   383

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

   384

   385

emit "declarations:hmi-elements" {

   386

    | var hmi_widgets = {

   387

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

   388

    | }

   389

}

   390

   391

function "defs_by_labels" {

   392

    param "labels","''";

   393

    param "mandatory","'yes'";

   394

    param "subelements","/..";

   395

    param "hmi_element";

   396

    const "widget_type","@type";

   397

    foreach "str:split($labels)" {

   398

        const "name",".";

   399

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

   400

        choose {

   401

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

   402

                if "$mandatory='yes'" {

   403

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

   404

                }

   405

                // otherwise produce nothing

   406

            }

   407

            otherwise {

   408

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

   409

                if "$subelements" {

   410

                |     «$name»_sub: {

   411

                    foreach "str:split($subelements)" {

   412

                        const "subname",".";

   413

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

   414

                        choose {

   415

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

   416

                                if "$mandatory='yes'" {

   417

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

   418

                                }

   419

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

   420

                            }

   421

                            otherwise {

   422

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

   423

                            }

   424

                        }

   425

                    }

   426

                |     },

   427

                }

   428

            }

   429

        }

   430

    }

   431

}

   432

   433

def "func:escape_quotes" {

   434

    param "txt";

   435

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

   436

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

   437

    choose {

   438

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

   439

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

   440

        }

   441

        otherwise {

   442

            result "$txt";

   443

        }

   444

    }

   445

}

   446