Merge pull request #3665 from thalbern/feature/fix_paths_for_githubio

fixed paths in dropdown generation

Author: keveleigh

templates/mrtk/partials/navbar.tmpl.partial

@@ -13,22 +13,6 @@
     </div>
 
   <div class="version-dropdown" id="versionDropdown">
-	<script>
-		// include dropdown script
-		var imported = document.createElement('script');
-		imported.src = '{{_rel}}web/version.js';
-		document.head.appendChild(imported);
-		
-		// include dropdown css
-		var head  = document.getElementsByTagName('head')[0];
-		var link  = document.createElement('link');
-		//link.id   = cssId;
-		link.rel  = 'stylesheet';
-		link.type = 'text/css';
-		link.href = '{{_rel}}web/version.css';
-		link.media = 'all';
-		head.appendChild(link);
-	</script>
    </div>
 
   <div class="collapse navbar-collapse" id="navbar">

templates/mrtk/styles/main.js

@@ -0,0 +1,35 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+function createSharedTags()
+{
+	// get web root path
+	var scripts = document.getElementsByTagName("script");
+	var scriptPath = scripts[scripts.length-1].src;
+	var versionIndex = scriptPath.lastIndexOf('version/');
+	var rootDir = scriptPath;
+	if (versionIndex > 0)
+	{
+		rootDir = scriptPath.substring(0, versionIndex);
+	}
+	else
+	{
+		rootDir = scriptPath.substring(0, scriptPath.lastIndexOf('styles/'));
+	}
+	
+	// include dropdown script
+	var imported = document.createElement('script');
+	imported.src = rootDir+'web/version.js';
+	imported.id = 'dropdownScript';
+	document.head.appendChild(imported);
+	
+	// include dropdown css
+	var head  = document.getElementsByTagName('head')[0];
+	var link  = document.createElement('link');
+	link.rel  = 'stylesheet';
+	link.type = 'text/css';
+	link.href = rootDir+'web/version.css';
+	link.media = 'all';
+	head.appendChild(link);
+}
+
+createSharedTags();

web/version.js

@@ -16,14 +16,28 @@ function createDropdown()
 	innerDiv.className = "version-dropdown-content";
 	versionDropDiv.appendChild(btn);
 	versionDropDiv.appendChild(innerDiv);
-
+	
+	// get web root path
+	var script = document.getElementById('dropdownScript');
+	var scriptPath = script.src;
+	var versionIndex = scriptPath.lastIndexOf('version/');
+	var rootDir = scriptPath;
+	if (versionIndex > 0)
+	{
+		rootDir = scriptPath.substring(0, versionIndex);
+	}
+	else
+	{	
+		rootDir = scriptPath.substring(0, scriptPath.lastIndexOf('web/'));
+	}
+	
 	// create default
-	createEntry(innerDiv, defaultTitle, "../README.html");
+	createEntry(innerDiv, defaultTitle, rootDir+"README.html");
 
 	// create version entries
 	for (i = 0; i<versionArray.length; i++) 
 	{ 
-		createEntry(innerDiv, versionArray[i], "../version/"+versionArray[i]+"/README.html");
+		createEntry(innerDiv, versionArray[i], rootDir+"version/"+versionArray[i]+"/README.html");
 	}
 }