src/Eccube/Resource/template/admin/Order/mail.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 = ['order', 'order_edit'] %}
  15. {% block title %}{{ 'admin.order.mail'|trans }}{% endblock %}
  16. {% block sub_title %}{{ 'admin.order.order_management'|trans }}{% endblock %}
  18. {% form_theme form '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}
  20. {% block javascript %}
  21. <script>
  22. $(function() {
  23.     $('#template-change').on('change', function() {
  24.         $('#mode').val('change');
  25.         $('#order-mail-form').submit();
  26.         return false;
  27.     });
  29.     ace.require('ace/ext/language_tools');
  30.     var editor = ace.edit('editor');
  31.     editor.session.setMode('ace/mode/twig');
  32.     editor.setTheme('ace/theme/tomorrow');
  33.     editor.setValue("{{ form.tpl_data.vars.value|escape('js') }}");
  34.     editor.setOptions({
  35.         enableBasicAutocompletion: true,
  36.         enableSnippets: true,
  37.         enableLiveAutocompletion: true,
  38.         showInvisibles: true
  39.     });
  41.     $('#order-mail-form').on('submit', function() {
  42.         $('#admin_order_mail_tpl_data').val(editor.getValue());
  43.     });
  44. });
  45. </script>
  46. {% endblock javascript %}
  48. {% block main %}
  49. <div class="c-contentsArea__cols">
  50.     <div class="c-contentsArea__primaryCol">
  51.         <div class="c-primaryCol">
  52.             <div class="card rounded border-0 mb-4">
  53.                 <div class="card-header">
  54.                     <div class="row">
  55.                         <div class="col-8">
  56.                             <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.mail_destination_info'|trans }}"><span class="card-title">{{ 'admin.order.mail_destination_info'|trans }}</span><i class="fa fa-question-circle fa-lg ms-1"></i></div>
  57.                         </div>
  58.                         <div class="col-4 text-end"><a data-bs-toggle="collapse" href="#mailTo" aria-expanded="false" aria-controls="mailTo"><i class="fa fa-angle-up fa-lg"></i></a></div>
  59.                     </div>
  60.                 </div>
  61.                 <div class="collapse show ec-cardCollapse" id="mailTo">
  62.                     <div class="card-body">
  63.                         <div class="row mb-2">
  64.                             <div class="col-2"><span>{{ 'admin.order.order_no'|trans }}</span></div>
  65.                             <div class="col-4"><span>{{ Order.id }}</span></div>
  66.                             <div class="col-2"><span>{{ 'admin.order.purchase_price'|trans }}</span></div>
  67.                             <div class="col-4"><span>{{ Order.payment_total|price }}</span></div>
  68.                         </div>
  69.                         <div class="row mb-2">
  70.                             <div class="col-2"><span>{{ 'admin.order.orderer'|trans }}</span></div>
  71.                             <div class="col-4"><span>{{ Order.name01 }} {{ Order.name02 }}（{{ Order.kana01 }} {{ Order.kana02 }}）</span><br>{{ 'admin.common.postal_symbol'|trans }}{{ Order.postal_code }}<br>{{ Order.pref }}{{ Order.addr01 }}{{ Order.addr02 }}</div>
  72.                             <div class="col-2"><span>{{ 'admin.order.purchase_product'|trans }}</span></div>
  73.                             <div class="col-4"><span>
  74.                             {% if Order.productOrderItems %}
  75.                                 {{ Order.productOrderItems[0].productName }}
  76.                                 {% if Order.productOrderItems|length > 2 %}
  77.                                     {{ 'admin.order.mail_purchase_product_count'|trans({'%count%':Order.productOrderItems|length - 1})|raw }}
  78.                                 {% endif %}
  79.                             {% endif %}
  80.                             </span></div>
  81.                         </div>
  82.                         <div class="row">
  83.                             <div class="col-2"><span>{{ 'admin.order.order_status'|trans }}</span></div>
  84.                             <div class="col-10"><span class="badge badge-ec-blue" style="background-color: #fff; color: {{ Order.OrderStatusColor }}; border-color: {{ Order.OrderStatusColor }}">{{ Order.OrderStatus }}</span></div>
  85.                         </div>
  86.                     </div>
  87.                 </div>
  88.             </div>
  90.             <form id="order-mail-form" class="form-horizontal" method="post" action="{{ url('admin_order_mail', {id : Order.id}) }}">
  91.                 {{ form_widget(form._token) }}
  92.                 <input id="mode" type="hidden" name="mode">
  94.                 <div class="card rounded border-0 mb-4">
  95.                 <div class="card-header">
  96.                     <div class="row">
  97.                         <div class="col-8"><span class="card-title">{{ 'admin.order.mail_mail_info'|trans }}</span></div>
  98.                         <div class="col-4 text-end"><a data-bs-toggle="collapse" href="#mailCreate" aria-expanded="false" aria-controls="mailCreate"><i class="fa fa-angle-up fa-lg"></i></a></div>
  99.                     </div>
  100.                 </div>
  101.                 <div class="collapse show ec-cardCollapse" id="mailCreate">
  102.                     <div class="card-body">
  103.                         <div class="row mb-2">
  104.                             <div class="col-3">
  105.                                 <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.mail_template'|trans }}">
  106.                                     <span>{{ 'admin.order.mail_template'|trans }}</span><i class="fa fa-question-circle fa-lg ms-1"></i>
  107.                                 </div>
  108.                             </div>
  109.                             <div class="col">
  110.                                 {{ form_widget(form.template, {'id': 'template-change'}) }}
  111.                                 {{ form_errors(form.template) }}
  112.                             </div>
  113.                         </div>
  114.                         <div class="row mb-2">
  115.                             <div class="col-3">
  116.                                 <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.order.mail_subject'|trans }}">
  117.                                     <span>{{ 'admin.order.mail_subject'|trans }}</span><i class="fa fa-question-circle fa-lg ms-1"></i>
  118.                                 </div>
  119.                                 <span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  120.                             </div>
  121.                             <div class="col">
  122.                                 {{ form_widget(form.mail_subject) }}
  123.                                 {{ form_errors(form.mail_subject) }}
  124.                             </div>
  125.                         </div>
  126.                         <div class="row mb-2">
  127.                             <div class="col-3"><span>{{ 'admin.order.mail_body'|trans }}</span></div>
  128.                             <div class="col">
  129.                                 <div id="detail_box__tpl_data" class="mb-3 tab-pane active">
  130.                                     {{ form_label(form.tpl_data) }}
  131.                                     <div id="editor" style="height: 480px" class="form-control{{ has_errors(form.tpl_data) ? ' is-invalid' }}"></div>
  132.                                     <div style="display: none">{{ form_widget(form.tpl_data) }}</div>
  133.                                     {{ form_errors(form.tpl_data) }}
  134.                                 </div>
  135.                             </div>
  136.                         </div>
  137.                     </div>
  138.                 </div>
  139.             </div>
  141.                 <div class="c-conversionArea">
  142.                     <div class="c-conversionArea__container">
  143.                         <div class="row justify-content-between align-items-center">
  144.                             <div class="col-6">
  145.                                 <div class="c-conversionArea__leftBlockItem"><a class="c-baseLink" href="{{ url('admin_order_edit', { id: Order.id }) }}"><i class="fa fa-backward" aria-hidden="true"></i><span>{{ 'admin.order.order_registration'|trans }}</span></a>
  146.                                 </div>
  147.                             </div>
  148.                             <div class="col-6">
  149.                                 <div class="row align-items-center justify-content-end">
  150.                                     <div class="col-auto">
  151.                                         <button type="submit" class="btn btn-ec-conversion px-5" name="mode" value="confirm">{{ 'admin.order.mail_confirm'|trans }}</button>
  152.                                     </div>
  153.                                 </div>
  154.                             </div>
  155.                         </div>
  156.                     </div>
  157.                 </div>
  159.             </form>
  160.         </div>
  161.     </div>
  162. </div>
  164. {% endblock %}