1

// widget_jump.ysl2

     2

     3

widget_desc("Jump") {

     4

    longdesc

     5

    ||

     7

    gives name of the page.

     8

    11

    18

    "active"+"inactive" labeled elements can be provided and reflect current

    19

    page being shown.

    20

    38

    ||

    39

    40

    shortdesc > Jump to given page

    41

    42

    arg name="page" accepts="string" > name of page to jump to

    43

    44

    path name="reference" count="optional" accepts="HMI_NODE" > reference for relative jump

    45

}

    46

    47

widget_class("Jump") {

    48

||

    49

        activable = false;

    50

        active = false;

    51

        frequency = 2;

    52

    53

        update_activity() {

    55

        }

    56

    57

        update_disability() {

    60

                this.update_activity();

    61

            }

    62

        }

    63

    64

        make_on_click() {

    65

            let that = this;

    66

            const name = this.args[0];

    67

            return function(evt){

    68

                /* TODO: in order to allow jumps to page selected through for exemple a dropdown,

    69

                   support path pointing to local variable whom value 

    70

                   would be an HMI_TREE index and then jump to a relative page not hard-coded in advance */

    73

                    fading_page_switch(name, index);

    74

                }

    75

            }

    76

        }

    77

    78

        notify_page_change(page_name, index) {

    79

            if(this.activable) {

    80

                const ref_index = this.indexes.length > 0 ? this.indexes[0] + this.offset : undefined;

    81

                const ref_name = this.args[0];

    82

                this.active = ((ref_name == undefined || ref_name == page_name) && index == ref_index);

    83

                this.update_state();

    84

            }

    85

        }

    86

    88

            this.update_state();

    89

        }

    90

||

    91

}

    92

    98

widget_defs("Jump") {

   100

   102

   103

    |     init: function() {

   104

    |         this.element.onclick = this.make_on_click();

   106

    |         this.activable = true;

   107

    }

   108

    >         this.update_state = 

   109

    choose {

   111

            > this.update_disability

   112

        }

   114

            > this.update_activity

   115

        }

   124

    }

   125

    > ;\n

   126

    |     },

   127

   128

}

   129

   130

widget_page("Jump"){

   131

    param "page_desc";

   137

        /* when no page name provided, check for same page */

   138

        const "target_page_name" choose {

   139

            when "arg" value "arg[1]/@value";

   140

            otherwise value "$page_desc/arg[1]/@value";

   141

        }

   142

        const "target_page_path" choose {

   143

            when "arg" value "$hmi_pages_descs[arg[1]/@value = $target_page_name]/path[1]/@value";

   144

            otherwise value "$page_desc/path[1]/@value";

   145

        }

   146

   147

        if "not(func:same_class_paths($target_page_path, path[1]/@value))"

   148

            error > Jump id="«@id»" to page "«$target_page_name»" with incompatible path "«path[1]/@value» (must be same class as "«$target_page_path»")

   150

    }

   151

}

   152

   155

/* TODO: move to detachable pages ysl2 */

   156

emit "cssdefs:jump"

   157

||

   158

.fade-out-page {

   159

    animation: cubic-bezier(0, 0.8, 0.6, 1) fadeOut 0.6s both;

   160

}

   161

   162

@keyframes fadeOut {

   163

    0% { opacity: 1; }

   164

    100% { opacity: 0; }

   165

}

   166

   167

||

   168

   169

emit "declarations:jump"

   170

||

   171

var jumps_need_update = false;

   172

var jump_history = [[default_page, undefined]];

   173

   174

function update_jumps() {

   175

    page_desc[current_visible_page].jumps.map(w=>w.notify_page_change(current_visible_page,current_page_index));

   176

    jumps_need_update = false;

   177

};

   178

   179

||

   180