Merge pull request #35053 from dimagi/bmb/hide-show-error-details

add toggle for error details for occasions when the list is quite long
dimagi · Aug 29, 2024 · cd425ea · cd425ea
2 parents ca19919 + 1363f10
commit cd425ea
Showing 1 changed file with 17 additions and 4 deletions.
diff --git a/corehq/apps/case_importer/templates/case_importer/partials/ko_import_status.html b/corehq/apps/case_importer/templates/case_importer/partials/ko_import_status.html
@@ -55,10 +55,23 @@
       </p>
       <p data-bind="visible: sample, text: sample">
       </p>
-      <p data-bind="visible: rows.length">
-        <span>{% trans "Row(s):" %}</span>
-        <span data-bind="text: rows.join(', ')"></span>
-      </p>
+      <div data-bind="visible: rows.length">
+        <button type="button"
+                class="btn btn-outline-primary btn-sm"
+                data-bs-toggle="collapse"
+                data-bind="attr: {
+                  'data-bs-target': '#rowDetailsCollapse-' + $index(),
+                  'aria-controls': 'rowDetailsCollapse-' + $index()
+                }"
+                aria-expanded="false">
+          {% trans "Toggle Affected Row(s)" %}
+        </button>
+        <div class="collapse"
+             data-bind="attr: { id: 'rowDetailsCollapse-' + $index() }">
+          <div class="card card-body mt-3"
+               data-bind="text: rows.join(', ')"></div>
+        </div>
+      </div>
     </li>
     <!--/ko-->
     <!--/ko-->