plugins/org.eclipse.mylyn.docs.intent.exporter/src/org/eclipse/mylyn/docs/intent/exporter/main/HTMLBootstrapGenDocument.mtl - intent/org.eclipse.mylyn.docs.intent.main - Gitiles

 [comment encoding = UTF-8 /]
 [module HTMLBootstrapGenDocument('http://www.eclipse.org/intent/intentdocument/0.7', 'http://www.eclipse.org/intent/modelingunit/0.7', 'http://www.eclipse.org/intent/markup/0.7', 'http://www.eclipse.org/intent/markup/generator/0.7')/]


 [import org::eclipse::mylyn::docs::intent::exporter::main::generateToc/]
 [import org::eclipse::mylyn::docs::intent::exporter::main::generateHTMLContent/]
 [import org::eclipse::mylyn::docs::intent::markup::gen::files::html /]
 [import org::eclipse::mylyn::docs::intent::markup::gen::files::htmlGenDocument/]

 [query public fileName(documentName : String) : String =
  	documentName.replace(' ', '') + '.html'
 /]

 [template public HTMLBootstrapGenDocumentDocument(element : IntentDocument, intentDocumentName : String )]
 [comment @main /]
 [file (fileName(intentDocumentName), false, 'UTF-8')]
 [comment Step 1: create top navigation bar/]
 [generateNavigationBar(element, intentDocumentName)/]

 [comment Step 2: generate TOC/]
 [generateTOC(element)/]

 [comment Step 3: generate documentation content/]
 [generateHTMLContent(element)/]

 [comment Step 4: generate footer/]
 [generateFooter(element)/]
 [/file]
 [/template]


 [template public generateNavigationBar (intentDocument : IntentDocument, intentDocumentName : String) ]
 <!doctype html>
 <html>
 	<head>
 		<title>[intentDocumentName/]</title>
 	<link href="./css/bootstrap.css" rel="stylesheet">
 	<link href="./css/bootstrap-responsive.css" rel="stylesheet">
 	<link href="./css/toc.css" rel="stylesheet">
 	<link href="./css/tree.css" rel="stylesheet">
 	<style>
 	   body {
 	       padding-top: 60px;
 	   }
     </style>
   	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 </head>
 <body>

  	<div id="topbar" class="navbar navbar-fixed-top" data-dropdown="dropdown">
   		<div class="navbar-inner">
        		<div class="container" style="width: auto;">
 	         	 <h3> <a class="brand" href="#"> [intentDocumentName/] </a></h3>
 				 <ul class="nav">
 					<li><a href="#">Text documentation</a></li>
 					<li><a href="#">Models</a></li>
 				 </ul>
 				 <form class="navbar-search pull-left" action="">
 						<input type="text" placeholder="Search" />
 				</form>

 				<ul class="nav pull-right">
 					<li class="dropdown">
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown">Options <b class="caret"></b></a>
 						<ul class="dropdown-menu">
 							<li id="hidden_table_of_content">
 								<a href="#" onClick="hideToc()">Hide Table Of Contents</a>
 							</li>
 						</ul>
 					</li>
 				</ul>
         	</div>
   		</div>
 	</div>
 [/template]

 [template public generateFooter (aIntentDocument : IntentDocument) ]
 <script type="text/javascript" src="./scripts/jquery.js"></script>
 <script type="text/javascript" src="./scripts/jquery.jstree.js" ></script>
 <script type="text/javascript" src="./scripts/bootstrap-twipsy.js"></script>
 <script type="text/javascript" src="./scripts/bootstrap-tooltip.js"></script>
 <script type="text/javascript" src="./scripts/bootstrap-popover.js"></script>
 <script type="text/javascript" src="./scripts/bootstrap-modal.js"></script>
 <script type="text/javascript" src="./scripts/bootstrap-tabs.js"></script>
 <script type="text/javascript" src="./scripts/bootstrap-dropdown.js" ></script>
 <script type="text/javascript" src="./scripts/prettify.js"></script>
 <script type="text/javascript" src="./scripts/bootstrap-transition.js"></script>
 <script type="text/javascript" src="./scripts/bootstrap-scrollspy.js"></script>
 <script type="text/javascript">
 	$(function () {
 		$("#toc").jstree({ "plugins" : ['['/]"themes","html_data","ui"]})
 	});
 </script>
 <script language="javascript">
 		var toc = document.getElementById("table_of_content");
 		var hiddenToc = document.getElementById("hidden_table_of_content");
 		var content = document.getElementById("content");

 		function hideToc() {
 			toc.style.display = "none";
 			content.style.padding = "0px 0px 0px 50px";
 			hiddenToc.innerHTML = '<a href="#" onClick="revealToc()"><i class="icon-list-alt"/>Show Table Of Contents</a>';
 		}
 		function revealToc() {
 			toc.style.display = "block";
 			content.style.padding = "0px 0px 0px 350px";
 			hiddenToc.innerHTML = '<a href="#" onClick="hideToc()"><i class="icon-remove"/>Hide Table Of Contents</a>';
 		}
 		function bindToc(id){
 			var parentId = "#toc_";
 			for (i =5; i<id.length-1; i = i+2){
 				if (i==5) {
 					parentId += id['['/]i];
 				} else {
 				parentId += "." + id['['/]i];
 				}
 				alert(parentId);
 				$.jstree._reference(parentId).open_node(parentId);
 			}
 			$("#toc").jstree("set_focus");
 			$.jstree._focused().select_node(id);
 		}
 	$(function () {
 		$("a['['/]rel=popover]")
 		.popover({
 			animation:true,
 			offset: 10,
 			html:true,
 			trigger:"hover",
 			delay: { show: 0, hide: 100000 }
 			})
 		.click(function(e) {
 		  e.preventDefault()
 		})
 	})
 </script>
 </body>
 </html>
 [/template]


 [query public documentTitle(intentDocument : IntentDocument) :String =
     invoke('org.eclipse.mylyn.docs.intent.exporter.services.IntentAcceleoServices', 'getDocumentTitle(org.eclipse.emf.ecore.EObject)', Sequence{intentDocument})
 /]
	[comment encoding = UTF-8 /]
	[module HTMLBootstrapGenDocument('http://www.eclipse.org/intent/intentdocument/0.7', 'http://www.eclipse.org/intent/modelingunit/0.7', 'http://www.eclipse.org/intent/markup/0.7', 'http://www.eclipse.org/intent/markup/generator/0.7')/]



	[import org::eclipse::mylyn::docs::intent::exporter::main::generateToc/]
	[import org::eclipse::mylyn::docs::intent::exporter::main::generateHTMLContent/]
	[import org::eclipse::mylyn::docs::intent::markup::gen::files::html /]
	[import org::eclipse::mylyn::docs::intent::markup::gen::files::htmlGenDocument/]

	[query public fileName(documentName : String) : String =
	documentName.replace(' ', '') + '.html'
	/]

	[template public HTMLBootstrapGenDocumentDocument(element : IntentDocument, intentDocumentName : String )]
	[comment @main /]
	[file (fileName(intentDocumentName), false, 'UTF-8')]
	[comment Step 1: create top navigation bar/]
	[generateNavigationBar(element, intentDocumentName)/]

	[comment Step 2: generate TOC/]
	[generateTOC(element)/]

	[comment Step 3: generate documentation content/]
	[generateHTMLContent(element)/]

	[comment Step 4: generate footer/]
	[generateFooter(element)/]
	[/file]
	[/template]



	[template public generateNavigationBar (intentDocument : IntentDocument, intentDocumentName : String) ]
	<!doctype html>
	<html>
	<head>
	<title>[intentDocumentName/]</title>
	<link href="./css/bootstrap.css" rel="stylesheet">
	<link href="./css/bootstrap-responsive.css" rel="stylesheet">
	<link href="./css/toc.css" rel="stylesheet">
	<link href="./css/tree.css" rel="stylesheet">
	<style>
	body {
	padding-top: 60px;
	}
	</style>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	</head>
	<body>

	<div id="topbar" class="navbar navbar-fixed-top" data-dropdown="dropdown">
	<div class="navbar-inner">
	<div class="container" style="width: auto;">
	<h3> <a class="brand" href="#"> [intentDocumentName/] </a></h3>
	<ul class="nav">
	<li><a href="#">Text documentation</a></li>
	<li><a href="#">Models</a></li>
	</ul>
	<form class="navbar-search pull-left" action="">
	<input type="text" placeholder="Search" />
	</form>

	<ul class="nav pull-right">
	<li class="dropdown">
	<a href="#" class="dropdown-toggle" data-toggle="dropdown">Options <b class="caret"></b></a>
	<ul class="dropdown-menu">
	<li id="hidden_table_of_content">
	<a href="#" onClick="hideToc()">Hide Table Of Contents</a>
	</li>
	</ul>
	</li>
	</ul>
	</div>
	</div>
	</div>
	[/template]

	[template public generateFooter (aIntentDocument : IntentDocument) ]
	<script type="text/javascript" src="./scripts/jquery.js"></script>
	<script type="text/javascript" src="./scripts/jquery.jstree.js" ></script>
	<script type="text/javascript" src="./scripts/bootstrap-twipsy.js"></script>
	<script type="text/javascript" src="./scripts/bootstrap-tooltip.js"></script>
	<script type="text/javascript" src="./scripts/bootstrap-popover.js"></script>
	<script type="text/javascript" src="./scripts/bootstrap-modal.js"></script>
	<script type="text/javascript" src="./scripts/bootstrap-tabs.js"></script>
	<script type="text/javascript" src="./scripts/bootstrap-dropdown.js" ></script>
	<script type="text/javascript" src="./scripts/prettify.js"></script>
	<script type="text/javascript" src="./scripts/bootstrap-transition.js"></script>
	<script type="text/javascript" src="./scripts/bootstrap-scrollspy.js"></script>
	<script type="text/javascript">
	$(function () {
	$("#toc").jstree({ "plugins" : ['['/]"themes","html_data","ui"]})
	});
	</script>
	<script language="javascript">
	var toc = document.getElementById("table_of_content");
	var hiddenToc = document.getElementById("hidden_table_of_content");
	var content = document.getElementById("content");

	function hideToc() {
	toc.style.display = "none";
	content.style.padding = "0px 0px 0px 50px";
	hiddenToc.innerHTML = '<a href="#" onClick="revealToc()"><i class="icon-list-alt"/>Show Table Of Contents</a>';
	}
	function revealToc() {
	toc.style.display = "block";
	content.style.padding = "0px 0px 0px 350px";
	hiddenToc.innerHTML = '<a href="#" onClick="hideToc()"><i class="icon-remove"/>Hide Table Of Contents</a>';
	}
	function bindToc(id){
	var parentId = "#toc_";
	for (i =5; i<id.length-1; i = i+2){
	if (i==5) {
	parentId += id['['/]i];
	} else {
	parentId += "." + id['['/]i];
	}
	alert(parentId);
	$.jstree._reference(parentId).open_node(parentId);
	}
	$("#toc").jstree("set_focus");
	$.jstree._focused().select_node(id);
	}
	$(function () {
	$("a['['/]rel=popover]")
	.popover({
	animation:true,
	offset: 10,
	html:true,
	trigger:"hover",
	delay: { show: 0, hide: 100000 }
	})
	.click(function(e) {
	e.preventDefault()
	})
	})
	</script>
	</body>
	</html>
	[/template]


	[query public documentTitle(intentDocument : IntentDocument) :String =
	invoke('org.eclipse.mylyn.docs.intent.exporter.services.IntentAcceleoServices', 'getDocumentTitle(org.eclipse.emf.ecore.EObject)', Sequence{intentDocument})
	/]