From 0d3a406dce513d952b3920852fcc9f71add7d3a8 Mon Sep 17 00:00:00 2001
From: Dan Vanderkam <danvdk@gmail.com>
Date: Fri, 5 Dec 2014 15:35:45 -0500
Subject: [PATCH] Add a link to CQL help

---
 cycledash/static/css/examine.css                   | 11 +++++++++++
 cycledash/static/img/noun_61692.svg                |  9 +++++++++
 cycledash/static/js/examine/components/QueryBox.js |  2 ++
 3 files changed, 22 insertions(+)
 create mode 100644 cycledash/static/img/noun_61692.svg

diff --git a/cycledash/static/css/examine.css b/cycledash/static/css/examine.css
index c8bd8a9..2dcca07 100644
--- a/cycledash/static/css/examine.css
+++ b/cycledash/static/css/examine.css
@@ -281,6 +281,17 @@ dt {
 .query-status.loading:before {
   content: "";
 }
+.cql-help {
+  position: absolute;
+  top: 50%;
+  margin-top: -10px;
+  right: 375px;  /* width of Stats Table + 25px */
+  width: 20px;
+  height: 20px;
+  background: url(/static/img/noun_61692.svg);
+  background-size: 20px 20px;
+  opacity: 0.55;
+}
 .server-error {
   color: red;
 }
diff --git a/cycledash/static/img/noun_61692.svg b/cycledash/static/img/noun_61692.svg
new file mode 100644
index 0000000..36ee5ac
--- /dev/null
+++ b/cycledash/static/img/noun_61692.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" height="100px" width="100px">
+<path d="M13,17h-2v-2h2V17z"/>
+<g>
+	<path d="M12,4c4.4,0,8,3.6,8,8s-3.6,8-8,8s-8-3.6-8-8S7.6,4,12,4 M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10s10-4.5,10-10   C22,6.5,17.5,2,12,2L12,2z"/>
+</g>
+<g>
+	<path d="M11,14c0-1.4,0.6-1.9,1.1-2.4c0.3-0.2,0.5-0.5,0.6-0.8c0.2-0.3,0.2-0.6,0.2-1c0-0.4-0.1-0.7-0.3-1   c-0.2-0.2-0.4-0.4-0.8-0.4c-0.3,0-1,0.1-1,1.5H9l0-0.4c0-0.9,0.3-1.5,0.8-2C10.4,7.2,11.1,7,11.9,7c1,0,1.7,0.2,2.2,0.8   s0.8,1.2,0.8,2c0,2.4-2,2.5-2,4.2H11z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/cycledash/static/js/examine/components/QueryBox.js b/cycledash/static/js/examine/components/QueryBox.js
index d5792c8..7b7eda7 100644
--- a/cycledash/static/js/examine/components/QueryBox.js
+++ b/cycledash/static/js/examine/components/QueryBox.js
@@ -145,6 +145,8 @@ var QueryBox = React.createClass({
         <div className='typeahead-input'>
           <span ref='status' className={statusClasses}></span>
           <input ref='input' className='query-input' type='text' />
+          <a className='cql-help' title='CQL Help' href='https://github.com/hammerlab/cycledash/wiki/CQL-(CycleDash-Query-Language)'>
+          </a>
         </div>
         {errorMessage}
       </div>