app/template/admin/Customer/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends '@admin/default_frame.twig' %}
  13. {% set menus = ['customer', 'customer_master'] %}
  15. {% block title %}{{ 'admin.customer.customer_list'|trans }}{% endblock %}
  16. {% block sub_title %}{{ 'admin.customer.customer_management'|trans }}{% endblock %}
  18. {% form_theme searchForm '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}
  20. {% block main %}
  21.     <form name="search_form" id="search_form" method="post" action="">
  22.         {{ form_widget(searchForm._token) }}
  23.         <div class="c-outsideBlock">
  24.             <div class="c-outsideBlock__contents">
  25.                 <div class="row justify-content-start">
  26.                     <div class="col-6">
  27.                         <div class="mb-2">
  28.                             <label class="col-form-label" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.customer.multi_search_label'|trans }}">{{ 'admin.customer.multi_search_label'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></label>
  29.                             {{ form_widget(searchForm.multi) }}
  30.                             {{ form_errors(searchForm.multi) }}
  31.                         </div>
  32.                         <div class="d-inline-block mb-3 collapsed" data-bs-toggle="collapse" href="#searchDetail" aria-expanded="false" aria-controls="searchDetail"><a><i class="fa fw-bold me-1 fa-plus-square-o"></i><span class="fw-bold">{{ 'admin.common.search_detail'|trans }}</span></a></div>
  33.                     </div>
  34.                 </div>
  35.             </div>
  36.             <div class="c-subContents ec-collapse collapse{{ has_errors ? ' show' }}" id="searchDetail">
  37.                 <div class="row mb-2">
  38.                     <div class="col">
  39.                         <div class="row">
  40.                             <div class="col-12">
  41.                                 <p class="col-form-label">{{ 'admin.customer.customer_status'|trans }}</p>
  42.                                 {{ form_widget(searchForm.customer_status, { 'label_attr': { 'class': 'checkbox-inline'}}) }}
  43.                                 {{ form_errors(searchForm.customer_status) }}
  44.                             </div>
  45.                         </div>
  46.                     </div>
  47.                     <div class="col">
  48.                         <div>
  49.                             <label>{{ 'admin.order.purchase_product'|trans }}</label>
  50.                             {{ form_widget(searchForm.buy_product_name) }}
  51.                             {{ form_errors(searchForm.buy_product_name) }}
  52.                         </div>
  53.                     </div>
  54.                 </div>
  55.                 <div class="row mb-2">
  56.                     <div class="col">
  57.                         <div class="row">
  58.                             <div class="col-12">
  59.                                 <p class="col-form-label">{{ 'admin.common.gender'|trans }}</p>
  60.                                 {{ form_widget(searchForm.sex, { 'label_attr': { 'class': 'checkbox-inline'}}) }}
  61.                                 {{ form_errors(searchForm.sex) }}
  62.                             </div>
  63.                         </div>
  64.                     </div>
  65.                     <div class="col">
  66.                         <div>
  67.                             <label>{{ 'admin.order.purchase_price'|trans }}</label>
  68.                             <div class="row align-items-center">
  69.                                 <div class="col">
  70.                                     {{ form_widget(searchForm.buy_total_start) }}
  71.                                     {{ form_errors(searchForm.buy_total_start) }}
  72.                                 </div>
  73.                                 <div class="col-auto text-center"><span>{{ 'admin.common.separator__range'|trans }}</span></div>
  74.                                 <div class="col">
  75.                                     {{ form_widget(searchForm.buy_total_end) }}
  76.                                     {{ form_errors(searchForm.buy_total_end) }}
  77.                                 </div>
  78.                             </div>
  79.                         </div>
  80.                     </div>
  81.                 </div>
  82.                 <div class="row mb-2">
  83.                     <div class="col">
  84.                         <div>
  85.                             <label>{{ 'admin.customer.birth_month'|trans }}</label>
  86.                             <div class="row">
  87.                                 <div class="col-5">
  88.                                     {{ form_widget(searchForm.birth_month) }}
  89.                                     {{ form_errors(searchForm.birth_month) }}
  90.                                 </div>
  91.                                 <div class="col-7"></div>
  92.                             </div>
  93.                         </div>
  94.                     </div>
  95.                     <div class="col">
  96.                         <div>
  97.                             <label>{{ 'admin.order.purchase_count'|trans }}</label>
  98.                             <div class="row align-items-center">
  99.                                 <div class="col">
  100.                                     {{ form_widget(searchForm.buy_times_start) }}
  101.                                     {{ form_errors(searchForm.buy_times_start) }}
  102.                                 </div>
  103.                                 <div class="col-auto text-center"><span>{{ 'admin.common.separator__range'|trans }}</span></div>
  104.                                 <div class="col">
  105.                                     {{ form_widget(searchForm.buy_times_end) }}
  106.                                     {{ form_errors(searchForm.buy_times_end) }}
  107.                                 </div>
  108.                             </div>
  109.                         </div>
  110.                     </div>
  111.                 </div>
  112.                 <div class="row mb-2">
  113.                     <div class="col">
  114.                         <div>
  115.                             <label>{{ 'admin.common.birth_day'|trans }}</label>
  116.                             <div class="row align-items-center">
  117.                                 <div class="col">
  118.                                     {{ form_widget(searchForm.birth_start) }}
  119.                                     {{ form_errors(searchForm.birth_start) }}
  120.                                 </div>
  121.                                 <div class="col-auto text-center"><span>{{ 'admin.common.separator__range'|trans }}</span></div>
  122.                                 <div class="col">
  123.                                     {{ form_widget(searchForm.birth_end) }}
  124.                                     {{ form_errors(searchForm.birth_end) }}
  125.                                 </div>
  126.                             </div>
  127.                         </div>
  128.                     </div>
  129.                     <div class="col">
  130.                         <div>
  131.                             <label>{{ 'admin.common.create_date'|trans }}</label>
  132.                             <div class="row align-items-center">
  133.                                 <div class="col">
  134.                                     {{ form_widget(searchForm.create_datetime_start) }}
  135.                                     {{ form_errors(searchForm.create_datetime_start) }}
  136.                                 </div>
  137.                                 <div class="col-auto text-center"><span>{{ 'admin.common.separator__range'|trans }}</span></div>
  138.                                 <div class="col">
  139.                                     {{ form_widget(searchForm.create_datetime_end) }}
  140.                                     {{ form_errors(searchForm.create_datetime_end) }}
  141.                                 </div>
  142.                             </div>
  143.                         </div>
  144.                     </div>
  145.                 </div>
  146.                 <div class="row mb-2">
  147.                     <div class="col">
  148.                         <div>
  149.                             <label>{{ 'admin.common.pref'|trans }}</label>
  150.                             <div class="row">
  151.                                 <div class="col-5">
  152.                                     {{ form_widget(searchForm.pref) }}
  153.                                     {{ form_errors(searchForm.pref) }}
  154.                                 </div>
  155.                                 <div class="col-7"></div>
  156.                             </div>
  157.                         </div>
  158.                     </div>
  159.                     <div class="col">
  160.                         <div>
  161.                             <label>{{ 'admin.common.update_date'|trans }}</label>
  162.                             <div class="row align-items-center">
  163.                                 <div class="col">
  164.                                     {{ form_widget(searchForm.update_datetime_start) }}
  165.                                     {{ form_errors(searchForm.update_datetime_start) }}
  166.                                 </div>
  167.                                 <div class="col-auto text-center"><span>{{ 'admin.common.separator__range'|trans }}</span></div>
  168.                                 <div class="col">
  169.                                     {{ form_widget(searchForm.update_datetime_end) }}
  170.                                     {{ form_errors(searchForm.update_datetime_end) }}
  171.                                 </div>
  172.                             </div>
  173.                         </div>
  174.                     </div>
  175.                 </div>
  176.                 <div class="row mb-2">
  177.                     <div class="col">
  178.                         <div class="mb-3">
  179.                             <label>{{ 'admin.common.phone_number'|trans }}</label>
  180.                             {{ form_widget(searchForm.phone_number) }}
  181.                             {{ form_errors(searchForm.phone_number) }}
  182.                         </div>
  183.                     </div>
  184.                     <div class="col">
  185.                         <div>
  186.                             <label>{{ 'admin.order.last_buy_date'|trans }}</label>
  187.                             <div class="row align-items-center">
  188.                                 <div class="col">
  189.                                     {{ form_widget(searchForm.last_buy_start) }}
  190.                                     {{ form_errors(searchForm.last_buy_start) }}
  191.                                 </div>
  192.                                 <div class="col-auto text-center"><span>{{ 'admin.common.separator__range'|trans }}</span></div>
  193.                                 <div class="col">
  194.                                     {{ form_widget(searchForm.last_buy_end) }}
  195.                                     {{ form_errors(searchForm.last_buy_end) }}
  196.                                 </div>
  197.                             </div>
  198.                         </div>
  199.                     </div>
  200.                 </div>
  202.                 {# エンティティ拡張の自動出力 #}
  203.                 {% for f in searchForm|filter(f => f.vars.eccube_form_options.auto_render) %}
  204.                     {# TODO 1項目1行になるのを改善 #}
  205.                     <div class="row mb-2">
  206.                         {% if f.vars.eccube_form_options.form_theme %}
  207.                             {% form_theme f f.vars.eccube_form_options.form_theme %}
  208.                             {{ form_row(f) }}
  209.                         {% else %}
  210.                             <div class="col">
  211.                                 <div class="mb-3">
  212.                                     <label>{{ f.vars.label|trans }}</label>
  213.                                     {{ form_widget(f) }}
  214.                                     {{ form_errors(f) }}
  215.                                 </div>
  216.                             </div>
  217.                         {% endif %}
  218.                     </div>
  219.                 {% endfor %}
  220.             </div>
  221.             {{ form_widget(searchForm.sortkey, {'attr': {'class': 'js-listSort-key'}}) }}
  222.             {{ form_widget(searchForm.sorttype, {'attr': {'class': 'js-listSort-type'}}) }}
  223.         </div>
  224.         <div class="c-outsideBlock__contents mb-5">
  225.             <button type="submit" class="btn btn-ec-conversion px-5">{{ 'admin.common.search'|trans }}</button>
  226.             {% if pagination %}
  227.                 <span class="fw-bold ms-2">{{ 'admin.common.search_result'|trans({'%count%':pagination.totalItemCount}) }}</span>
  228.             {% endif %}
  229.         </div>
  230.         <div class="c-outsideBlock__contents mb-5">
  231.             {{ include('@admin/search_items.twig', { 'form': searchForm }, ignore_missing = true) }}
  232.         </div>
  233.         <div class="c-contentsArea__cols">
  234.             <div class="c-contentsArea__primaryCol">
  235.                 <div class="c-primaryCol">
  236.                     {% if pagination and pagination.totalItemCount %}
  237.                         <div class="row justify-content-between mb-2">
  238.                             <div class="col-6"></div>
  240.                             <div class="col-5 text-end">
  241.                                 {#Dropdown page count#}
  242.                                 <div class="d-inline-block me-2 align-bottom">
  243.                                     <select class="form-select" onchange="location = this.value;">
  244.                                         {% for pageMax in pageMaxis %}
  245.                                             <option {% if pageMax.name == page_count %} selected {% endif %}
  246.                                                     value="{{ path('admin_customer_page', {'page_no': 1, 'page_count': pageMax.name }) }}">
  247.                                                 {{ 'admin.common.count'|trans({ '%count%': pageMax.name }) }}</option>
  248.                                         {% endfor %}
  249.                                     </select>
  250.                                 </div>
  252.                                 <div class="d-inline-block">
  253.                                     <div class="btn-group" role="group">
  254.                                         <a class="btn btn-ec-regular" href="{{ url('admin_customer_export') }}"><i class="fa fa-cloud-download me-1 text-secondary"></i><span>{{ 'admin.common.csv_download'|trans }}</span></a>
  255.                                         <a class="btn btn-ec-regular" href="{{ url('admin_setting_shop_csv', { id : constant('\\Eccube\\Entity\\Master\\CsvType::CSV_TYPE_CUSTOMER') }) }}"><i class="fa fa-cog me-1 text-secondary"></i><span>{{ 'admin.setting.shop.csv_setting'|trans }}</span></a>
  256.                                     </div>
  257.                                 </div>
  258.                             </div>
  259.                         </div>
  260.                         <div class="card rounded border-0 mb-4 d-block">
  261.                             <div class="card-body p-0">
  262.                                 <table class="table">
  263.                                     <thead>
  264.                                     <tr>
  265.                                         <th class="border-top-0 pt-2 pb-3 ps-3 text-nowrap">{{ 'admin.customer.customer_id'|trans }}<a href="#" class="js-listSort" data-sortkey="customer_id"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  266.                                         <th class="border-top-0 pt-2 pb-3">{{ 'admin.common.name'|trans }}<a href="#" class="js-listSort" data-sortkey="name"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  267.                                         <th class="border-top-0 pt-2 pb-3">{{ 'admin.common.phone_number'|trans }}</th>
  268.                                         <th class="border-top-0 pt-2 pb-3">{{ 'admin.common.mail_address'|trans }}</th>
  269.                                         <th class="border-top-0 pt-2 pb-3">&nbsp;</th>
  270.                                         <th class="border-top-0 pt-2 pb-3 pe-3">&nbsp;</th>
  271.                                     </tr>
  272.                                     </thead>
  273.                                     <tbody>
  274.                                     {% for Customer in pagination %}
  275.                                         <tr id="ex-customer-{{ Customer.id }}">
  276.                                             <td class="align-middle ps-3">{{ Customer.id }}</td>
  277.                                             <td class="align-middle"><a href="{{ url('admin_customer_edit', { 'id': Customer.id}) }}">{{ Customer.name01 }}&nbsp;{{ Customer.name02 }}</a></td>
  278.                                             <td class="align-middle">{{ Customer.phone_number }}</td>
  279.                                             <td class="align-middle">{{ Customer.email }}</td>
  280.                                             <td class="align-middle"></td>
  281.                                             <td class="align-middle pe-3">
  282.                                                 <div class="text-end">
  283.                                                     {% if Customer.Status.id == constant('Eccube\\Entity\\Master\\CustomerStatus::PROVISIONAL') %}
  284.                                                         <div class="px-1 d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'admin.customer.resend'|trans }}">
  285.                                                             <a class="btn btn-ec-actionIcon" data-bs-toggle="modal" data-bs-target="#discontinuance_cus_{{ Customer.id }}">
  286.                                                                 <i class="fa fa-send fa-lg text-secondary" aria-hidden="true"></i>
  287.                                                             </a>
  288.                                                         </div>
  289.                                                         <div class="modal fade" id="discontinuance_cus_{{ Customer.id }}" tabindex="-1" role="dialog" aria-labelledby="discontinuance" aria-hidden="true">
  290.                                                             <div class="modal-dialog" role="document">
  291.                                                                 <div class="modal-content">
  292.                                                                     <div class="modal-header">
  293.                                                                         <h5 class="modal-title fw-bold">{{ 'admin.customer.resend_confirm_title'|trans }}</h5>
  294.                                                                         <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close">
  296.                                                                         </button>
  297.                                                                     </div>
  298.                                                                     <div class="modal-body text-start">
  299.                                                                         <p class="text-start">{{ 'admin.customer.resend_confirm_message'|trans }}</p>
  300.                                                                     </div>
  301.                                                                     <div class="modal-footer">
  302.                                                                         <button class="btn btn-ec-sub" type="button" data-bs-dismiss="modal">{{ 'admin.common.cancel'|trans }}</button>
  303.                                                                         {# TODO: CSSの変更は別タスクでやります #}
  304.                                                                         <a class="btn btn-ec-delete" href="{{ url('admin_customer_resend', {'id' : Customer.id}) }}" {{ csrf_token_for_anchor() }} data-method="get" data-confirm="false">
  305.                                                                             {{ 'admin.common.send'|trans }}
  306.                                                                         </a>
  307.                                                                     </div>
  308.                                                                 </div>
  309.                                                             </div>
  310.                                                         </div>
  311.                                                     {% endif %}
  312.                                                     <div class="px-1 d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'admin.common.delete'|trans }}">
  313.                                                         <a class="btn btn-ec-actionIcon" data-bs-toggle="modal" data-bs-target="#discontinuance-{{ Customer.id }}">
  314.                                                             <i class="fa fa-close fa-lg text-secondary" aria-hidden="true"></i>
  315.                                                         </a>
  316.                                                     </div>
  317.                                                     <div class="modal fade" id="discontinuance-{{ Customer.id }}" tabindex="-1" role="dialog" aria-labelledby="discontinuance" aria-hidden="true">
  318.                                                         <div class="modal-dialog" role="document">
  319.                                                             <div class="modal-content">
  320.                                                                 <div class="modal-header">
  321.                                                                     <h5 class="modal-title fw-bold">
  322.                                                                         {{ 'admin.common.delete_modal__title'|trans }}</h5>
  323.                                                                     <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close">
  325.                                                                     </button>
  326.                                                                 </div>
  327.                                                                 <div class="modal-body text-start">
  328.                                                                     <p class="text-start">
  329.                                                                         {{ 'admin.common.delete_modal__message'|trans({ '%name%' : Customer.email }) }}</p>
  330.                                                                 </div>
  331.                                                                 <div class="modal-footer">
  332.                                                                     <button class="btn btn-ec-sub" type="button" data-bs-dismiss="modal">
  333.                                                                         {{ 'admin.common.cancel'|trans }}
  334.                                                                     </button>
  335.                                                                     <a href="{{ url('admin_customer_delete', {'id' : Customer.id}) }}" class="btn btn-ec-delete"{{ csrf_token_for_anchor() }} data-method="delete" data-confirm="false">
  336.                                                                         {{ 'admin.common.delete'|trans }}
  337.                                                                     </a>
  338.                                                                 </div>
  339.                                                             </div>
  340.                                                         </div>
  341.                                                     </div>
  342.                                                 </div><!-- /.text-end -->
  343.                                             </td>
  344.                                         </tr>
  345.                                     {% endfor %}
  346.                                     </tbody>
  347.                                 </table>
  348.                                 <div class="row justify-content-md-center pb-4 mb-4">
  349.                                     {% if pagination.totalItemCount > 0 %}
  350.                                         {% include "@admin/pager.twig" with { 'pages' : pagination.paginationData, 'routes' : 'admin_customer_page' } %}
  351.                                     {% endif %}
  352.                                 </div>
  353.                             </div>
  354.                         </div>
  355.                     {% elseif has_errors %}
  356.                         <div class="card rounded border-0">
  357.                             <div class="card-body p-4">
  358.                                 <div class="text-center text-muted mb-4 h5">{{ 'admin.common.search_invalid_condition'|trans }}</div>
  359.                                 <div class="text-center text-muted">{{ 'admin.common.search_try_change_condition'|trans }}</div>
  360.                             </div>
  361.                         </div>
  362.                     {% else %}
  363.                         <div class="card rounded border-0">
  364.                             <div class="card-body p-4">
  365.                                 <div class="text-center text-muted mb-4 h5">{{ 'admin.common.search_no_result'|trans }}</div>
  366.                                 <div class="text-center text-muted">{{ 'admin.common.search_try_change_condition'|trans }}</div>
  367.                                 <div class="text-center text-muted">{{ 'admin.common.search_try_advanced_search'|trans }}</div>
  368.                             </div>
  369.                         </div>
  370.                     {% endif %}
  371.                 </div>
  372.             </div>
  373.         </div>
  374.     </form>
  375. {% endblock %}