darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-10 18:22:37 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1296 from GSA/1215-clean-up-macros-table-on-preview-page

Browse Source 
Converting 'preview page' table Macro to HTML
This commit is contained in:
Carlo Costino
2024-04-03 18:38:31 -04:00
committed by GitHub
parent c4611a291f bc71549d12
commit 8b17adeb34
2 changed files with 57 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/views/check/preview.html
+48 -18
View File
@@ -42,25 +42,55 @@
</ul> </ul>
</div> </div>
<div class="usa-table-container--scrollable" tabindex="0"> <div class="usa-table-container--scrollable" tabindex="0">
{% call(item, row_number) list_table( <table class="usa-table usa-table--borderless width-full">
recipients.displayed_rows, <caption class="font-body-lg table-heading">
caption="Note: Only the first 5 rows are displayed here.", Note: Only the first 5 rows are displayed here.
caption_visible=True, </caption>
field_headings=recipients.column_headers <thead class="table-field-headings-visible">
) %} <tr>
{% for column in recipients.column_headers %} {% for header in recipients.column_headers %}
{% if item[column].ignore %} <th scope="col" class="table-field-heading-first">
{{ text_field(item[column].data or '', status='default') }} {{ header }}
{% else %} </th>
{{ text_field(item[column].data or '') }} {% endfor %}
{% endif %} </tr>
{% endfor %} </thead>
{% if item[None].data %} <tbody>
{% for column in item[None].data %} {% for item in recipients.displayed_rows %}
{{ text_field(column, status='default') }} {% if loop.index <= 5 %}
<tr class="table-row">
{% for column in recipients.column_headers %}
<td class="table-field-left-aligned">
<div>
{% set column_data = item[column].data or '' %}
{% if column_data is iterable and column_data is not string %}
<ul>
{% for data_item in column_data %}
{% if data_item is not none %}
<li>{{ data_item }}</li>
{% endif %}
{% endfor %}
</ul>
{% else %}
{{ column_data }}
{% endif %}
</div>
</td>
{% endfor %}
{% if item[None].data %}
{% for column in item[None].data %}
<td class="table-field-left-aligned">
<div class="">
{{ column }}
</div>
</td>
{% endfor %}
{% endif %}
</tr>
{% endif %}
{% endfor %} {% endfor %}
{% endif %} </tbody>
{% endcall %} </table>
</div> </div>
{% endif %} {% endif %}
<!-- <div class="bottom-gutter-3-2"> <!-- <div class="bottom-gutter-3-2">
tests/app/main/views/test_send.py
+9 -9
View File
@@ -975,11 +975,11 @@ def test_upload_valid_csv_shows_preview_and_table(
for row_index, row in enumerate( for row_index, row in enumerate(
[ [
( (
'<td class="table-field-left-aligned"> <div class=""> 2028675301 </div> </td>', '<td class="table-field-left-aligned"> <div> 2028675301 </div> </td>',
'<td class="table-field-left-aligned"> <div class=""> A </div> </td>', '<td class="table-field-left-aligned"> <div> A </div> </td>',
( (
'<td class="table-field-left-aligned"> ' '<td class="table-field-left-aligned"> '
'<div class="table-field-status-default"> ' '<div> '
"<ul> " "<ul> "
"<li>foo</li> <li>foo</li> <li>foo</li> " "<li>foo</li> <li>foo</li> <li>foo</li> "
"</ul> " "</ul> "
@@ -988,11 +988,11 @@ def test_upload_valid_csv_shows_preview_and_table(
), ),
), ),
( (
'<td class="table-field-left-aligned"> <div class=""> 2028675302 </div> </td>', '<td class="table-field-left-aligned"> <div> 2028675302 </div> </td>',
'<td class="table-field-left-aligned"> <div class=""> B </div> </td>', '<td class="table-field-left-aligned"> <div> B </div> </td>',
( (
'<td class="table-field-left-aligned"> ' '<td class="table-field-left-aligned"> '
'<div class="table-field-status-default"> ' '<div> '
"<ul> " "<ul> "
"<li>foo</li> <li>foo</li> <li>foo</li> " "<li>foo</li> <li>foo</li> <li>foo</li> "
"</ul> " "</ul> "
@@ -1001,11 +1001,11 @@ def test_upload_valid_csv_shows_preview_and_table(
), ),
), ),
( (
'<td class="table-field-left-aligned"> <div class=""> 2028675303 </div> </td>', '<td class="table-field-left-aligned"> <div> 2028675303 </div> </td>',
'<td class="table-field-left-aligned"> <div class=""> C </div> </td>', '<td class="table-field-left-aligned"> <div> C </div> </td>',
( (
'<td class="table-field-left-aligned"> ' '<td class="table-field-left-aligned"> '
'<div class="table-field-status-default"> ' '<div> '
"<ul> " "<ul> "
"<li>foo</li> <li>foo</li> " "<li>foo</li> <li>foo</li> "
"</ul> " "</ul> "