Add basic getting started info when to index when there are no features

ryanlower · Feb 27, 2013 · 73444ea · 73444ea · jnunemaker · Feb 27, 2013
1 parent df4a085
commit 73444ea
Show file tree

Hide file tree

Showing 8 changed files with 52 additions and 23 deletions.
diff --git a/lib/flipper/ui/assets/javascripts/application.coffee b/lib/flipper/ui/assets/javascripts/application.coffee
@@ -99,7 +99,12 @@ class App.FeatureList extends Spine.Controller
 
   addAll: =>
     @html ''
-    @addOne feature for feature in Feature.all()
+    $('#no_features').hide()
+    all_features = Feature.all()
+    if all_features.length > 0
+      @addOne feature for feature in all_features
+    else
+      $('#no_features').show()
 
 class App.Feature extends Spine.Controller
   elements:

diff --git a/lib/flipper/ui/assets/stylesheets/application.scss b/lib/flipper/ui/assets/stylesheets/application.scss
@@ -63,6 +63,18 @@ body {
   padding: 29px 0 22px;
 }
 
+div#no_features {
+  display: none;
+  h1 {
+    font-size: 2em;
+    padding-bottom: 15px;
+  }
+  p {
+    font-size: 1.25em;
+    padding-bottom: 5px;
+  }
+}
+
 div.feature {
   float:left;
   width:723px;

diff --git a/lib/flipper/ui/public/css/application.css b/lib/flipper/ui/public/css/application.css
@@ -58,6 +58,15 @@ body {
 #header {
   padding: 29px 0 22px; }
 
+div#no_features {
+  display: none; }
+  div#no_features h1 {
+    font-size: 2em;
+    padding-bottom: 15px; }
+  div#no_features p {
+    font-size: 1.25em;
+    padding-bottom: 5px; }
+
 div.feature {
   float: left;
   width: 723px;

diff --git a/lib/flipper/ui/public/js/application.js b/lib/flipper/ui/public/js/application.js
diff --git a/lib/flipper/ui/public/js/spine/ajax.js b/lib/flipper/ui/public/js/spine/ajax.js
diff --git a/lib/flipper/ui/public/js/spine/list.js b/lib/flipper/ui/public/js/spine/list.js
diff --git a/lib/flipper/ui/public/js/spine/spine.js b/lib/flipper/ui/public/js/spine/spine.js
diff --git a/lib/flipper/ui/views/index.erb b/lib/flipper/ui/views/index.erb
@@ -1,3 +1,9 @@
 <div id="features">
   <p>loading indicator...</p>
 </div>
+
+<div id="no_features">
+  <h1>Ready to start flipping?</h1>
+  <p>You haven't created any features yet</p>
+  <p>Start by reading the <a href='https://github.com/jnunemaker/flipper#usage'>flipper readme</p>
+</div>