From 38b16684b35cf5cfb9bccecc75c7df6a5c43f391 Mon Sep 17 00:00:00 2001
From: Justin Campbell <justin@justincampbell.me>
Date: Fri, 20 Oct 2017 16:25:42 -0400
Subject: [PATCH] website: Add vagrant-cloud layout

Has sticky sidebar and support for navigating anchor tags
---
 .../source/docs/vagrant-cloud/api.html.md.erb |  31 -----
 website/source/layouts/vagrant-cloud.erb      | 128 ++++++++++++++++++
 2 files changed, 128 insertions(+), 31 deletions(-)
 create mode 100644 website/source/layouts/vagrant-cloud.erb

diff --git a/website/source/docs/vagrant-cloud/api.html.md.erb b/website/source/docs/vagrant-cloud/api.html.md.erb
index 8e128b35c..24f822460 100644
--- a/website/source/docs/vagrant-cloud/api.html.md.erb
+++ b/website/source/docs/vagrant-cloud/api.html.md.erb
@@ -64,37 +64,6 @@ sidebar_current: "vagrant-cloud-api"
 
 # Vagrant Cloud API
 
-* [Using the API](#using-the-api)
-    * [Authentication](#authentication)
-    * [Request and Response Format](#request-and-response-format)
-    * [Response Codes](#response-codes)
-* [Creating a usable box from scratch](#creating-a-usable-box-from-scratch)
-* [Authentication](#authentication-1)
-    * [Create a token](#create-a-token)
-    * [Validate a token](#validate-a-token)
-    * [Request a 2FA code](#validate-a-token)
-* [Organizations](#organizations)
-    * [Read an organization](#read-an-organization)
-* [Boxes](#boxes)
-    * [Read a box](#read-a-box)
-    * [Create a box](#create-a-box)
-    * [Update a box](#update-a-box)
-    * [Delete a box](#delete-a-box)
-* [Versions](#versions)
-    * [Read a version](#read-a-version)
-    * [Create a version](#create-a-version)
-    * [Update a version](#update-a-version)
-    * [Delete a version](#delete-a-version)
-    * [Release a version](#release-a-version)
-    * [Revoke a version](#revoke-a-version)
-* [Providers](#providers)
-    * [Read a provider](#read-a-provider)
-    * [Create a providers](#create-a-provider)
-    * [Update a provider](#update-a-provider)
-    * [Delete a provider](#delete-a-provider)
-    * [Upload a provider](#upload-a-provider)
-
-
 ## Using the API
 
 Vagrant Cloud provides an API for users to interact with Vagrant Cloud for experimentation, automation, or building new features and tools on top of our existing application.
diff --git a/website/source/layouts/vagrant-cloud.erb b/website/source/layouts/vagrant-cloud.erb
new file mode 100644
index 000000000..7cf82278e
--- /dev/null
+++ b/website/source/layouts/vagrant-cloud.erb
@@ -0,0 +1,128 @@
+<% content_for :head do %>
+  <script type="text/javascript">
+    $(document).ready(function() {
+      $(".anchor-nav li").click(function() {
+        $(".anchor-nav li").removeClass("active");;
+        $(this).addClass("active");;
+      });
+    });
+  </script>
+  <style>
+    #docs-sidebar {
+      position: sticky;
+      top: 0;
+      bottom: 0;
+      max-height: calc(100vh);
+      overflow-y: scroll;
+    }
+  </style>
+<% end %>
+
+<% wrap_layout :inner do %>
+  <% content_for :sidebar do %>
+    <ul class="nav docs-sidenav">
+      <li><a href="/docs/">Vagrant Documentation</a></li>
+      <li<%= sidebar_current("vagrant-cloud") %>>
+        <a href="/docs/vagrant-cloud/">Vagrant Cloud</a>
+        <ul class="nav">
+          <li<%= sidebar_current("vagrant-cloud-boxes") %>>
+            <a href="/docs/vagrant-cloud/boxes/index.html">Boxes</a>
+            <ul class="nav">
+              <li<%= sidebar_current("vagrant-cloud-boxes-catalog") %>><a href="/docs/vagrant-cloud/boxes/catalog.html">Catalog</a></li>
+              <li<%= sidebar_current("vagrant-cloud-boxes-create-x") %>><a href="/docs/vagrant-cloud/boxes/create.html">Creating a New Box</a></li>
+              <li<%= sidebar_current("vagrant-cloud-boxes-create-version") %>><a href="/docs/vagrant-cloud/boxes/create-version.html">Creating a New Version</a></li>
+              <li<%= sidebar_current("vagrant-cloud-boxes-distributing") %>><a href="/docs/vagrant-cloud/boxes/distributing.html">Distributing</a></li>
+              <li<%= sidebar_current("vagrant-cloud-boxes-lifecycle") %>><a href="/docs/vagrant-cloud/boxes/lifecycle.html">Lifecycle</a></li>
+              <li<%= sidebar_current("vagrant-cloud-boxes-private") %>><a href="/docs/vagrant-cloud/boxes/private.html">Private Boxes</a></li>
+              <li<%= sidebar_current("vagrant-cloud-boxes-release-workflow") %>><a href="/docs/vagrant-cloud/boxes/release-workflow.html">Release Workflow</a></li>
+              <li<%= sidebar_current("vagrant-cloud-boxes-using") %>><a href="/docs/vagrant-cloud/boxes/using.html">Finding & Using Boxes</a></li>
+            </ul>
+          </li>
+
+          <li<%= sidebar_current("vagrant-cloud-organizations") %>>
+            <a href="/docs/vagrant-cloud/organizations/index.html">Organizations</a>
+            <ul class="nav">
+              <li<%= sidebar_current("vagrant-cloud-organizations-create") %>><a href="/docs/vagrant-cloud/organizations/create.html">Create an Organization</a></li>
+              <li<%= sidebar_current("vagrant-cloud-organizations-migrate") %>><a href="/docs/vagrant-cloud/organizations/migrate.html">Migrate User to Organization</a></li>
+              <li<%= sidebar_current("vagrant-cloud-organizations-authentication-policy") %>><a href="/docs/vagrant-cloud/organizations/authentication-policy.html">Authentication Policy</a></li>
+            </ul>
+          </li>
+
+          <li<%= sidebar_current("vagrant-cloud-users") %>>
+            <a href="/docs/vagrant-cloud/users/index.html">Users</a>
+            <ul class="nav">
+              <li<%= sidebar_current("vagrant-cloud-users-authentication") %>><a href="/docs/vagrant-cloud/users/authentication.html">Authentication</a></li>
+              <li<%= sidebar_current("vagrant-cloud-users-recovery") %>><a href="/docs/vagrant-cloud/users/recovery.html">Account Recovery</a></li>
+            </ul>
+          </li>
+
+          <li<%= sidebar_current("vagrant-cloud-request-limits") %>><a href="/docs/vagrant-cloud/request-limits.html">Request Limits</a></li>
+          <li<%= sidebar_current("vagrant-cloud-support") %>><a href="/docs/vagrant-cloud/support.html">Support</a></li>
+          <li<%= sidebar_current("vagrant-cloud-migration") %>><a href="/docs/vagrant-cloud/vagrant-cloud-migration.html">Vagrant Cloud Migration</a></li>
+          <li<%= sidebar_current("vagrant-cloud-api") %>>
+            <a href="/docs/vagrant-cloud/api.html">API</a>
+            <ul class="nav anchor-nav">
+              <li>
+                <a href="#using-the-api">Using the API</a>
+                <ul class="nav">
+                  <li><a href="#authentication">Authentication</a></li>
+                  <li><a href="#request-and-response-format">Request and Response Format</a></li>
+                  <li><a href="#response-codes">Response Codes</a></li>
+                </ul>
+              </li>
+              <li>
+                <a href="#creating-a-usable-box-from-scratch">Creating a usable box from scratch</a>
+              </li>
+              <li>
+                <a href="#authentication-1">Authentication</a>
+                <ul class="nav">
+                  <li><a href="#create-a-token">Create a token</a></li>
+                  <li><a href="#validate-a-token">Validate a token</a></li>
+                  <li><a href="#validate-a-token">Request a 2FA code</a></li>
+                </ul>
+              </li>
+              <li>
+                <a href="#organizations">Organizations</a>
+                <ul class="nav">
+                  <li><a href="#read-an-organization">Read an organization</a></li>
+                </ul>
+              </li>
+              <li>
+                <a href="#boxes">Boxes</a>
+                <ul class="nav">
+                  <li><a href="#read-a-box">Read a box</a></li>
+                  <li><a href="#create-a-box">Create a box</a></li>
+                  <li><a href="#update-a-box">Update a box</a></li>
+                  <li><a href="#delete-a-box">Delete a box</a></li>
+                </ul>
+              </li>
+              <li>
+                <a href="#versions">Versions</a>
+                <ul class="nav">
+                  <li><a href="#read-a-version">Read a version</a></li>
+                  <li><a href="#create-a-version">Create a version</a></li>
+                  <li><a href="#update-a-version">Update a version</a></li>
+                  <li><a href="#delete-a-version">Delete a version</a></li>
+                  <li><a href="#release-a-version">Release a version</a></li>
+                  <li><a href="#revoke-a-version">Revoke a version</a></li>
+                </ul>
+              </li>
+              <li>
+                <a href="#providers">Providers</a>
+                <ul class="nav">
+                  <li><a href="#read-a-provider">Read a provider</a></li>
+                  <li><a href="#create-a-provider">Create a providers</a></li>
+                  <li><a href="#update-a-provider">Update a provider</a></li>
+                  <li><a href="#delete-a-provider">Delete a provider</a></li>
+                  <li><a href="#upload-a-provider">Upload a provider</a></li>
+                </ul>
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </li>
+    </ul>
+  <% end %>
+
+  <%= yield %>
+<% end %>