From 3c0686eebc398b9b0ab900cd9887ff73a2b41937 Mon Sep 17 00:00:00 2001
From: Jack Pearkes <jackpearkes@gmail.com>
Date: Thu, 23 Apr 2015 12:16:17 -0700
Subject: [PATCH] website/tutorial: remove mounts and allow fullscreen

---
 website/source/_ember_steps.html.erb          | 21 +------------------
 website/source/_ember_templates.html.erb      |  2 +-
 .../javascripts/demo/controllers/step.js      |  8 ++++++-
 .../demo/initializer/load-steps.js            |  7 +++----
 website/source/assets/stylesheets/_demo.scss  |  5 ++++-
 5 files changed, 16 insertions(+), 27 deletions(-)

diff --git a/website/source/_ember_steps.html.erb b/website/source/_ember_steps.html.erb
index 9a55de0d40..8f6e45af37 100644
--- a/website/source/_ember_steps.html.erb
+++ b/website/source/_ember_steps.html.erb
@@ -24,7 +24,6 @@
     <ul>
         <li>- Initializing and unsealing your Vault</li>
         <li>- Authorizing your requests to Vault</li>
-        <li>- Mounting a backend</li>
         <li>- Reading and writing secrets</li>
         <li>- Sealing your Vault</li>
     </ul>
@@ -93,28 +92,10 @@
     </p>
 </script>
 
-<script type="text/x-handlebars" data-template-name="mounts">
-    <p>
-        Vault supports a number of secret backends. This behaves
-        a lot like a virtual filesystem. The read/write/delete
-        operations are forwarded to the backend, and the backend can
-        choose to react to these operations however it wishes.
-    </p>
-    <p>
-        Backends can be very powerful, dynamically interacting with
-        services like AWS IAM, but for now we'll mount a simple
-        generic backend that simply passes data through to
-        the storage backend (after encrypting it).
-    </p>
-    <p>
-        <code>vault mount generic</code>
-    </p>
-</script>
-
 <script type="text/x-handlebars" data-template-name="secrets">
     <p>
         Now that Vault has been set-up, we can start reading and writing secrets
-        with the previously mounted generic backend. Secrets written to Vault
+        with the default mounted secret backend. Secrets written to Vault
         are encrypted and then written to the backend storage.
         The backend storage mechanism never sees the unencrypted
         value and doesn't have the means necessary to decrypt
diff --git a/website/source/_ember_templates.html.erb b/website/source/_ember_templates.html.erb
index 192b5ad3f4..da6716775a 100644
--- a/website/source/_ember_templates.html.erb
+++ b/website/source/_ember_templates.html.erb
@@ -18,7 +18,7 @@
 
 <span class="close-terminal" {{action "close"}}>X</span>
 
-<div class="demo-terminal">
+<div {{bind-attr class=":demo-terminal fullscreen:fullscreen" }}>
     <div class="log">{{renderedLogs}}</div>
 
     <form {{action "submitText" on="submit"}}>
diff --git a/website/source/assets/javascripts/demo/controllers/step.js b/website/source/assets/javascripts/demo/controllers/step.js
index 11fef68755..b147746f53 100644
--- a/website/source/assets/javascripts/demo/controllers/step.js
+++ b/website/source/assets/javascripts/demo/controllers/step.js
@@ -8,6 +8,7 @@ Demo.DemoStepController = Ember.ObjectController.extend({
   commandLog: [],
   cursor: 0,
   notCleared: true,
+  fullscreen: false,
 
   renderedLogs: function() {
     return this.get('logs');
@@ -67,6 +68,7 @@ Demo.DemoStepController = Ember.ObjectController.extend({
           break;
         case "previous":
         case "back":
+        case "prev":
           this.set('notCleared', true);
           this.send('previous');
           break;
@@ -78,10 +80,14 @@ Demo.DemoStepController = Ember.ObjectController.extend({
           this.set('logs', "");
           this.set('notCleared', false);
           break;
+        case "fu":
+        case "fullscreen":
+          this.set('fullscreen', true);
+          break;
         case "help":
           this.get('controllers.demo').appendLog('You can use `vault help <command>` ' +
             'to learn more about specific Vault commands, or `next` ' +
-            'and `previous` to navigate.', false);
+            'and `previous` to navigate. Or, `fu` to go fullscreen.', false);
           break;
         default:
           this.set('isLoading', true);
diff --git a/website/source/assets/javascripts/demo/initializer/load-steps.js b/website/source/assets/javascripts/demo/initializer/load-steps.js
index 2905b0b589..a7adee9e7a 100644
--- a/website/source/assets/javascripts/demo/initializer/load-steps.js
+++ b/website/source/assets/javascripts/demo/initializer/load-steps.js
@@ -11,10 +11,9 @@ Ember.Application.initializer({
         { id: 2, name: 'init', humanName: "Step 2: Initialize your Vault"},
         { id: 3, name: 'unseal', humanName: "Step 3: Unsealing your Vault"},
         { id: 4, name: 'auth', humanName: "Step 4: Authorize your requests"},
-        { id: 5, name: 'mounts', humanName: "Step 5: Mount a secret backend"},
-        { id: 6, name: 'secrets', humanName: "Step 6: Read and write secrets"},
-        { id: 7, name: 'seal', humanName: "Step 7: Seal your Vault"},
-        { id: 8, name: 'finish', humanName: "You're finished!"},
+        { id: 5, name: 'secrets', humanName: "Step 6: Read and write secrets"},
+        { id: 6, name: 'seal', humanName: "Step 7: Seal your Vault"},
+        { id: 7, name: 'finish', humanName: "You're finished!"},
       ]
     };
 
diff --git a/website/source/assets/stylesheets/_demo.scss b/website/source/assets/stylesheets/_demo.scss
index 0a801c482e..46ace846b0 100644
--- a/website/source/assets/stylesheets/_demo.scss
+++ b/website/source/assets/stylesheets/_demo.scss
@@ -86,11 +86,14 @@
     width: 100%;
     top: 225px;
     bottom: 0;
-
     display: block;
     overflow: scroll;
     position: absolute;
 
+    &.fullscreen {
+        top: 0;
+    }
+
     .log {
         white-space: pre;
     }