modules_template.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <title>Monkey2 Modules Reference</title>
  5. <link rel="stylesheet" href="style.css">
  6. <link rel="stylesheet" href="js-treeview/treeview.css" />
  7. <script type="text/javascript">
  8. function docsNodeClicked( page ){
  9. var url='../modules/'+page.replace( ':','/docs/__PAGES__/' ).replace( /\./g,'-' )+'.html';
  10. document.getElementById( 'docs' ).src=url;
  11. }
  12. </script>
  13. </head>
  14. <body class="page_body">
  15. <div class="modules_content">
  16. <!-- CONTENT -->
  17. <div class="modules_nav_wrapper">
  18. <div id="tree" class="modules_nav_tree"></div>
  19. </div>
  20. <div class="modules_docs_wrapper">
  21. <iframe id="docs" class="modules_docs_iframe"></iframe>
  22. </div>
  23. <script type='text/javascript' src='js-treeview/treeview.js'></script>
  24. <script type='text/javascript'>
  25. var tree = [ ${MX2_API} ];
  26. var t=new TreeView( tree,'tree' );
  27. t.on( 'select',function( args ){
  28. var data=args.data;
  29. if( !data ) return;
  30. var page=data['page'];
  31. if( !page ) return;
  32. docsNodeClicked( page );
  33. } );
  34. t.on( 'expand',function( args ){
  35. var data=JSON.parse( args.target.getAttribute( 'data-item' ) );
  36. if( !data ) return;
  37. var page=data['page'];
  38. if( !page ) return;
  39. docsNodeClicked( page );
  40. } );
  41. </script>
  42. <!-- END -->
  43. </div>
  44. </body>
  45. </html>