Add reusable application_forms/index view and ApplicationFormsPresenter (#43)

- Add reusable application_forms/index view
- Add ApplicationFormsPresenter
- Add ApplicationFormPresenter

Author: lorenyu

template/{{app_name}}/engines/flex/app/presenters/flex/application_form_presenter.rb

@@ -0,0 +1,26 @@
+module Flex
+  class ApplicationFormPresenter
+    def initialize(view_context, application_form)
+      @view_context = view_context
+      @application_form = application_form
+    end
+
+    def index
+      {
+        created_at: created_at,
+        path: @view_context.polymorphic_path(@application_form),
+        status: status
+      }
+    end
+
+    private
+
+    def created_at
+      @application_form.created_at.strftime("%B %d, %Y at %I:%M %p")
+    end
+
+    def status
+      I18n.t("flex.application_forms.status.#{@application_form.status}")
+    end
+  end
+end

template/{{app_name}}/engines/flex/app/presenters/flex/application_forms_presenter.rb

@@ -0,0 +1,39 @@
+module Flex
+  class ApplicationFormsPresenter
+    attr_reader :application_forms
+
+    def initialize(view_context, application_forms)
+      @view_context = view_context
+      @application_forms = application_forms
+      @i18n_path = view_context.controller_path.gsub("/", ".")
+    end
+
+    def index
+      {
+        title: title,
+        intro: intro,
+        new_button_text: new_button_text,
+        in_progress_applications_heading: in_progress_applications_heading,
+        application_forms: application_forms.map { |application_form| Flex::ApplicationFormPresenter.new(@view_context, application_form).index }
+      }
+    end
+
+    private
+
+    def title
+      I18n.t("#{@i18n_path}.index.title")
+    end
+
+    def intro
+      I18n.t("#{@i18n_path}.index.intro")
+    end
+
+    def new_button_text
+      I18n.t("#{@i18n_path}.index.new_button")
+    end
+
+    def in_progress_applications_heading
+      I18n.t("#{@i18n_path}.index.in_progress_applications.heading")
+    end
+  end
+end

template/{{app_name}}/engines/flex/app/views/flex/application_forms/index.html.erb

@@ -0,0 +1,49 @@
+<% content_for :title, title %>
+
+<h1>
+  <%= title %>
+</h1>
+
+<p class="usa-intro">
+  <%= intro %>
+</p>
+
+<%= link_to new_button_text, "new", class: class_names("usa-button") %>
+
+<% if not application_forms.empty? %>
+  <h2 class="margin-top-6"><%= in_progress_applications_heading %></h2>
+
+  <section class="d-flex flex-column flex-md-row gap-4 align-items-start justify-content-between">
+    <table class="usa-table usa-table--borderless width-full">
+      <thead>
+        <tr>
+          <th scope="col">
+            <%= t("flex.application_forms.index.col_created_at") %>
+          </th>
+          <th scope="col">
+            <%= t("flex.application_forms.index.col_status") %>
+          </th>
+          <th scope="col">
+            <%= t("flex.application_forms.index.col_actions") %>
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        <% application_forms.each do |application| %>
+          <tr>
+            <td>
+              <% # TODO show in local time %>
+              <%= link_to application[:created_at], application[:path] %>
+            </td>
+            <td>
+              <%= application[:status] %>
+            </td>
+            <td>
+              TODO
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </section>
+<% end %>

template/{{app_name}}/engines/flex/config/locales/en.yml

@@ -0,0 +1,10 @@
+en:
+  flex:
+    application_forms:
+      index:
+        col_created_at: "Created At"
+        col_status: "Status"
+        col_actions: "Actions"
+      status:
+        in_progress: "In Progress"
+        submitted: "Submitted"

template/{{app_name}}/engines/flex/config/locales/es-US.yml

@@ -0,0 +1,10 @@
+es-US:
+  flex:
+    application_forms:
+      index:
+        col_created_at: "Fecha de creación"
+        col_status: "Estado"
+        col_actions: "Acciones"
+      status:
+        in_progress: "En progreso"
+        submitted: "Enviado"

template/{{app_name}}/engines/flex/spec/dummy/app/controllers/passport_application_forms_controller.rb

@@ -0,0 +1,8 @@
+class PassportApplicationFormsController < ApplicationController
+  def index
+    @passport_application_forms = PassportApplicationForm.all
+  end
+
+  def show
+  end
+end

template/{{app_name}}/engines/flex/spec/dummy/app/views/passport_application_forms/index.html.erb

@@ -0,0 +1 @@
+<%= render template: "flex/application_forms/index", locals: Flex::ApplicationFormsPresenter.new(self, @passport_application_forms).index %>

template/{{app_name}}/engines/flex/spec/dummy/app/views/passport_application_forms/show.html.erb

@@ -0,0 +1,2 @@
+<h1>PassportApplicationForms#show</h1>
+<p>Find me in app/views/passport_application_forms/show.html.erb</p>

template/{{app_name}}/engines/flex/spec/dummy/config/locales/passport_application_forms/en.yml

@@ -0,0 +1,9 @@
+en:
+  passport_application_forms:
+    index:
+      title: "Passport Applications"
+      intro: "You can apply for a new passport or renew an existing passport."
+      new_button: "New Application"
+      in_progress_applications:
+        heading: "Existing applications"
+      

template/{{app_name}}/engines/flex/spec/dummy/config/routes.rb

@@ -1,10 +1,11 @@
 Rails.application.routes.draw do
-  get "passport_cases/show"
   mount Flex::Engine => "/flex"
 
   resources :passport_cases do
     collection do
       get :closed
     end
   end
+
+  resources :passport_application_forms, only: [ :index, :show ]
 end