added support for multiple doc versions

Author: bethalha-havok

docfx.json

@@ -24,12 +24,20 @@
     ],
     "resource": [
       {
-        "files": [ "External/ReadMeImages/**", "index.html"]
-      }
+        "files": ["index.html", "web/**"],
+      },
+      {
+        "files": [ "External/ReadMeImages/**"],
+      },
+    ],
+    "template": [
+        "default",
+        "templates/mrtk"
     ],
     "globalMetadata": {
       "_appTitle": "Mixed Reality Toolkit Documentation",
       "_enableSearch": true,
+	  "_disableNavbar": false,
 	  "_appLogoPath": "External/ReadMeImages/mrt_logo_icon.png",
 	  "_appFaviconPath": "External/ReadMeImages/favicon.ico"
     },

templates/mrtk/partials/navbar.tmpl.partial

@@ -0,0 +1,26 @@
+{{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
+
+<nav id="autocollapse" class="navbar navbar-inverse ng-scope" role="navigation">
+  <div class="container">
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      {{>partials/logo}}
+    </div>
+  
+  <div class="version-dropdown" id="versionDropdown">
+   </div>
+ 
+  <div class="collapse navbar-collapse" id="navbar">
+      <form class="navbar-form navbar-right" role="search" id="search">
+        <div class="form-group">
+          <input type="text" class="form-control" id="search-query" placeholder="Search" autocomplete="off">
+        </div>
+      </form>
+    </div>
+  </div>
+</nav>

templates/mrtk/styles/main.css

@@ -0,0 +1 @@
+@import "/web/version.css";

templates/mrtk/styles/main.js

@@ -0,0 +1,6 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+
+var imported = document.createElement('script');
+imported.src = '/web/version.js';
+document.head.appendChild(imported);

web/version.css

@@ -0,0 +1,39 @@
+.dropbtn {
+  background-color: #222222;
+  color: white;
+  padding: 16px;
+  font-size: 16px;
+  border: none;
+}
+
+.version-dropdown {
+  position: relative;
+  display: inline-block;
+  float: right;
+  margin-bottom: 0px;
+}
+
+.version-dropdown-content {
+  display: none;
+  position: absolute;
+  background-color: #f1f1f1;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index: 1;
+}
+
+.version-dropdown-content a {
+  color: black;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+}
+
+.version-dropdown-content a:hover {background-color: #ddd;}
+
+.version-dropdown:hover .version-dropdown-content {display: block;}
+
+.version-dropdown:hover .dropbtn {
+	background-color: #000000; 
+	color: white;
+}

web/version.js

@@ -0,0 +1,42 @@
+	
+function createDropdown()
+{
+	// configurable values:
+	var defaultTitle = "mrtk_development"; 	// title in the dropdown for the root version of the docs
+	var versionArray = ["v1.0", "v2.0"];	// list of all versions in the version folder
+	
+	//--------------------------------------
+
+	var versionDropDiv = document.getElementById('versionDropdown');
+	var btn = document.createElement('button');
+	btn.className = "dropbtn";
+	var btnText = document.createTextNode("Version");
+	btn.appendChild(btnText);
+	var innerDiv = document.createElement('div');
+	innerDiv.className = "version-dropdown-content";
+	versionDropDiv.appendChild(btn);
+	versionDropDiv.appendChild(innerDiv);
+
+	// create default
+	createEntry(innerDiv, defaultTitle, "/README.html");
+	
+	// create version entries
+	for (i = 0; i<versionArray.length; i++) 
+	{ 
+		createEntry(innerDiv, versionArray[i], "/version/"+versionArray[i]+"/README.html");
+	}
+}
+
+
+
+function createEntry(attachTo, name, url)
+{
+	var a = document.createElement('a');
+	var linkText = document.createTextNode(name);
+	a.appendChild(linkText);
+	a.href = url;
+	a.title = name;
+	attachTo.appendChild(a);
+}
+
+createDropdown();