1032 request page status design (#1046)

* requests views adapted to use a partial to show status tags

* partial to show status with stylized tags

app/views/requests/_request_row.html.erb

@@ -1,7 +1,9 @@
 <tr>
   <td><%= request_row.created_at.strftime("%m/%d/%Y") %></td>
   <td><%= request_row.partner.name %> </td>
-  <td><%= request_row.status.try(:humanize) %></td>
+  <td>
+    <%= render partial: "status", locals: {status: request_row.status} %>
+  </td>
   <td class="text-right">
     <%= view_button_to request_path(request_row) %>
     <%= delete_button_to request_path(request_row), { confirm: "Are you sure? This will cancel the request and send a friendly email notification to your partner that their request has been cancelled" } %>

app/views/requests/_status.html.erb

@@ -0,0 +1,10 @@
+<% case status %>
+<% when "pending" %>
+    <span class="label label-default">Pending</span>
+<% when "started" %>
+    <span class="label label-primary">Started</span>
+<% when "fulfilled" %>
+    <span class="label label-success">Fulfilled</span>
+<% else %>
+    <span class="label label-warning">Errored</span>
+<% end %>

app/views/requests/show.html.erb

@@ -21,7 +21,7 @@
         <p>This request was sent on <%= @request.created_at.to_s(:distribution_date) %>:</p>
         <ul class="list-group">
           <li class="list-group-item">It was sent by: <%= @request.partner.name %></li>
-          <li class="list-group-item">It has a status of: <%= @request.status %></li>
+          <li class="list-group-item">It has a status of: <%= render partial: "status", locals: {status: @request.status} %></li>
           <li class="list-group-item">Comments: <%= @request.comments || 'None' %></li>
         </ul>