From 46ca6f13f6b6c8a4d5650a8112cfcb12a972c5aa Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Tue, 20 May 2025 16:24:12 -0500
Subject: [PATCH] Stub recently closed filter

---
 .../cards/index/_closure_filter.html.erb      | 37 +++++++++++++++++++
 .../cards/index/engagement/_closed.html.erb   |  4 +-
 2 files changed, 38 insertions(+), 3 deletions(-)
 create mode 100644 app/views/cards/index/_closure_filter.html.erb

diff --git a/app/views/cards/index/_closure_filter.html.erb b/app/views/cards/index/_closure_filter.html.erb
new file mode 100644
index 000000000..120519c2f
--- /dev/null
+++ b/app/views/cards/index/_closure_filter.html.erb
@@ -0,0 +1,37 @@
+<div class="card-filter--column full-width position-relative" data-controller="dialog" data-action="keydown.esc->dialog#close click@document->dialog#closeOnClickOutside">
+  <button class="cards__heading input input--select borderless" data-action="click->dialog#open:stop">
+    <strong class="overflow-ellipsis">
+      Recently closed
+    </strong>
+  </button>
+
+  <dialog class="events__popup popup panel flex-column align-start gap-half fill-white shadow"
+    aria-label="Closed with reason…" aria-description="Closed with reason…"
+    data-dialog-target="dialog" data-action="turbo:before-cache@document->dialog#close">
+    <strong class="popup__title margin-block-start-half pad-inline-half">Closed with reason…</strong>
+    <%= form_with url: cards_path, method: :get, class: "flex flex-column full-width popup__list",
+          data: { controller: "form" } do |form| %>
+      <% filter.as_params.except(:closure_reason_ids).each do |key, value| %>
+        <%= filter_hidden_field_tag key, value %>
+      <% end %>
+
+      <%= link_to cards_path(filter.as_params.except(:closure_reason_ids)), class: "btn popup__item" do %>
+        <span class="overflow-ellipsis">All recently closed</span>
+      <% end %>
+
+      <% Closure::Reason.all.each do |reason| %>
+        <div class="btn popup__item">
+          <%= form.check_box :closure_reason_ids, {
+                multiple: true,
+                checked: false,
+                data: { action: "change->form#submit" },
+                include_hidden: false,
+          }, reason.label %>
+
+          <%= form.label :closure_reason_ids, reason.label, for: form.field_id(:closure_reason_ids, reason.label), class: "overflow-ellipsis" %>
+          <%= icon_tag "check", size: 18, class: "checked flex-item-justify-end" %>
+        </div>
+      <% end %>
+    <% end %>
+  </dialog>
+</div>
diff --git a/app/views/cards/index/engagement/_closed.html.erb b/app/views/cards/index/engagement/_closed.html.erb
index 656106a15..c8259f8ac 100644
--- a/app/views/cards/index/engagement/_closed.html.erb
+++ b/app/views/cards/index/engagement/_closed.html.erb
@@ -1,7 +1,5 @@
 <section id="closed-cards" class="cards cards--closed">
-  <h2 class="cards__heading">
-    Recently closed
-  </h2>
+  <%= render "cards/index/closure_filter", filter: filter %>
 
   <% if page.used? %>
     <%= render partial: "cards/display/preview", collection: page.records, as: :card, cached: true %>