feat: add helper text on index page for getting started

lib/pact_broker/ui/view_models/index_items.rb

@@ -21,6 +21,10 @@ def size_label
           end
         end
 
+        def empty?
+          index_items.empty?
+        end
+
         private
 
         attr_reader :index_items

lib/pact_broker/ui/views/index/_getting-started.haml

@@ -0,0 +1,6 @@
+%div.getting-started
+  %h3 Welcome!
+  %p
+    Just getting started? Confused as to why there's nothing "clicky clicky" to see here? The Pact workflow is a "code first" approach. Your pacts will be generated by your consumer tests and then published here, ready to be retrieved by your provider tests for verification.
+  %p
+    For step by step instructions on getting started, check out the <a href="https://docs.pact.io/best_practices/pact_nirvana">Effective Pact Setup Guide</a>.

lib/pact_broker/ui/views/index/show-with-tags.haml

@@ -3,6 +3,8 @@
   %script{type: 'text/javascript', src:'/javascripts/jquery.tablesorter.min.js'}
   .container
     = render :haml, :'index/_navbar', :layout => false, locals: {tag_toggle: false}
+    - if index_items.empty?
+      = render :haml, :'index/_getting-started', :layout => false
     %h1.page-header
       Pacts
     %table.table.table-bordered.table-striped{ id: 'relationships' }

lib/pact_broker/ui/views/index/show.haml

@@ -3,6 +3,8 @@
   %script{type: 'text/javascript', src:'/javascripts/jquery.tablesorter.min.js'}
   .container
     = render :haml, :'index/_navbar', :layout => false, locals: {tag_toggle: true}
+    - if index_items.empty?
+      = render :haml, :'index/_getting-started', :layout => false
     %h1.page-header
       Pacts
     %table.table.table-bordered.table-striped{ id: 'relationships' }

public/stylesheets/index.css

@@ -113,4 +113,9 @@ table#relationships .label {
 
 div.tag {
   display: inline-block;
+}
+
+div.getting-started {
+  max-width: 600px;
+  margin-bottom: 50px;
 }