Added toggling of actioned on feedback, and view change for lists

templates/admin/feedback/index.html.ep

@@ -15,7 +15,7 @@
   % for my $feedback ( $feedback_rs->all ) {
   <div class="col col-md-4 mb-3">
     <div class="card">
-      <div class="card-header">
+      <div class="card-header<%= $feedback->actioned ? '' : ' text-white bg-danger' %>">
         <span class="font-bold"><%= $feedback->id %></span>
         %= $feedback->user->email;
       </div>

templates/admin/feedback/read.html.ep

@@ -30,6 +30,15 @@
           <span>Submitted At:</span>
           <span><%= format_human_datetime $feedback->submitted_at %></span>
         </li>
+        <li class="list-group-item d-flex justify-content-between">
+          <span>Actioned:</span>
+          <span>
+            <%= $feedback->actioned ? 'Done' : 'Needs Action' %>
+            <a class="btn btn-sm btn-success" href="<%= url_for . '/actioned' %>">
+              Toggle
+            </a>
+          </span>
+        </li>
       </ul>
     </div>
   </div>

templates/admin/home.html.ep

@@ -3,7 +3,7 @@
 % content_for javascript => begin
 % end
 <div class="card-deck">
-  <div class="card text-center text-white bg-primary">
+  <div class="card mb-3 text-center text-white bg-primary">
     <div class="card-header card-inverse">
       User Count
     </div>
@@ -13,7 +13,7 @@
       </h2>
     </div>
   </div>
-  <div class="card text-center text-white bg-success">
+  <div class="card mb-3 text-center text-white bg-success">
     <div class="card-header card-inverse">
       Unused Tokens
     </div>
@@ -23,7 +23,9 @@
       </h2>
     </div>
   </div>
-  <div class="card text-center text-white bg-danger">
+</div>
+<div class="card-deck">
+  <div class="card mb-3 text-center text-white bg-danger">
     <div class="card-header card-inverse">
       Pending Organisations
     </div>
@@ -33,7 +35,7 @@
       </h2>
     </div>
   </div>
-  <div class="card text-center text-white bg-danger">
+  <div class="card mb-3 text-center text-white bg-danger">
     <div class="card-header card-inverse">
       Pending Transactions
     </div>
@@ -44,3 +46,15 @@
     </div>
   </div>
 </div>
+<div class="card-deck">
+  <div class="card mb-3 text-center text-white bg-danger">
+    <div class="card-header card-inverse">
+      Unactioned Feedback
+    </div>
+    <div class="card-body">
+      <h2 class="card-title">
+        <%= $feedback->{pending} %> / <%= $feedback->{total} %>
+      </h2>
+    </div>
+  </div>
+</div>