!7

cmodule TestJSTree > DynPrintLog {
  set flag NoNanoHTTPD.
  !include #1029545 // API for Eleu

  O html(IWebRequest req) {
    new HTMLFramer1 framer;
    framer.title = "Test jsTree";
    framer.addInHead(loadJQuery2());
    framer.addInHead(hscriptsrc("https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.10/jstree.min.js"));
    framer.addInHead(hstylesheetsrc("https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.10/themes/default/style.min.css"));
    framer.addInHead(hsansserif());
    
    framer.add(hdiv(
      tag ul(
        tag li("Root node 1"
          + tag ul(
              li("Child node 1", id := "child_node_1")
            + li("Child node 2"))
        )
      + li("Root node 2")
      ), id := "jstree"));
    framer.add(hscript([[
      $(function() {
        $('#jstree').jstree();
      });
    ]]);
    ret framer.render();
  }
}