list view, clone action

app/controllers/evaluation_forms_controller.rb

@@ -36,6 +36,25 @@ def create
     end
   end
 
+  # NOTE: to reviewer: the following method works but it's impossible to use because there's a unique index on
+  # challenge_id and challenge_phase. So we can't clone evaluation forms without automatically advancing the challenge phase,
+  # or something along those lines
+  def create_from_existing
+    @existing_form = EvaluationForm.find(params[:evaluation_form])
+    @evaluation_form = EvaluationForm.new(@existing_form.attributes.except("id"))
+    respond_to do |format|
+      if @evaluation_form.save
+        format.html do
+          redirect_to evaluation_forms_url, notice: "Evaluation form was successfully cloned."
+        end
+        format.json { render :show, status: :created, location: @evaluation_form }
+      else
+        format.html { render :index, status: :unprocessable_entity }
+        format.json { render json: @evaluation_form.errors, status: :unprocessable_entity }
+      end
+    end
+  end
+
   # PATCH/PUT /evaluation_forms/1 or /evaluation_forms/1.json
   def update
     respond_to do |format|

app/helpers/evaluation_forms_helper.rb

@@ -1,4 +1,11 @@
 # frozen_string_literal: true
 
 module EvaluationFormsHelper
+  def status_colors
+    {
+      draft: "FireBrick",
+      ready: "DarkGoldenRod",
+      published: "green"
+    }
+  end
 end

app/views/evaluation_forms/_table.html.erb

@@ -0,0 +1,36 @@
+<table class="usa-table usa-table--stacked-header width-full">
+    <thead>
+      <tr>
+        <th scope="col">Form Title</th>
+        <th scope="col">Assigned to Challenge</th>
+        <th scope="col">Status</th>
+        <th scope="col"></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @evaluation_forms.each do |evaluation_form| %>
+        <tr>
+          <th data-label="Form Title" scope="row">
+            <%= link_to evaluation_form do %>
+                <%= evaluation_form.title %>
+            <% end %>    
+            </th>
+            <td data-label="Assigned to Challenge">
+                <%= evaluation_form.challenge.title %>
+            </td>
+          <td data-label="Status">
+            <span style="<%="color: #{status_colors[evaluation_form.status.to_sym]}"%>">
+                <%= evaluation_form.status.capitalize %>
+            </span>
+          </td>
+          <td>
+              <div class="display-flex flex-wrap width-full grid-row grid-gap-1">
+                <%= button_to "Edit", edit_evaluation_form_path(evaluation_form), method: :get, class: "usa-button width-full", form: {class: "grid-col-4"} %>
+                <%= button_to "Clone", evaluation_forms_clone_path, method: :post, params: {evaluation_form: evaluation_form}, class: "usa-button width-full", style: "background-color: #4d8055", form: {class: "grid-col-4"} %>
+                <%= button_to "Delete", evaluation_form, method: :delete, class: "usa-button usa-button--secondary width-full padding-x-1", form: {class: "grid-col-4"} %>
+              </div>  
+          </td>  
+        </tr>
+      <% end %>  
+    </tbody>
+  </table>

app/views/evaluation_forms/index.html.erb

@@ -1,16 +1,27 @@
-<div class="usa-card__container col-md-6">
-  <div class="usa-card__body">
-    <h1>Evaluation Forms</h1>
+<div class="usa-card__body">
+  <h1>Evaluation Forms</h1>
+  <div class="display-flex flex-wrap tablet:flex-justify width-full">
+    <span class="text-base margin-bottom-1">Manage existing evaluation forms and create new evaluation forms.</span>
 
-    <div id="evaluation_forms">
-      <% @evaluation_forms.each do |evaluation_form| %>
-        <%= render evaluation_form %>
-        <p>
-          <%= link_to "Show this evaluation form", evaluation_form %>
-        </p>
-      <% end %>
-    </div>
+        <%= link_to new_evaluation_form_path, class: "width-full tablet:width-auto" do %>
+          <button class="usa-button font-body-2xs text-no-wrap" style="background-color: #4d8055">
+            <%= image_tag(
+              "images/usa-icons/content_copy.svg",
+              class: "usa-icon icon-white",
+              alt: "evaluation forms"
+            )%>
+            Create New Evaluation Form
+          </button> 
+    <% end %>
+  </div>  
 
-    <%= link_to "New evaluation form", new_evaluation_form_path %>
-  </div>
-</div>    
+  <% if @evaluation_forms.empty? %>
+    <div class="text-base align-center text-center">
+      <p>You currently do not have any evaluation forms.</p>
+      <p>Please create an evaluation form for your challenge before it is published.</p>
+    </div>  
+  <% else %>
+    <%= render partial: "table", locals: { evaluation_forms: @evaluation_forms } %>
+  <% end %>  
+
+</div>

config/routes.rb

@@ -12,6 +12,7 @@
 
   resources :evaluations, only: [:index]
   resources :evaluation_forms
+  post '/evaluation_forms/clone', to: 'evaluation_forms#create_from_existing'
   resources :manage_submissions, only: [:index]
 
   # Reveal health status on /up that returns 200 if the app boots with no exceptions, otherwise 500.