app/Plugin/ContactManagement42/Resource/template/admin/index.twig line 1

Open in your IDE?
  1. {% extends '@admin/default_frame.twig' %}
  3. {% set menus = ['contact', 'contact'] %}
  5. {% block title %}{{ 'admin.contact.index.title'|trans }}{% endblock %}
  6. {% block sub_title %}{{ 'contact.title'|trans }}{% endblock %}
  8. {% form_theme searchForm '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}
  10. {% block stylesheet %}
  11. <link rel="stylesheet" href="{{ asset('assets/css/bootstrap-datetimepicker.min.css', 'admin') }}">
  12. {% endblock stylesheet %}
  14. {% block javascript %}
  15. <script src="{{ asset('assets/js/vendor/moment.min.js', 'admin') }}"></script>
  16. <script src="{{ asset('assets/js/vendor/moment-ja.js', 'admin') }}"></script>
  17. <script src="{{ asset('assets/js/vendor/bootstrap-datetimepicker.min.js', 'admin') }}"></script>
  19. <script>
  20. $(function() {
  22.     var inputDate = document.createElement('input');
  23.     inputDate.setAttribute('type', 'date');
  24.     if (inputDate.type !== 'date') {
  25.         $('input[id$=_date_start]').datetimepicker({
  26.             locale: 'ja',
  27.             format: 'YYYY-MM-DD',
  28.             useCurrent: false,
  29.             showTodayButton: true
  30.         });
  32.         $('input[id$=_date_end]').datetimepicker({
  33.             locale: 'ja',
  34.             format: 'YYYY-MM-DD',
  35.             useCurrent: false,
  36.             showTodayButton: true
  37.         });
  39.     $('#admin_search_contact_birth_start').datetimepicker({
  40.             locale: 'ja',
  41.             format: 'YYYY-MM-DD',
  42.             useCurrent: false,
  43.             showTodayButton: true
  44.         });
  46.     $('#admin_search_contact_birth_end').datetimepicker({
  47.             locale: 'ja',
  48.             format: 'YYYY-MM-DD',
  49.             useCurrent: false,
  50.             showTodayButton: true
  51.         });
  53.     $('#admin_search_contact_last_buy_start').datetimepicker({
  54.             locale: 'ja',
  55.             format: 'YYYY-MM-DD',
  56.             useCurrent: false,
  57.             showTodayButton: true
  58.         });
  60.     $('#admin_search_contact_last_buy_end').datetimepicker({
  61.             locale: 'ja',
  62.             format: 'YYYY-MM-DD',
  63.             useCurrent: false,
  64.             showTodayButton: true
  65.         });
  66.     }
  68. });
  70. function fnChangeActionSubmit(action) {
  71.     document.search_form.action = action;
  72.     document.search_form.submit();
  73. }
  74. </script>
  75. {% endblock javascript %}
  77. {% block main %}
  78. <form name="search_form" id="search_form" method="post" action="">
  79.     {{ form_widget(searchForm._token) }}
  80.     <div class="c-outsideBlock">
  81.         <div class="c-outsideBlock__contents">
  82.             <div class="row justify-content-start">
  83.                 <div class="col-6">
  84.                     <div class="mb-2">
  85.                         <label class="col-form-label">{{ 'admin.contact.multi_search_label'|trans }}</label>
  86.                         {{ form_widget(searchForm.multi) }}
  87.                         {{ form_errors(searchForm.multi) }}
  88.                     </div>
  89.                     <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>
  90.                 </div>
  91.             </div>
  92.         </div>
  93.         <div class="c-subContents ec-collapse collapse{{ has_errors ? ' show' }}" id="searchDetail">
  94.             <div class="row mb-2">
  95.                 <div class="col">
  96.                     <div class="form-row">
  97.                         <div class="col-12">
  98.                             <p class="col-form-label">{{ 'contact.status'|trans }}</p>
  99.                             {{ form_widget(searchForm.status, { 'label_attr': { 'class': 'checkbox-inline'}}) }}
  100.                             {{ form_errors(searchForm.status) }}
  101.                         </div>
  102.                     </div>
  103.                 </div>
  105.                 <div class="col">
  106.                     <div>
  107.                         <label>{{ 'admin.common.pref'|trans }}</label>
  108.                         <div class="row">
  109.                             <div class="col-5">
  110.                                 {{ form_widget(searchForm.pref) }}
  111.                                 {{ form_errors(searchForm.pref) }}
  112.                             </div>
  113.                             <div class="col-7"></div>
  114.                         </div>
  115.                     </div>
  116.                 </div>
  117.             </div>
  119.             <div class="row mb-2">
  120.                 <div class="col">
  121.                     <div>
  122.                         <label>{{ 'admin.common.create_date'|trans }}</label>
  123.                         <div class="row align-items-center">
  124.                             <div class="col">
  125.                                 {{ form_widget(searchForm.create_date_start) }}
  126.                                 {{ form_errors(searchForm.create_date_start) }}
  127.                             </div>
  128.                             <div class="col-auto text-center"><span>{{ 'admin.common.separator__range'|trans }}</span></div>
  129.                             <div class="col">
  130.                                 {{ form_widget(searchForm.create_date_end) }}
  131.                                 {{ form_errors(searchForm.create_date_end) }}
  132.                             </div>
  133.                         </div>
  134.                     </div>
  135.                 </div>
  136.                 <div class="col">
  137.                     <div>
  138.                         <label>{{ 'admin.common.update_date'|trans }}</label>
  139.                         <div class="row align-items-center">
  140.                             <div class="col">
  141.                                 {{ form_widget(searchForm.update_date_start) }}
  142.                                 {{ form_errors(searchForm.update_date_start) }}
  143.                             </div>
  144.                             <div class="col-auto text-center"><span>{{ 'admin.common.separator__range'|trans }}</span></div>
  145.                             <div class="col">
  146.                                 {{ form_widget(searchForm.update_date_end) }}
  147.                                 {{ form_errors(searchForm.update_date_end) }}
  148.                             </div>
  149.                         </div>
  150.                     </div>
  151.                 </div>
  152.             </div>
  153.             <div class="row mb-2">
  154.                 <div class="col">
  155.                     <div class="mb-3">
  156.                         <label>{{ 'admin.common.phone_number'|trans }}</label>
  157.                         {{ form_widget(searchForm.phone_number) }}
  158.                         {{ form_errors(searchForm.phone_number) }}
  159.                     </div>
  160.                 </div>
  162.             </div>
  164.             {# エンティティ拡張の自動出力 #}
  165.             {% for f in searchForm|filter(f => f.vars.eccube_form_options.auto_render) %}
  166.                 {# TODO 1項目1行になるのを改善 #}
  167.                 <div class="row mb-2">
  168.                     {% if f.vars.eccube_form_options.form_theme %}
  169.                         {% form_theme f f.vars.eccube_form_options.form_theme %}
  170.                         {{ form_row(f) }}
  171.                     {% else %}
  172.                         <div class="col">
  173.                             <div class="mb-3">
  174.                                 <label>{{ f.vars.label|trans }}</label>
  175.                                 {{ form_widget(f) }}
  176.                                 {{ form_errors(f) }}
  177.                             </div>
  178.                         </div>
  179.                     {% endif %}
  180.                 </div>
  181.             {% endfor %}
  182.         </div>
  183.     </div>
  184.     <div class="c-outsideBlock__contents mb-5">
  185.         <button type="submit" class="btn btn-ec-conversion px-5">{{ 'admin.common.search'|trans }}</button>
  186.         {% if pagination %}
  187.             <span class="fw-bold ms-2">{{ 'admin.common.search_result'|trans({'%count%':pagination.totalItemCount}) }}</span>
  188.         {% endif %}
  189.     </div>
  190.     <div class="c-outsideBlock__contents mb-5">
  191.         {{ include('@admin/search_items.twig', { 'form': searchForm }, ignore_missing = true) }}
  192.     </div>
  193.     <div class="c-contentsArea__cols">
  194.         <div class="c-contentsArea__primaryCol">
  195.             <div class="c-primaryCol">
  196.                 {% if pagination and pagination.totalItemCount %}
  197.                     <div class="row justify-content-between mb-2">
  198.                         <div class="col-6"></div>
  200.                         <div class="col-5 text-end">
  201.                             {#Dropdown page count#}
  202.                             <div class="d-inline-block me-2">
  203.                                 <select class="form-select" onchange="location = this.value;">
  204.                                     {% for pageMax in pageMaxis %}
  205.                                         <option {% if pageMax.name == page_count %} selected {% endif %}
  206.                                                 value="{{ path('plugin_contact_page', {'page_no': 1, 'page_count': pageMax.name }) }}">
  207.                                             {{ 'admin.common.count'|trans({ '%count%': pageMax.name }) }}</option>
  208.                                     {% endfor %}
  209.                                 </select>
  210.                             </div>
  211.                             <div class="d-inline-block">
  212.                                 <div class="btn-group" role="group"></div>
  213.                             </div>
  214.                         </div>
  215.                     </div>
  216.                     <div class="card rounded border-0 mb-4">
  217.                         <div class="card-body p-0">
  218.                             <table class="table">
  219.                                 <thead>
  220.                                     <tr>
  221.                                         <th class="border-top-0 pt-2 pb-3 pl-3">{{ 'contact.contact_id'|trans }}</th>
  222.                                         <th class="border-top-0 pt-2 pb-3 pl-3">{{ 'contact.contact_date'|trans }}</th>
  223.                                         <th class="border-top-0 pt-2 pb-3 pl-3">{{ 'contact.status'|trans }}</th>
  224.                                         <th class="border-top-0 pt-2 pb-3">{{ 'admin.common.name'|trans }}</th>
  225.                                         <th class="border-top-0 pt-2 pb-3">{{ 'admin.common.phone_number'|trans }}</th>
  226.                                         <th class="border-top-0 pt-2 pb-3">{{ 'admin.common.mail_address'|trans }}</th>
  227.                                         <th class="border-top-0 pt-2 pb-3">{{ 'admin.contact.contents'|trans }}</th>
  228.                                     </tr>
  229.                                 </thead>
  230.                                 <tbody>
  231.                                 {% for Contact in pagination %}
  232.                                     <tr>
  233.                                         <td class="align-middle pl-3"><a href="{{ url('plugin_contact_edit', { 'id': Contact.id}) }}">{{ Contact.id }}</a></td>
  234.                                         <td class="align-middle pl-3">{{ Contact.contact_date|date_min }}</td>
  235.                                         <td class="align-middle pl-3">{{ Contact.Status }}</td>
  236.                                         <td class="align-middle">
  237.                                             <a href="{{ url('plugin_contact_edit', { 'id': Contact.id}) }}">
  238.                                                 {{ Contact.name01 }}&nbsp;{{ Contact.name02 }}
  239.                                             </a>
  240.                                         </td>
  241.                                         <td class="align-middle">{{ Contact.phoneNumber }}</td>
  242.                                         <td class="align-middle">{{ Contact.email }}</td>
  243.                                         <td class="align-middle">{{ Contact.contents|length < 50 ? Contact.contents|nl2br : (Contact.contents|slice(0, 50) ~ '...')|nl2br }}</td>
  244.                                     </tr>
  245.                                 {% endfor %}
  246.                                 </tbody>
  247.                             </table>
  248.                             <div class="row justify-content-md-center mb-4">
  249.                                 {% if pagination.totalItemCount > 0 %}
  250.                                     {% include "@admin/pager.twig" with { 'pages' : pagination.paginationData, 'routes' : 'plugin_contact_page' } %}
  251.                                 {% endif %}
  252.                             </div>
  254.                         </div>
  255.                     </div>
  256.                 {% elseif has_errors %}
  257.                     <div class="card rounded border-0">
  258.                         <div class="card-body p-4">
  259.                             <div class="text-center text-muted mb-4 h5">{{ 'admin.common.search_invalid_condition'|trans }}</div>
  260.                             <div class="text-center text-muted">{{ 'admin.common.search_try_change_condition'|trans }}</div>
  261.                         </div>
  262.                     </div>
  263.                 {% else %}
  264.                     <div class="card rounded border-0">
  265.                         <div class="card-body p-4">
  266.                             <div class="text-center text-muted mb-4 h5">{{ 'admin.common.search_no_result'|trans }}</div>
  267.                             <div class="text-center text-muted">{{ 'admin.common.search_try_change_condition'|trans }}</div>
  268.                             <div class="text-center text-muted">{{ 'admin.common.search_try_advanced_search'|trans }}</div>
  269.                         </div>
  270.                     </div>
  271.                 {% endif %}
  272.             </div>
  273.         </div>
  274.     </div>
  275. </form>
  276. {% endblock %}