1

// widget_customhtml.ysl2

     2

     3

widget_desc("CustomHtml") {

     4

    longdesc

     5

    ||

     6

    CustomHtml widget allows insertion of HTML code in a svg:foreignObject.

     7

    Widget content is replaced by foreignObject. HTML code is obtained from

     8

    "code" labeled text content. HTML insert position and size is given with

     9

    "container" labeled element.

    10

    ||

    11

    12

    shortdesc > Custom HTML insert

    13

    14

    // TODO: support reload and POST based on variable content

    15

}

    16

    17

widget_class("CustomHtml"){

    18

    ||

    19

        frequency = 5;

    20

        widget_size = undefined;

    21

    22

        dispatch(value) {

    23

            this.request_animate();

    24

        }

    25

    26

        animate(){

    27

        }

    28

    29

        init() {

    30

            this.widget_size = this.container_elt.getBBox();

    31

            this.element.innerHTML ='<foreignObject x="'+

    32

                this.widget_size.x+'" y="'+this.widget_size.y+

    33

                '" width="'+this.widget_size.width+'" height="'+this.widget_size.height+'"> '+

    34

                this.code_elt.textContent+

    35

                ' </foreignObject>';

    36

        }

    37

    ||

    38

}

    39

    40

    41

widget_defs("CustomHtml") {

    42

    labels("container code");

    43

}