templates/admin/index/donation_index.html.twig line 1

Open in your IDE?
  1. {# @var ea \EasyCorp\Bundle\EasyAdminBundle\Context\AdminContext #}
  2. {# @var entities \EasyCorp\Bundle\EasyAdminBundle\Collection\EntityDtoCollection #}
  3. {# @var paginator \EasyCorp\Bundle\EasyAdminBundle\Orm\EntityPaginator #}
  4. {% extends ea.templatePath('layout') %}
  5. {% trans_default_domain ea.i18n.translationDomain %}
  7. {% block body_id entities|length > 0 ? 'ea-index-' ~ entities|first.name : '' %}
  8. {% block body_class 'ea-index' ~ (entities|length > 0 ? ' ea-index-' ~ entities|first.name : '') %}
  10. {% set ea_field_assets = ea.crud.fieldAssets(constant('EasyCorp\\Bundle\\EasyAdminBundle\\Config\\Crud::PAGE_INDEX')) %}
  12. {% block configured_head_contents %}
  13.     {{ parent() }}
  14.     {% for htmlContent in ea_field_assets.headContents %}
  15.         {{ htmlContent|raw }}
  16.     {% endfor %}
  17. {% endblock %}
  19. {% block configured_body_contents %}
  20.     {{ parent() }}
  21.     {% for htmlContent in ea_field_assets.bodyContents %}
  22.         {{ htmlContent|raw }}
  23.     {% endfor %}
  24. {% endblock %}
  26. {% block configured_stylesheets %}
  27.     {{ parent() }}
  28.     {{ include('@EasyAdmin/includes/_css_assets.html.twig', { assets: ea_field_assets.cssAssets }, with_context = false) }}
  29.     {{ include('@EasyAdmin/includes/_encore_link_tags.html.twig', { assets: ea_field_assets.webpackEncoreAssets }, with_context = false) }}
  30. {% endblock %}
  32. {% block configured_javascripts %}
  33.     {{ parent() }}
  34.     {{ include('@EasyAdmin/includes/_js_assets.html.twig', { assets: ea_field_assets.jsAssets }, with_context = false) }}
  35.     {{ include('@EasyAdmin/includes/_encore_script_tags.html.twig', { assets: ea_field_assets.webpackEncoreAssets }, with_context = false) }}
  36. {% endblock %}
  38. {% block content_title %}
  39.     {%- apply spaceless -%}
  40.         {% set custom_page_title = ea.crud.customPageTitle('index', null, ea.i18n.translationParameters) %}
  41.         {{ custom_page_title is null
  42.             ? ea.crud.defaultPageTitle('index', null, ea.i18n.translationParameters)|trans|raw
  43.             : custom_page_title|trans|raw }}
  44.     {%- endapply -%}
  45. {% endblock %}
  47. {% set has_batch_actions = batch_actions|length > 0 %}
  48. {% block page_actions %}
  49.     {% if filters|length > 0 %}
  50.         <div class="datagrid-filters">
  51.             {% block filters %}
  52.                 {% set applied_filters = ea.request.query.all['filters']|default([])|keys %}
  53.                 <div class="btn-group action-filters">
  54.                     <a href="#" data-href="{{ ea_url().setAction('renderFilters').includeReferrer() }}" class="btn btn-secondary btn-labeled btn-labeled-right action-filters-button disabled {{ applied_filters ? 'action-filters-applied' }}" data-bs-toggle="modal" data-bs-target="#modal-filters">
  55.                         <i class="fa fa-filter fa-fw"></i> {{ t('filter.title', ea.i18n.translationParameters, 'EasyAdminBundle')|trans }}{% if applied_filters %} <span class="action-filters-button-count">({{ applied_filters|length }})</span>{% endif %}
  56.                     </a>
  57.                     {% if applied_filters %}
  58.                         <a href="{{ ea_url().unset('filters') }}" class="btn btn-secondary action-filters-reset">
  59.                             <i class="fa fa-close"></i>
  60.                         </a>
  61.                     {% endif %}
  62.                 </div>
  63.             {% endblock filters %}
  64.         </div>
  65.     {% endif %}
  67.     {% block global_actions %}
  68.         <div class="global-actions">
  69.             {% for action in global_actions %}
  70.                 {{ include(action.templatePath, { action: action }, with_context = false) }}
  71.             {% endfor %}
  72.         </div>
  73.     {% endblock global_actions %}
  74.     {% block batch_actions %}
  75.         {% if has_batch_actions %}
  76.             <div class="batch-actions" style="display: none">
  77.                 {% for action in batch_actions %}
  78.                     {{ include(action.templatePath, { action: action }, with_context = false) }}
  79.                 {% endfor %}
  80.             </div>
  81.         {% endif %}
  82.     {% endblock %}
  83. {% endblock page_actions %}
  85. {% block main %}
  86.     {# sort can be multiple; let's consider the sorting field the first one #}
  87.     {% set sort_field_name = app.request.get('sort')|keys|first %}
  88.     {% set sort_order = app.request.get('sort')|first %}
  89.     {% set some_results_are_hidden = entities|reduce((some_results_are_hidden, entity) => some_results_are_hidden or not entity.isAccessible, false) %}
  90.     {% set has_footer = entities|length != 0 %}
  91.     {% set has_search = ea.crud.isSearchEnabled %}
  92.     {% set has_filters = filters|length > 0 %}
  93.     {% set num_results = entities|length %}
  95.     {% if entities|first %}
  96.         {% set entity_name = entities|first.name %}
  97.         <div class="py-4 form-tabs donation-tabs">
  98.             <ul class="nav nav-tabs row">
  99.                 <li class="nav-item col-sm-2 p-0 text-center">
  100.                     <a href="{{ ea_url()
  101.                         .setController('App\\Controller\\Admin\\DonationCrudController')
  102.                         .setAction('index')
  103.                     }}" class="nav-link {% if entity_name == 'Donation' %}active{% endif %}">All</a>
  104.                 </li>
  105.                 <li class="nav-item col-sm-2 p-0 text-center">
  106.                     <a href="{{ ea_url()
  107.                         .setController('App\\Controller\\Admin\\RecurringDonationCrudController')
  108.                         .setAction('index')
  109.                     }}" class="nav-link {% if entity_name == 'RecurringDonation' %}active{% endif %}">Recurring Donations</a>
  110.                 </li>
  111.             </ul>
  112.         </div>
  113.     {% else %}
  114.         <div class="py-4 form-tabs donation-tabs">
  115.             <ul class="nav nav-tabs row">
  116.                 <li class="nav-item col-sm-2 p-0 text-center">
  117.                     <a href="{{ ea_url()
  118.                         .setController('App\\Controller\\Admin\\DonationCrudController')
  119.                         .setAction('index')
  120.                     }}" class="nav-link active">All</a>
  121.                 </li>
  122.                 <li class="nav-item col-sm-2 p-0 text-center">
  123.                     <a href="{{ ea_url()
  124.                         .setController('App\\Controller\\Admin\\RecurringDonationCrudController')
  125.                         .setAction('index')
  126.                     }}" class="nav-link">Recurring Donations</a>
  127.                 </li>
  128.             </ul>
  129.         </div>
  130.     {% endif %}
  132.     <table class="table datagrid {{ entities is empty ? 'datagrid-empty' }}">
  133.         {% if num_results > 0 %}
  134.             <thead>
  135.             {% block table_head %}
  136.                 <tr>
  137.                     {% if has_batch_actions %}
  138.                         <th>
  139.                             <div class="form-check">
  140.                                 <span><input type="checkbox" class="form-check-input form-batch-checkbox-all"></span>
  141.                             </div>
  142.                         </th>
  143.                     {% endif %}
  145.                     {% set ea_sort_asc = constant('EasyCorp\\Bundle\\EasyAdminBundle\\Config\\Option\\SortOrder::ASC') %}
  146.                     {% set ea_sort_desc = constant('EasyCorp\\Bundle\\EasyAdminBundle\\Config\\Option\\SortOrder::DESC') %}
  147.                     {% for field in entities|first.fields ?? [] %}
  148.                         {% set is_sorting_field = ea.search.isSortingField(field.property) %}
  149.                         {% set next_sort_direction = is_sorting_field ? (ea.search.sortDirection(field.property) == ea_sort_desc ? ea_sort_asc : ea_sort_desc) : ea_sort_desc %}
  150.                         {% set column_icon = is_sorting_field ? (next_sort_direction == ea_sort_desc ? 'fa-arrow-up' : 'fa-arrow-down') : 'fa-sort' %}
  152.                         <th class="{{ is_sorting_field ? 'sorted' }} {{ field.isVirtual ? 'field-virtual' }} header-for-{{ field.cssClass|split(' ')|filter(class => class starts with 'field-')|join('') }} text-{{ field.textAlign }}" dir="{{ ea.i18n.textDirection }}">
  153.                             {% if field.isSortable %}
  154.                                 <a href="{{ ea_url({ page: 1, sort: { (field.property): next_sort_direction } }).includeReferrer() }}">
  155.                                     {{ field.label|trans|raw }} <i class="fa fa-fw {{ column_icon }}"></i>
  156.                                 </a>
  157.                             {% else %}
  158.                                 <span>{{ field.label|trans|raw }}</span>
  159.                             {% endif %}
  160.                         </th>
  161.                     {% endfor %}
  163.                     <th {% if ea.crud.showEntityActionsAsDropdown %}style="width: 10px"{% endif %} dir="{{ ea.i18n.textDirection }}">
  164.                         <span class="sr-only">{{ t('action.entity_actions', ea.i18n.translationParameters, 'EasyAdminBundle')|trans }}</span>
  165.                     </th>
  166.                 </tr>
  167.             {% endblock table_head %}
  168.             </thead>
  169.         {% endif %}
  171.         <tbody>
  172.         {% block table_body %}
  173.             {% for entity in entities %}
  174.                 {% if entity.isAccessible %}
  175.                     <tr data-id="{{ entity.primaryKeyValueAsString }}">
  176.                         {% if has_batch_actions %}
  177.                             <td class="batch-actions-selector">
  178.                                 <div class="form-check">
  179.                                     <input type="checkbox" class="form-check-input form-batch-checkbox" value="{{ entity.primaryKeyValue }}">
  180.                                 </div>
  181.                             </td>
  182.                         {% endif %}
  184.                         {% for field in entity.fields %}
  185.                             <td data-label="{{ field.label|trans|e('html_attr') }}" class="{{ field.property == sort_field_name ? 'sorted' }} text-{{ field.textAlign }} {{ field.cssClass }}" dir="{{ ea.i18n.textDirection }}">
  186.                                 {{ include(field.templatePath, { field: field, entity: entity }, with_context = false) }}
  187.                             </td>
  188.                         {% endfor %}
  190.                         {% block entity_actions %}
  191.                             <td class="actions {{ ea.crud.showEntityActionsAsDropdown ? 'actions-as-dropdown' }}">
  192.                                 {% if entity.actions.count > 0 %}
  193.                                     {% if ea.crud.showEntityActionsAsDropdown %}
  194.                                         <div class="dropdown dropdown-actions">
  195.                                             <a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  196.                                                 {# don't use FontAwesome 'fa-ellipsis-h' icon here because it doesn't look good #}
  197.                                                 {# this icon is 'dots-horizontal' icon from https://heroicons.com/ #}
  198.                                                 <svg xmlns="http://www.w3.org/2000/svg" height="21" width="21" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  199.                                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z" />
  200.                                                 </svg>
  201.                                             </a>
  203.                                             <div class="dropdown-menu dropdown-menu-right">
  204.                                                 {% for action in entity.actions %}
  205.                                                     {{ include(action.templatePath, { action: action, entity: entity, isIncludedInDropdown: ea.crud.showEntityActionsAsDropdown }, with_context = false) }}
  206.                                                 {% endfor %}
  207.                                             </div>
  208.                                         </div>
  209.                                     {% else %}
  210.                                         {% for action in entity.actions %}
  211.                                             {{ include(action.templatePath, { action: action, entity: entity, isIncludedInDropdown: ea.crud.showEntityActionsAsDropdown }, with_context = false) }}
  212.                                         {% endfor %}
  213.                                     {% endif %}
  214.                                 {% endif %}
  215.                             </td>
  216.                         {% endblock entity_actions %}
  217.                     </tr>
  219.                 {% endif %}
  220.             {% else %}
  221.                 {% block table_body_empty %}
  222.                     {% for i in 1..14 %}
  223.                         <tr class="empty-row">
  224.                             <td><span></span></td>
  225.                             <td><span></span></td>
  226.                             <td><span></span></td>
  227.                             <td><span></span></td>
  228.                             <td><span></span></td>
  229.                             <td><span></span></td>
  230.                         </tr>
  232.                         {% if 3 == loop.index %}
  233.                             <tr class="no-results">
  234.                                 <td colspan="100">
  235.                                     {{ t('datagrid.no_results', ea.i18n.translationParameters, 'EasyAdminBundle')|trans }}
  236.                                 </td>
  237.                             </tr>
  238.                         {% endif %}
  239.                     {% endfor %}
  240.                 {% endblock table_body_empty %}
  241.             {% endfor %}
  243.             {% if some_results_are_hidden %}
  244.                 <tr class="datagrid-row-empty">
  245.                     <td class="text-center" colspan="100">
  246.                         <span class="datagrid-row-empty-message"><i class="fa fa-lock mr-1"></i> {{ 'datagrid.hidden_results'|trans({}, 'EasyAdminBundle') }}</span>
  247.                     </td>
  248.                 </tr>
  249.             {% endif %}
  250.         {% endblock table_body %}
  251.         </tbody>
  253.         <tfoot>
  254.         {% block table_footer %}
  255.         {% endblock table_footer %}
  256.         </tfoot>
  257.     </table>
  259.     {% if entities|length > 0 %}
  260.         <div class="content-panel-footer without-padding without-border">
  261.             {% block paginator %}
  262.                 {{ include(ea.templatePath('crud/paginator'), { render_detailed_pagination: not some_results_are_hidden }) }}
  263.             {% endblock paginator %}
  264.         </div>
  265.     {% endif %}
  267.     {% block delete_form %}
  268.         {{ include('@EasyAdmin/crud/includes/_delete_form.html.twig', with_context = false) }}
  269.     {% endblock delete_form %}
  271.     {% if has_filters %}
  272.         {{ include('@EasyAdmin/crud/includes/_filters_modal.html.twig') }}
  273.     {% endif %}
  275.     {% if has_batch_actions %}
  276.         {{ include('@EasyAdmin/crud/includes/_batch_action_modal.html.twig', {}, with_context = false) }}
  277.     {% endif %}
  279.     <div id="custom-batch-actions" class="custom-modal fade" tabindex="-1">
  280.         <div class="modal-dialog">
  281.             <div class="modal-content">
  282.                 <div class="modal-body">
  283.                     <div class="row ">
  284.                         <div class="col-12 d-flex align-items-center flex-wrap batch-actions">
  285.                             <p class="number-selected"><span class="numberOfSelected"></span> Item(s)</p>
  286.                             {% if has_batch_actions %}
  287.                                 {% for action in batch_actions %}
  288.                                     <a href="{{ action.linkUrl }}" class="btn btn-primary custom-batch-btn {{action.cssClass}}"  
  289.                                     {% for name, value in action.htmlAttributes %}{{ name }}="{{ value|e('html_attr') }}" {% endfor %}>
  290.                                         <span class="btn-label">{{ action.label|trans|raw }}</span>
  291.                                     </a>
  292.                                 {% endfor %}
  293.                             {% endif %}
  294.                             <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"  data-bs-target="#modal-batch-action" ></button>
  295.                         </div>
  296.                     </div>
  298.                 </div>
  299.             </div>
  300.         </div>
  301.     </div>
  303.     <div id="refund-review-modal" aria-hidden="true" class="modal micromodal-slide">
  304.         <input name="data-id" id="data-id" type="hidden" />
  305.         <div class="modal__overlay" tabindex="-1" data-micromodal-close>
  306.             <div class="modal__main_content">
  307.                 <div class="icon__overlay">
  308.                     <img src="/build/images/check.png" />
  309.                 </div>
  310.                 <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modal-title" >
  311.                     
  312.                     <header class="modal_header">
  313.                         <h2 class="modal__title" id="modal-title">Refund Donation</h2>
  314.                     </header>
  315.                     <main class="modal__content" id="modal-content">
  316.                         Are you sure you want to refund the project?
  318.                         <p class="d-flex justify-content-center">
  319.                             <a class="btn btn-primary mt-4 mx-2 w-25 approve-refund-btn" href="javascript:void(0);">Yes</a>
  320.                             <a class="btn btn-primary mt-4 mx-2 w-25 js-modal-close-trigger" href="#" aria-label="Close this dialog window" data-micromodal-close>No</a>
  321.                         </p>
  322.                     </main>
  323.                 </div>
  324.             </div>
  325.         </div>
  326.     </div>
  328.      <div id="partialRefund-review-modal" aria-hidden="true" class="modal micromodal-slide">
  329.         <input name="data-id" id="data-id" type="hidden" />
  330.         <div class="modal__overlay" tabindex="-1" data-micromodal-close>
  331.             <div class="modal__main_content">
  332.                 <div class="icon__overlay">
  333.                     <img src="/build/images/check.png" />
  334.                 </div>
  335.                 <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modal-title" >
  336.                     
  337.                     <header class="modal_header">
  338.                         <h2 class="modal__title" id="modal-title">Partial Refund Donation</h2>
  339.                     </header>
  340.                     <main class="modal__content" id="modal-content">
  341.                         Are you sure you want to partially refund the project?
  343.                         <p class="d-flex justify-content-center">
  344.                             <a class="btn btn-primary mt-4 mx-2 w-25 approve-partialRefund-btn" href="javascript:void(0);">Yes</a>
  345.                             <a class="btn btn-primary mt-4 mx-2 w-25 js-modal-close-trigger" href="#" aria-label="Close this dialog window" data-micromodal-close>No</a>
  346.                         </p>
  347.                     </main>
  348.                 </div>
  349.             </div>
  350.         </div>
  351.     </div>
  352. {% endblock main %}