docs_template.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  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-dark/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. var jstree_theme='default-dark';
  12. // Ok, link format is:
  13. //
  14. // module:nmspace.nmspace.decl, eg "monkey:monkey.types.Int"
  15. //
  16. // ...or...
  17. //
  18. // module:topic#section, eg: "monkey:modules#creating-modules"
  19. //
  20. function openDocsPage( page ){
  21. if( page.indexOf( '#' )!=-1 ){
  22. var url='../modules/'+page.replace( ':','/docs/__MANPAGES__/' ).replace( /\#/g,'.md.html#' );
  23. }else{
  24. var url='../modules/'+page.replace( ':','/docs/__PAGES__/' ).replace( /\./g,'-' )+'.html';
  25. }
  26. //alert( 'page='+page+', url='+url );
  27. var docs=document.getElementById( 'docs-iframe' );
  28. docs.contentWindow.location=url;
  29. }
  30. </script>
  31. </head>
  32. <body class="page_body">
  33. <!-- CONTENT -->
  34. <div class="modules_nav_wrapper">
  35. <form role="search"><input type="text" id="search" placeholder="Search for..." style="width:100%;" /></form>
  36. <div id="tree" class="modules_nav_tree"></div>
  37. </div>
  38. <div class="modules_docs_wrapper">
  39. <iframe id="docs-iframe" class="modules_docs_iframe"></iframe>
  40. </div>
  41. <script>
  42. jQuery( function($){
  43. $('#tree').jstree( {
  44. 'core':{
  45. 'multiple' : false,
  46. 'animation' : false,
  47. 'themes':{
  48. 'name' : jstree_theme,
  49. 'dots' : false,
  50. 'icons' : false,
  51. 'stripes' : false
  52. },
  53. 'data':[ ${DOCS_TREE} ]
  54. },
  55. 'plugins':[ 'search' ]
  56. });
  57. $('#tree').on( 'changed.jstree',function( e,data ){
  58. var node=data.instance.get_node( data.selected[0] );
  59. if( !node || !node.data ) return;
  60. var page=node.data.page;
  61. if( !page ) return;
  62. openDocsPage( page );
  63. });
  64. var to=false;
  65. $('#search').keyup( function(){
  66. if( to ) { clearTimeout( to ); }
  67. to = setTimeout( function(){
  68. var v = $('#search').val();
  69. $('#tree').jstree( true ).search( v );
  70. },250 );
  71. });
  72. } );
  73. </script>
  74. <!-- END -->
  75. </body>
  76. </html>