modules_template.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Monkey2 Modules Reference</title>
  6. <link rel="stylesheet" href="style.css">
  7. <link rel="stylesheet" href="jstree/dist/themes/default/style.min.css" />
  8. <script src="jstree/dist/libs/jquery-1.9.1.min.js"></script>
  9. <script src="jstree/dist/jstree.min.js"></script>
  10. <script>
  11. function openDocsPage( page ){
  12. var url='../modules/'+page.replace( ':','/docs/__PAGES__/' ).replace( /\./g,'-' )+'.html';
  13. document.getElementById( 'docs' ).src=url;
  14. }
  15. </script>
  16. </head>
  17. <body class="page_body">
  18. <div class="modules_content">
  19. <!-- CONTENT -->
  20. <div class="modules_nav_wrapper">
  21. <form role="search"><input type="text" id="search" placeholder="API search" style="width:100%;" /></form>
  22. <div id="tree" class="modules_nav_tree"></div>
  23. </div>
  24. <div class="modules_docs_wrapper">
  25. <iframe id="docs" class="modules_docs_iframe"></iframe>
  26. </div>
  27. <script>
  28. jQuery( function($){
  29. $('#tree').jstree( {
  30. 'core':{
  31. 'multiple' : false,
  32. 'animation' : false,
  33. 'themes':{
  34. 'dots' : false,
  35. 'icons' : false,
  36. 'stripes' : false
  37. },
  38. 'data':[ ${MX2_API} ]
  39. },
  40. 'plugins':[ 'search' ]
  41. });
  42. $('#tree').on( 'changed.jstree',function( e,data ){
  43. var node=data.instance.get_node( data.selected[0] );
  44. if( !node || !node.data ) return;
  45. var page=node.data.page;
  46. if( !page ) return;
  47. console.log( page );
  48. openDocsPage( page );
  49. } );
  50. var to=false;
  51. $('#search').keyup( function(){
  52. if( to ) { clearTimeout( to ); }
  53. to = setTimeout( function(){
  54. var v = $('#search').val();
  55. $('#tree').jstree( true ).search( v );
  56. },250 );
  57. });
  58. } );
  59. </script>
  60. <!-- END -->
  61. </div>
  62. </body>
  63. </html>