livecodingspace-app/public/ohmlang-lsys/appui.js

function createApp(){

return {
    $cell: true,
    $type: "div",
    class: "propGrid max-width mdc-layout-grid mdc-layout-grid--align-left",
    $components: [
        {
            $cell: true,
            $type: "div",
            class: "mdc-layout-grid__inner",
            $components: [
                {
                    $cell: true,
                    $type: "div",
                    class: "mdc-layout-grid__cell mdc-layout-grid__cell--span-12",
                    $components: [
                        {
                            $cell: true,
                            $type: "button",
                            class: "mdc-button mdc-button--raised",
                            $text: "Draw L-System",
                            onclick: function (e) {
                                let sceneID = vwf.find("","/")[0];
                                vwf_view.kernel.callMethod(sceneID, "drawLSys1");
                            }

                        },
                        {
                            $cell: true,
                            $type: "button",
                            class: "mdc-button mdc-button--raised",
                            $text: "Create new turtle",
                            onclick: function (e) {
                                let sceneID = vwf.find("","/")[0];
                                vwf_view.kernel.callMethod(sceneID, "createNewTurtle");
                            }

                        }

                    ]
                }
            ]
        }
    ]
}
}