From 03360d17a85284d3cf7e233dc5d2c394f6ab4ae0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc=20Sch=C3=A4ffner-Gurney?= <mws8726@gmail.com>
Date: Mon, 31 Aug 2015 13:46:39 -0400
Subject: [PATCH] zero state message when no collection is selected

---
 images/zero-state-arrow-collections.png | Bin 0 -> 389 bytes
 src/home/index.jade                     |   3 +++
 src/home/index.js                       |  12 ++++++++++++
 src/home/index.less                     |  14 ++++++++++++++
 4 files changed, 29 insertions(+)
 create mode 100644 images/zero-state-arrow-collections.png

diff --git a/images/zero-state-arrow-collections.png b/images/zero-state-arrow-collections.png
new file mode 100644
index 0000000000000000000000000000000000000000..1527ad19f567c8c07ad49e2200f3408af2282c1b
GIT binary patch
literal 389
zcmV;00eb$4P)<h;3K|Lk000e1NJLTq007(o000&U1^@s6t10qR0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzCrLy>RCwC#+}jDlKoEst6$`KdAzFb}
zVC+CU&<czd7%MOxXbF~(4zvOhY`_vcfe9>lL2ySw{tt%DlMe%jozY;U0pM$zF+SvU
zzI1eCs!>1bj%h3KSSv!<W;zb473~CGYkv^5)IyfhM!+d>Ha>1tGuj6@22Nqibu3gJ
zS_e1<PC=X4t(MR-z$tJF+Q5Rwo(6aY&i1tG3z3W#0gi!F*fI+ndm0c~GYDEWHg4I|
zfauElg^(7#0Df@8MH(qfUhM*&ySw2Om_kQSRnQ*5IdB%bt7@soVRdWKCcrUpLGX??
zB2HCj+66cUE(qRURgIZz)s?mZj)4n;m)m}~qji9D;DY^buE#O^9pD_eAb9mp0CV;`
j;641s0s!DY-2@l_Q;|YKfC`|F00000NkvXXu0mjf*6o*#

literal 0
HcmV?d00001

diff --git a/src/home/index.jade b/src/home/index.jade
index aac9b92e134..ed324f00970 100644
--- a/src/home/index.jade
+++ b/src/home/index.jade
@@ -1,4 +1,7 @@
 .page
   .content.with-sidebar
     div(data-hook='collection-subview')
+    div.report-zero-state(data-hook='report-zero-state')
+      img(src='images/zero-state-arrow-collections.png', width="110")
+      span Choose a collection to analyze
   div(data-hook='sidebar')
diff --git a/src/home/index.js b/src/home/index.js
index fbcf275f6c9..66882d383de 100644
--- a/src/home/index.js
+++ b/src/home/index.js
@@ -15,6 +15,17 @@ var HomeView = View.extend({
       type: 'string',
       allowNull: true,
       default: null
+    },
+    showZeroState: {
+      type: 'boolean',
+      default: true
+    }
+  },
+  bindings: {
+    showZeroState: {
+      hook: 'report-zero-state',
+      type: 'booleanClass',
+      no: 'hidden'
     }
   },
   initialize: function() {
@@ -46,6 +57,7 @@ var HomeView = View.extend({
 
     this.ns = model.getId();
     this.updateTitle(model);
+    this.showZeroState = false;
     app.navigate(format('schema/%s', model.getId()), {
       silent: true
     });
diff --git a/src/home/index.less b/src/home/index.less
index aa9e9f9c967..589012c4eac 100644
--- a/src/home/index.less
+++ b/src/home/index.less
@@ -52,6 +52,20 @@
   border-bottom: @caret-width-base solid transparent;
 }
 
+.report-zero-state {
+  margin: 124px 0 0 20px;
+
+  img {
+    margin-bottom: 7px;
+  }
+  span {
+    font-size: 24px;
+    color: @gray4;
+    font-weight: 200;
+    margin-left: 15px;
+  }
+}
+
 .collection-view {
   header {
     padding: 12px 20px;