<!DOCTYPE html> <?js var that = this; ?> <html lang="en"> <head> <meta charset="utf-8"> <title><?js= this.navOptions.systemName ?> <?js= title ?></title> <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <link type="text/css" rel="stylesheet" href="styles/sunlight.default.css"> <?js if (this.navOptions.theme === "darkstrap"){ ?> <link type="text/css" rel="stylesheet" href="styles/site.cyborg.css"> <link type="text/css" rel="stylesheet" href="styles/darkstrap.css"> <?js } else { ?> <link type="text/css" rel="stylesheet" href="styles/site.<?js= this.navOptions.theme ?>.css"> <?js } ?> </head> <body> <div class="container-fluid"> <div class="navbar navbar-fixed-top <?js= this.navOptions.inverseNav ? 'navbar-inverse' : '' ?>"> <div class="navbar-inner"> <a class="brand" href="<?js= this.nav.index.link ?>"><?js= this.nav.index.title ?></a> <ul class="nav"> <?js this.nav.topLevelNav.forEach(function(entry){ ?> <li class="dropdown"> <a href="<?js= entry.link ?>" class="dropdown-toggle" data-toggle="dropdown"><?js= entry.title ?><b class="caret"></b></a> <ul class="dropdown-menu <?js= that.navOptions.navType ==='inline' ? 'inline' : '' ?>"> <?js entry.members.forEach(function(member){ ?> <li> <?js= member ?> </li> <?js }); ?> </ul> </li> <?js }); ?> </ul> </div> </div> <div class="row-fluid"> <?js if(docs && docs[0].kind !== "source"){ ?> <div class="span8"> <?js }else{ ?> <div class="span12"> <?js } ?> <div id="main"> <?js= content ?> </div> <div class="clearfix"></div> <footer> <?js if (that.navOptions.footer.length > 0){ ?> <?js= that.navOptions.footer ?> <br /> <?js } ?> <?js if (that.navOptions.copyright.length > 0){ ?> <span class="copyright"> <?js= that.navOptions.copyright ?> </span> <br /> <?js } ?> <span class="jsdoc-message"> Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc <?js= env.version.number ?></a> on <?js= (new Date()) ?> using the <a href="https://github.com/terryweiss/docstrap">DocStrap template</a>. </span> </footer> </div> <?js if(docs && docs[0].kind !== "source"){ ?> <div class="span3"> <div id="toc"></div> </div> <?js } ?> <br clear="both"> </div> </div> <script src="scripts/sunlight.js"></script> <script src="scripts/sunlight.javascript.js"></script> <script src="scripts/sunlight-plugin.doclinks.js"></script> <script src="scripts/sunlight-plugin.linenumbers.js"></script> <script src="scripts/sunlight-plugin.menu.js"></script> <script src="scripts/jquery.min.js"></script> <script src="scripts/jquery.scrollTo.js"></script> <script src="scripts/jquery.localScroll.js"></script> <script src="scripts/bootstrap-dropdown.js"></script> <script src="scripts/toc.js"></script> <script> Sunlight.highlightAll({lineNumbers:<?js= this.navOptions.linenums ?>, showMenu: true, enableDoclinks :true}); </script> <script> $( function () { $( "#toc" ).toc( { selectors : "h1,h2,h3,h4", showAndHide : false, scrollTo : 60 } ); $( "#toc>ul" ).addClass( "nav nav-pills nav-stacked" ); $( "#main span[id^='toc']" ).addClass( "toc-shim" ); } ); </script> <?js if (this.navOptions.collapseSymbols) { ?> <script> $( function () { $('#main').localScroll({ offset: { top: 56 } //offset by the height of your header (give or take a few px, see what works for you) }); $( "dt h4.name" ).each( function () { var $this = $( this ); var icon = $( "<i/>" ).addClass( "icon-plus-sign" ).addClass( "pull-right" ).addClass( "icon-white" ); var dt = $this.parents( "dt" ); var children = dt.next( "dd" ); $this.append( icon ).css( {cursor : "pointer"} ); $this.addClass( "member-collapsed" ).addClass( "member" ); children.hide(); $this.toggle( function () { icon.addClass( "icon-minus-sign" ).removeClass( "icon-plus-sign" ).removeClass( "icon-white" ); $this.addClass( "member-open" ).removeClass( "member-collapsed" ); children.slideDown(); }, function () { icon.addClass( "icon-plus-sign" ).removeClass( "icon-minus-sign" ).addClass( "icon-white" ); $this.addClass( "member-collapsed" ).removeClass( "member-open" ); children.slideUp(); } ); } ); } ); </script> <?js } ?> </body> </html>