From d8bbac1f6f3bf2332e65c085cef2f9e476c63eda Mon Sep 17 00:00:00 2001
From: Rufus Pollock <rufus.pollock@okfn.org>
Date: Wed, 25 Apr 2012 22:27:01 +0100
Subject: [PATCH] [#85,view/graph,ux][s]: show a message on graph view when no
 graph yet there giving instructions on how to plot a graph (was a big ux
 fail) - fixes #85.

---
 css/graph.css     | 5 +++++
 src/view-graph.js | 8 +++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/css/graph.css b/css/graph.css
index 88acf5f8..413ac14e 100644
--- a/css/graph.css
+++ b/css/graph.css
@@ -13,6 +13,11 @@
   line-height: 13px;
 }
 
+.recline-graph .graph .alert {
+  width: 450px;
+  margin: auto;
+}
+
 /**********************************************************
   * Editor
   *********************************************************/
diff --git a/src/view-graph.js b/src/view-graph.js
index dc87fce8..c3116c16 100644
--- a/src/view-graph.js
+++ b/src/view-graph.js
@@ -66,7 +66,13 @@ my.Graph = Backbone.View.extend({
       </div> \
     </form> \
   </div> \
-  <div class="panel graph"></div> \
+  <div class="panel graph"> \
+    <div class="js-temp-notice alert alert-block"> \
+      <h3 class="alert-heading">Hey there!</h3> \
+      <p>There\'s no graph here yet because we don\'t know what fields you\'d like to see plotted.</p> \
+      <p>Please tell us by <strong>using the menu on the right</strong> and a graph will automatically appear.</p> \
+    </div> \
+  </div> \
 </div> \
 ',
   templateSeriesEditor: ' \