V 1.13 js archives (docker#2314)

Misty Stanley-Jones · web-flow · commit 7e31e1cbe33f · 2017-03-14T16:14:40.000-07:00
* Add an admonition to the top of the archive Only works if you are online and the JSON file is available at https://docs.docker.com/js/archives.json * Remove tour CTA and JS * Remove old archive links
diff --git a/_data/toc.yaml b/_data/toc.yaml
@@ -446,28 +446,6 @@ guides:
     title: Where to chat or get help
   - path: /opensource/doc-style/
     title: Style guide for Docker documentation
-- sectiontitle: Docs archive
-  section:
-  - path: /docsarchive/
-    title: View the docs archives
-  - path: /v1.4
-    title: v1.4
-  - path: /v1.5
-    title: v1.5
-  - path: /v1.6
-    title: v1.6
-  - path: /v1.7
-    title: v1.7
-  - path: /v1.8
-    title: v1.8
-  - path: /v1.9
-    title: v1.9
-  - path: /v1.10
-    title: v1.10
-  - path: /v1.11
-    title: v1.11
-  - path: /v1.12
-    title: v1.12
 
 reference:
 - title: Dockerfile reference
diff --git a/_layouts/docs.html b/_layouts/docs.html
@@ -199,7 +199,6 @@
 					<ul id="top-nav" class="tabs col-xs-12 col-sm-10 col-md-10">
 						{% include treebuilder.html %}
 					</ul>
-					<div id="start-tour-container" class="hidden-xs col-sm-2 col-md-2"><div id="start-tour">Tour our new<br />navigation!</div></div>
 			</div>
       <div class="" ng-non-bindable>
         <div class="container-fluid">
@@ -412,11 +411,11 @@ <h6>Related Links</h6>
   <script src="/js/highlight.pack.js"></script>
   <script>hljs.initHighlightingOnLoad();</script>
   <script src="/js/alljs.js"></script>
+	<script src="/js/bootstrap.min.js"></script>
+	<script src="/js/archive.js"></script>
   <script async="" src="/js/menu.js"></script>
   <script async="" src="/js/app.js"></script>
   <script async="" src="/js/anchorlinks.js"></script>
-	<script src="/js/hopscotch.js"></script>
-	<script src="/js/my_first_tour.js"></script>
 </div>
 <div id="mktoStyleLoaded" style="display: none; border-top-color: rgb(18, 52, 86);"></div>
 <form class="ng-pristine ng-valid mktoForm mktoHasWidth mktoLayoutLeft" novalidate style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: rgb(51, 51, 51); visibility: hidden; position: absolute; top: -500px; left: -1000px; width: 1602px;">
diff --git a/js/archive.js b/js/archive.js
@@ -0,0 +1,27 @@
+/* Obly run this if we are online*/
+if (window.navigator.onLine) {
+  var dockerVersion = '1.13';
+  /* This JSON file contains a current list of all docs versions of Docker */
+  $.getJSON("https://docs.docker.com/js/archives.json", function(result){
+    var outerDivStart = '<div style="padding-top: 10px; padding-bottom: 10px; min-height: 34px; border: 1px solid #254356; background-color: #FFE1C0; color: #254356"><div class="container"><div style="text-align: center"><span id="archive-list">This is <b><a href="https://docs.docker.com/docsarchive/" style="color: #254356; text-decoration: underline !important">archived documentation</a></b> for Docker&nbsp;' + dockerVersion + '. Go to the <a style="color: #254356; text-decoration: underline !important" href="https://docs.docker.com/">latest docs</a> or a different version:&nbsp;&nbsp;</span>' +
+                               '<span style="z-index: 1001" class="dropdown">';
+    var listStart = '<ul class="dropdown-menu" role="menu" aria-labelledby="archive-menu">';
+    var listEnd = '</ul>';
+    var outerDivEnd = '</span></div></div></div>';
+    var buttonCode = null;
+    var listItems = new Array();
+    $.each(result, function(i, field){
+      var prettyName = 'Docker ' + field.name.replace("v", "");
+      // If this archive has current = true, and we don't already have a button
+      if ( field.current && buttonCode == null ) {
+        // Get the button code
+        buttonCode = '<button id="archive-menu" data-toggle="dropdown" class="btn dropdown-toggle" style="border: 1px solid #254356; background-color: #fff; color: #254356;">' + prettyName + '&nbsp;(current) &nbsp;<span class="caret"></span></button>';
+        // The link is different for the current release
+        listItems.push('<li role="presentation"><a role="menuitem" tabindex="-1" href="https://docs.docker.com/">' + prettyName + '</a></li>');
+      } else {
+        listItems.push('<li role="presentation"><a role="menuitem" tabindex="-1" href="https://docs.docker.com/' + field.name + '/">' + prettyName + '</a></li>');
+      }
+    });
+    $( 'body' ).prepend(outerDivStart + buttonCode + listStart + listItems.join("") + listEnd + outerDivEnd);
+  });
+}
diff --git a/js/my_first_tour.js b/js/my_first_tour.js
