From beeeb05ce50b46bc79e299468ba76beecab96d5d Mon Sep 17 00:00:00 2001
From: Stephen Sawchuk <sawchuk@gmail.com>
Date: Mon, 11 May 2015 16:49:31 -0400
Subject: [PATCH] docs: add how to get help directive

Fixes #562
---
 docs/index.html                               |  1 +
 docs/site/components/faq/faq.html             |  2 ++
 docs/site/components/faq/faq.js               |  7 ++++-
 .../how-to-get-help-directive.js              |  9 +++++++
 .../how-to-get-help/how-to-get-help.html      | 27 +++++++++++++++++++
 .../troubleshooting/troubleshooting.html      |  1 +
 .../troubleshooting/troubleshooting.js        |  7 ++++-
 docs/site/css/main.css                        | 13 +++++++++
 8 files changed, 65 insertions(+), 2 deletions(-)
 create mode 100644 docs/site/components/how-to-get-help/how-to-get-help-directive.js
 create mode 100644 docs/site/components/how-to-get-help/how-to-get-help.html

diff --git a/docs/index.html b/docs/index.html
index a069c299d09..08f3ff40c35 100755
--- a/docs/index.html
+++ b/docs/index.html
@@ -38,6 +38,7 @@
     <script src="site/components/docs/docs-values.js"></script>
     <script src="site/components/authorization/authorization.js"></script>
     <script src="site/components/faq/faq.js"></script>
+    <script src="site/components/how-to-get-help/how-to-get-help-directive.js"></script>
     <script src="site/components/language-switcher/language-switcher-directive.js"></script>
     <script src="site/components/subpage/subpage-directive.js"></script>
     <script src="site/components/header/header-directive.js"></script>
diff --git a/docs/site/components/faq/faq.html b/docs/site/components/faq/faq.html
index ca650df75d1..91c56466502 100644
--- a/docs/site/components/faq/faq.html
+++ b/docs/site/components/faq/faq.html
@@ -16,4 +16,6 @@
   header-templateUrl="faq-header.html"
   title="FAQ">
   <btf-markdown ng-include="'faq.md'"></btf-markdown>
+  <div how-to-get-help></div>
 </div>
+
diff --git a/docs/site/components/faq/faq.js b/docs/site/components/faq/faq.js
index 1085ba3e278..998d8899392 100644
--- a/docs/site/components/faq/faq.js
+++ b/docs/site/components/faq/faq.js
@@ -1,5 +1,10 @@
 angular
-  .module('gcloud.faq', ['ngRoute', 'gcloud.subpage', 'btford.markdown'])
+  .module('gcloud.faq', [
+    'btford.markdown',
+    'ngRoute',
+    'gcloud.how-to-get-help',
+    'gcloud.subpage'
+  ])
   .config(function($routeProvider) {
     'use strict';
 
diff --git a/docs/site/components/how-to-get-help/how-to-get-help-directive.js b/docs/site/components/how-to-get-help/how-to-get-help-directive.js
new file mode 100644
index 00000000000..072433ea730
--- /dev/null
+++ b/docs/site/components/how-to-get-help/how-to-get-help-directive.js
@@ -0,0 +1,9 @@
+angular
+  .module('gcloud.how-to-get-help', [])
+  .directive('howToGetHelp', function() {
+    'use strict';
+
+    return {
+      templateUrl: 'site/components/how-to-get-help/how-to-get-help.html',
+    };
+  });
diff --git a/docs/site/components/how-to-get-help/how-to-get-help.html b/docs/site/components/how-to-get-help/how-to-get-help.html
new file mode 100644
index 00000000000..f4fedc729f6
--- /dev/null
+++ b/docs/site/components/how-to-get-help/how-to-get-help.html
@@ -0,0 +1,27 @@
+<div class="how-to-get-help--container subtle padding">
+  <h1 class="warning">I still need help!</h1>
+
+  <p>
+    Have a question you don't see? Hope is not lost! Follow these tips to find a quick resolution to your issue.
+  </p>
+
+  <h3>Ask the Community</h3>
+  <p>
+    If you have a question about how to use gcloud-node in your project or are stuck in the Developer's console and don't know where to turn, it's possible your questions have already been addressed by the community.
+  </p>
+
+  <p>
+    First, check out the <a href="http://stackoverflow.com/questions/tagged/gcloud-node"><code>gcloud-node</code> tag on StackOverflow</a>.
+  </p>
+  <p>
+    Next, try <a href="https://github.com/GoogleCloudPlatform/gcloud-node/issues?&q=">searching through our issues on GitHub</a>.
+  </p>
+  <p>
+    Still nothing?
+  </p>
+
+  <h3>Ask the Developers</h3>
+  <p>
+    If you're experiencing a bug with the code, or have an idea for how it can be improved, <em>please</em> <a href="https://github.com/GoogleCloudPlatform/gcloud-node/issues/new">create a new issue on GitHub</a> so we can talk about it.
+  </p>
+</div>
diff --git a/docs/site/components/troubleshooting/troubleshooting.html b/docs/site/components/troubleshooting/troubleshooting.html
index 20e9e60a10a..4ce6bc06ecb 100644
--- a/docs/site/components/troubleshooting/troubleshooting.html
+++ b/docs/site/components/troubleshooting/troubleshooting.html
@@ -16,4 +16,5 @@
   header-templateUrl="troubleshooting-header.html"
   title="Troubleshooting">
   <btf-markdown ng-include="'troubleshooting.md'"></btf-markdown>
+  <div how-to-get-help></div>
 </div>
diff --git a/docs/site/components/troubleshooting/troubleshooting.js b/docs/site/components/troubleshooting/troubleshooting.js
index a2c996290f9..c9ff984b614 100644
--- a/docs/site/components/troubleshooting/troubleshooting.js
+++ b/docs/site/components/troubleshooting/troubleshooting.js
@@ -1,5 +1,10 @@
 angular
-  .module('gcloud.troubleshooting', ['ngRoute', 'gcloud.subpage', 'btford.markdown'])
+  .module('gcloud.troubleshooting', [
+    'btford.markdown',
+    'ngRoute',
+    'gcloud.how-to-get-help',
+    'gcloud.subpage'
+  ])
   .config(function($routeProvider) {
     'use strict';
 
diff --git a/docs/site/css/main.css b/docs/site/css/main.css
index d2458f389f6..3616aed907e 100755
--- a/docs/site/css/main.css
+++ b/docs/site/css/main.css
@@ -209,6 +209,13 @@ ul {
     margin: 10px 0;
 }
 
+.subtle {
+  background-color: #f8f8f8;
+}
+
+.warning {
+  color: #DB4437;
+}
 
 
 /* Header
@@ -688,6 +695,12 @@ ul {
     display: block;
 }
 
+/*
+  How to Get Help Directive
+ */
+.how-to-get-help--container {
+  margin-top: 2em;
+}
 
 /* Docs Content
    ========================================================================== */