app/Plugin/GmoPaymentGateway42/Resource/template/admin/order_edit.twig line 1

Open in your IDE?
  1. {#
  2. Copyright(c) 2022 GMO Payment Gateway, Inc. All rights reserved.
  3. http://www.gmo-pg.com/
  4. #}
  5. {% if Order.getPayment and Order.getPayment.getMethodClass matches '{Plugin\\\\GmoPaymentGateway42\\\\.*}' %}
  6. <script>
  7.     function fnGmoConfirm() {
  8.         message  = "決済操作を行います。\n";
  9.         message += "受注データを編集した場合は先に保存して下さい。\n";
  10.         message += "よろしいですか?";
  11.         return window.confirm(decNumRefToString(message));
  12.     }
  13.     function decNumRefToString(decNumRef) {
  14.         return decNumRef.replace(/&#(\d+);/ig, function (match, $1, idx, all) {
  15.             return String.fromCharCode($1);
  16.         });
  17.     }
  18.     $(function () {
  19.         // 支払方法を選択不可にする(代わりに hidden 項目を追加)
  20.         var paymentId = $('#order_Payment').val();
  21.         $('#order_Payment').after('<input type="hidden" name="order[Payment]" id="order_payment" value="' + paymentId + '" />');
  22.         $('#order_Payment').attr('disabled', 'disabled');
  23.         // ページ最下部に移動
  24.         $('#gmo_payment_gateway-info').appendTo($('#form1 > div.c-contentsArea__cols > div > div'));
  25.         // 売上確定(実売上)実行
  26.         $('#gmo_payment_gateway-action__commit').on('click', function () {
  27.             if (!fnGmoConfirm()) {
  28.                 return;
  29.             }
  30.             $('#gmo_payment_gateway-info__body button').prop('disabled', true);
  31.             $.ajax({
  32.                 type: 'POST',
  33.                 url: '{{ url('gmo_payment_gateway_admin_order_commit', { id: Order.id }) }}',
  34.             }).always(function () {
  35.                 location.href = location.href.replace(/#.*$/, '');
  36.             });
  37.         });
  38.         // 一部取消(一部返品)実行
  39.         $('#gmo_payment_gateway-action__partial').on('click', function () {
  40.             if (!fnGmoConfirm()) {
  41.                 return;
  42.             }
  43.             $('#gmo_payment_gateway-info__body button').prop('disabled', true);
  44.             $.ajax({
  45.                 type: 'POST',
  46.                 url: '{{ url('gmo_payment_gateway_admin_order_partial', { id: Order.id }) }}',
  47.             }).always(function () {
  48.                 location.href = location.href.replace(/#.*$/, '');
  49.             });
  50.         });
  51.         // 取消(返品)実行
  52.         $('#gmo_payment_gateway-action__cancel').on('click', function () {
  53.             if (!fnGmoConfirm()) {
  54.                 return;
  55.             }
  56.             $('#gmo_payment_gateway-info__body button').prop('disabled', true);
  57.             $.ajax({
  58.                 type: 'POST',
  59.                 url: '{{ url('gmo_payment_gateway_admin_order_cancel', { id: Order.id }) }}',
  60.             }).always(function () {
  61.                 location.href = location.href.replace(/#.*$/, '');
  62.             });
  63.         });
  64.         // 決済金額変更
  65.         $('#gmo_payment_gateway-action__change').on('click', function () {
  66.             if (!fnGmoConfirm()) {
  67.                 return;
  68.             }
  69.             $('#gmo_payment_gateway-info__body button').prop('disabled', true);
  70.             $.ajax({
  71.                 type: 'POST',
  72.                 url: '{{ url('gmo_payment_gateway_admin_order_change', { id: Order.id }) }}',
  73.             }).always(function () {
  74.                 location.href = location.href.replace(/#.*$/, '');
  75.             });
  76.         });
  77.         // 再オーソリ実行
  78.         $('#gmo_payment_gateway-action__reauth').on('click', function () {
  79.             if (!fnGmoConfirm()) {
  80.                 return;
  81.             }
  82.             $('#gmo_payment_gateway-info__body button').prop('disabled', true);
  83.             $.ajax({
  84.                 type: 'POST',
  85.                 url: '{{ url('gmo_payment_gateway_admin_order_reauth', { id: Order.id }) }}',
  86.             }).always(function () {
  87.                 location.href = location.href.replace(/#.*$/, '');
  88.             });
  89.         });
  90.         // 決済状態確認・反映
  91.         $('#gmo_payment_gateway-action__status').on('click', function () {
  92.             if (!fnGmoConfirm()) {
  93.                 return;
  94.             }
  95.             $('#gmo_payment_gateway-info__body button').prop('disabled', true);
  96.             $.ajax({
  97.                 type: 'POST',
  98.                 url: '{{ url('gmo_payment_gateway_admin_order_status', { id: Order.id }) }}',
  99.             }).always(function () {
  100.                 location.href = location.href.replace(/#.*$/, '');
  101.             });
  102.         });
  103.         // 決済ログの表示・非表示を制御
  104.         $('#gmo_payment_gateway_log_a').on('click', function () {
  105.             $('#gmo_payment_gateway_log_table').slideToggle();
  106.         });
  107.     });
  108. </script>
  109. <style type="text/css">
  110.     .col-2plus {
  111.         flex: 0 0 17%;
  112.         max-width: 17%;
  113.     }
  114.     #gmo_payment_gateway-info__body .btn-success,
  115.     #gmo_payment_gateway-info__body .btn-info {
  116.         color: #ffffff;
  117.     }
  118.     #gmo_payment_gateway_log_table thead,
  119.     #gmo_payment_gateway_log_table tbody,
  120.     #gmo_payment_gateway_log_table th,
  121.     #gmo_payment_gateway_log_table td {
  122.         border: 1px solid #ccc;
  123.     }
  124. </style>
  125. <div class="d-none">
  126.   <div id="gmo_payment_gateway-info" class="card rounded border-0 mb-4">
  127.     <div class="card-header">
  128.       <div class="row">
  129.         <div class="col-8">
  130.           <span class="card-title">{{ 'gmo_payment_gateway.admin.order_edit.title'|trans }}</span>
  131.         </div>
  132.         <div class="col-4 text-end">
  133.           <a data-bs-toggle="collapse" href="#gmo_payment_gateway-info__body" aria-expanded="false" aria-controls="gmo_payment_gateway-info__body">
  134.             <i class="fa fa-angle-up fa-lg"></i>
  135.           </a>
  136.         </div>
  137.       </div>
  138.     </div>
  139.     <div class="collapse show ec-cardCollapse" id="gmo_payment_gateway-info__body">
  140.       <div class="card-body">
  141.         <div class="row mb-2">
  142.           <div class="col-2 col-2plus">
  143.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.payment_method'|trans }}</span>
  144.           </div>
  145.           <div class="col">
  146.             {{ Order.getPayment.getMethod }}
  147.           </div>
  148.         </div>
  149.     {% if Order.getGmoPaymentInfo.pay_status is defined %}
  150.         <div class="row mb-2">
  151.           <div class="col-2 col-2plus">
  152.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.pay_status'|trans }}</span>
  153.           </div>
  154.           <div class="col">
  155.             {{ Order.getGmoPaymentInfo.pay_status }}
  156.           </div>
  157.         </div>
  158.     {% endif %}
  159.     {% if Order.getGmoPaymentInfo.OrderID is defined %}
  160.         <div class="row mb-2">
  161.           <div class="col-2 col-2plus">
  162.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.order_id'|trans }}</span>
  163.           </div>
  164.           <div class="col">
  165.             {{ Order.getGmoPaymentInfo.OrderID }}
  166.           </div>
  167.         </div>
  168.     {% endif %}
  169.     {% if Order.getGmoPaymentInfo.ErrInfo is defined %}
  170.         <div class="row mb-2">
  171.           <div class="col-2 col-2plus">
  172.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.err_info'|trans }}</span>
  173.           </div>
  174.           <div class="col">
  175.             {{ Order.getGmoPaymentInfo.ErrInfo }}
  176.           </div>
  177.         </div>
  178.     {% endif %}
  179.     {% if Order.getGmoPaymentInfo.error_msg is defined %}
  180.         <div class="row mb-2">
  181.           <div class="col-2 col-2plus">
  182.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.err_msg'|trans }}</span>
  183.           </div>
  184.           <div class="col">
  185.             {{ Order.getGmoPaymentInfo.error_msg }}
  186.           </div>
  187.         </div>
  188.     {% endif %}
  189.     {% if Order.getGmoPaymentInfo.Approve is defined %}
  190.         <div class="row mb-2">
  191.           <div class="col-2 col-2plus">
  192.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.approve'|trans }}</span>
  193.           </div>
  194.           <div class="col">
  195.             {{ Order.getGmoPaymentInfo.Approve }}
  196.           </div>
  197.         </div>
  198.     {% endif %}
  199.     {% if Order.getGmoPaymentInfo.Method is defined %}
  200.         <div class="row mb-2">
  201.           <div class="col-2 col-2plus">
  202.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.method'|trans }}</span>
  203.           </div>
  204.           <div class="col">
  205.             {{ Order.getGmoPaymentInfo.Method }}
  206.           </div>
  207.         </div>
  208.     {% endif %}
  209.     {% if Order.getGmoPaymentInfo.Forward is defined %}
  210.         <div class="row mb-2">
  211.           <div class="col-2 col-2plus">
  212.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.forward'|trans }}</span>
  213.           </div>
  214.           <div class="col">
  215.             {{ Order.getGmoPaymentInfo.Forward }}
  216.           </div>
  217.         </div>
  218.     {% endif %}
  219.     {% if Order.getGmoPaymentInfo.TranID is defined %}
  220.         <div class="row mb-2">
  221.           <div class="col-2 col-2plus">
  222.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.tran_id'|trans }}</span>
  223.           </div>
  224.           <div class="col">
  225.             {{ Order.getGmoPaymentInfo.TranID }}
  226.           </div>
  227.         </div>
  228.     {% endif %}
  229.     {% if Order.getGmoPaymentInfo.TranDate is defined %}
  230.         <div class="row mb-2">
  231.           <div class="col-2 col-2plus">
  232.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.tran_date'|trans }}</span>
  233.           </div>
  234.           <div class="col">
  235.             {{ Order.getGmoPaymentInfo.TranDate }}
  236.           </div>
  237.         </div>
  238.     {% endif %}
  239.     {% if Order.getGmoPaymentInfo.Convenience is defined %}
  240.         <div class="row mb-2">
  241.           <div class="col-2 col-2plus">
  242.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.convenience'|trans }}</span>
  243.           </div>
  244.           <div class="col">
  245.             {{ Order.getGmoPaymentInfo.Convenience }}
  246.           </div>
  247.         </div>
  248.     {% endif %}
  249.     {% if Order.getGmoPaymentInfo.CustID is defined %}
  250.         <div class="row mb-2">
  251.           <div class="col-2 col-2plus">
  252.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.cust_id'|trans }}</span>
  253.           </div>
  254.           <div class="col">
  255.             {{ Order.getGmoPaymentInfo.CustID }}
  256.           </div>
  257.         </div>
  258.     {% endif %}
  259.     {% if Order.getGmoPaymentInfo.BkCode is defined %}
  260.         <div class="row mb-2">
  261.           <div class="col-2 col-2plus">
  262.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.bk_code'|trans }}</span>
  263.           </div>
  264.           <div class="col">
  265.             {{ Order.getGmoPaymentInfo.BkCode }}
  266.           </div>
  267.         </div>
  268.     {% endif %}
  269.     {% if Order.getGmoPaymentInfo.ConfNo is defined %}
  270.         <div class="row mb-2">
  271.           <div class="col-2 col-2plus">
  272.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.conf_no'|trans }}</span>
  273.           </div>
  274.           <div class="col">
  275.             {{ Order.getGmoPaymentInfo.ConfNo }}
  276.           </div>
  277.         </div>
  278.     {% endif %}
  279.     {% if Order.getGmoPaymentInfo.ReceiptNo is defined %}
  280.         <div class="row mb-2">
  281.           <div class="col-2 col-2plus">
  282.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.receipt_no'|trans }}</span>
  283.           </div>
  284.           <div class="col">
  285.             {{ Order.getGmoPaymentInfo.ReceiptNo }}
  286.           </div>
  287.         </div>
  288.     {% endif %}
  289.     {% if Order.getGmoPaymentInfo.PaymentTerm is defined %}
  290.         <div class="row mb-2">
  291.           <div class="col-2 col-2plus">
  292.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.payment_term'|trans }}</span>
  293.           </div>
  294.           <div class="col">
  295.             {{ Order.getGmoPaymentInfo.PaymentTerm }}
  296.           </div>
  297.         </div>
  298.     {% endif %}
  299.     {% if Order.getGmoPaymentInfo.BankCode is defined %}
  300.         <div class="row mb-2">
  301.           <div class="col-2 col-2plus">
  302.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.bank_code'|trans }}</span>
  303.           </div>
  304.           <div class="col">
  305.             {{ Order.getGmoPaymentInfo.BankCode }}
  306.           </div>
  307.         </div>
  308.     {% endif %}
  309.     {% if Order.getGmoPaymentInfo.BankName is defined %}
  310.         <div class="row mb-2">
  311.           <div class="col-2 col-2plus">
  312.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.bank_name'|trans }}</span>
  313.           </div>
  314.           <div class="col">
  315.             {{ Order.getGmoPaymentInfo.BankName }}
  316.           </div>
  317.         </div>
  318.     {% endif %}
  319.     {% if Order.getGmoPaymentInfo.BranchCode is defined %}
  320.         <div class="row mb-2">
  321.           <div class="col-2 col-2plus">
  322.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.branch_code'|trans }}</span>
  323.           </div>
  324.           <div class="col">
  325.             {{ Order.getGmoPaymentInfo.BranchCode }}
  326.           </div>
  327.         </div>
  328.     {% endif %}
  329.     {% if Order.getGmoPaymentInfo.BranchName is defined %}
  330.         <div class="row mb-2">
  331.           <div class="col-2 col-2plus">
  332.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.branch_name'|trans }}</span>
  333.           </div>
  334.           <div class="col">
  335.             {{ Order.getGmoPaymentInfo.BranchName }}
  336.           </div>
  337.         </div>
  338.     {% endif %}
  339.     {% if Order.getGmoPaymentInfo.AccountType is defined %}
  340.         <div class="row mb-2">
  341.           <div class="col-2 col-2plus">
  342.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.account_type'|trans }}</span>
  343.           </div>
  344.           <div class="col">
  345.             {{ Order.getGmoPaymentInfo.AccountType }}
  346.           </div>
  347.         </div>
  348.     {% endif %}
  349.     {% if Order.getGmoPaymentInfo.AccountNumber is defined %}
  350.         <div class="row mb-2">
  351.           <div class="col-2 col-2plus">
  352.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.account_number'|trans }}</span>
  353.           </div>
  354.           <div class="col">
  355.             {{ Order.getGmoPaymentInfo.AccountNumber }}
  356.           </div>
  357.         </div>
  358.     {% endif %}
  359.     {% if Order.getGmoPaymentInfo.AccountHolderName is defined %}
  360.         <div class="row mb-2">
  361.           <div class="col-2 col-2plus">
  362.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.account_holder_name'|trans }}</span>
  363.           </div>
  364.           <div class="col">
  365.             {{ Order.getGmoPaymentInfo.AccountHolderName }}
  366.           </div>
  367.         </div>
  368.     {% endif %}
  369.     {% if Order.getGmoPaymentInfo.AvailableDate is defined %}
  370.         <div class="row mb-2">
  371.           <div class="col-2 col-2plus">
  372.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.available_date'|trans }}</span>
  373.           </div>
  374.           <div class="col">
  375.             {{ Order.getGmoPaymentInfo.AvailableDate }}
  376.           </div>
  377.         </div>
  378.     {% endif %}
  379.     {% if Order.getGmoPaymentInfo.Amount is defined %}
  380.         <div class="row mb-2">
  381.           <div class="col-2 col-2plus">
  382.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.amount'|trans }}{% if Order.getPayment.getMethodClass == 'Plugin\\GmoPaymentGateway42\\Service\\Method\\Ganb' %}({{ 'gmo_payment_gateway.admin.order_edit.col.amount.ganb'|trans }}){% endif %}</span>
  383.           </div>
  384.           <div class="col">
  385.             {{ Order.getGmoPaymentInfo.Amount|number_format }}{{ 'gmo_payment_gateway.com.yen'|trans }}
  386.         {% if Order.getGmoPaymentInfo.attention is defined %}
  387.         <span class="text-danger">{{ Order.getGmoPaymentInfo.attention }}</span>
  388.         {% endif %}
  389.           </div>
  390.         </div>
  391.     {% endif %}
  392.     {% if Order.getGmoPaymentInfo.TotalTransferAmount is defined %}
  393.         <div class="row mb-2">
  394.           <div class="col-2 col-2plus">
  395.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.total_transfer_amount'|trans }}</span>
  396.           </div>
  397.           <div class="col {% if Order.getGmoPaymentInfo.isMismatchAmount %}text-danger fw-bold{% endif %}">
  398.             {{ Order.getGmoPaymentInfo.TotalTransferAmount|number_format }}{{ 'gmo_payment_gateway.com.yen'|trans }}
  399.           </div>
  400.         </div>
  401.     {% endif %}
  402.     {% if Order.getGmoPaymentInfo.buttons is defined and Order.getGmoPaymentInfo.buttons|length %}
  403.         <div class="row mb-2">
  404.           <div class="col-2 col-2plus">
  405.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.action'|trans }}</span>
  406.           </div>
  407.           <div class="col">
  408.             <ul class="list-inline">
  409.           {% if Order.getGmoPaymentInfo.buttons.commit is defined %}
  410.               <li class="list-inline-item">
  411.                 <button id="gmo_payment_gateway-action__commit" type="button" class="btn btn-success px-5">{{ 'gmo_payment_gateway.admin.order_edit.button.commit'|trans }}</button>
  412.               </li>
  413.           {% endif %}
  414.           {% if Order.getGmoPaymentInfo.buttons.partial is defined %}
  415.               <li class="list-inline-item">
  416.                 <button id="gmo_payment_gateway-action__partial" type="button" class="btn btn-danger px-5">{{ 'gmo_payment_gateway.admin.order_edit.button.partial'|trans }}</button>
  417.               </li>
  418.           {% endif %}
  419.           {% if Order.getGmoPaymentInfo.buttons.cancel is defined %}
  420.               <li class="list-inline-item">
  421.                 <button id="gmo_payment_gateway-action__cancel" type="button" class="btn btn-danger px-5">{{ 'gmo_payment_gateway.admin.order_edit.button.cancel'|trans }}</button>
  422.               </li>
  423.           {% endif %}
  424.           {% if Order.getGmoPaymentInfo.buttons.change is defined %}
  425.               <li class="list-inline-item">
  426.                 <button id="gmo_payment_gateway-action__change" type="button" class="btn btn-info px-5">{{ 'gmo_payment_gateway.admin.order_edit.button.change'|trans }}</button>
  427.               </li>
  428.           {% endif %}
  429.           {% if Order.getGmoPaymentInfo.buttons.reauth is defined %}
  430.               <li class="list-inline-item">
  431.                 <button id="gmo_payment_gateway-action__reauth" type="button" class="btn btn-info px-5">{{ 'gmo_payment_gateway.admin.order_edit.button.reauth'|trans }}</button>
  432.               </li>
  433.           {% endif %}
  434.           {% if Order.getGmoPaymentInfo.buttons.status is defined %}
  435.               <li class="list-inline-item">
  436.                 <button id="gmo_payment_gateway-action__status" type="button" class="btn btn-ec-regular px-5">{{ 'gmo_payment_gateway.admin.order_edit.button.status'|trans }}</button>
  437.               </li>
  438.           {% endif %}
  439.             </ul>
  440.           </div>
  441.         </div>
  442.     {% endif %}
  443.         {% if Order.getGmoPaymentInfo.Amount is defined %}
  444.         <div class="row mb-2">
  445.           <div class="col-2 col-2plus">
  446.             <span>{{ 'gmo_payment_gateway.admin.order_edit.col.log'|trans }}</span>
  447.           </div>
  448.           <div class="col">
  449.             <a href="javascript:;" id="gmo_payment_gateway_log_a">{{ 'gmo_payment_gateway.admin.order_edit.col.log.a'|trans }}</a><br/>
  450.             <table id="gmo_payment_gateway_log_table" style="display:none; margin-top:10px; border:1px solid #ccc; table-layout:fixed;width:100%;" class="list" border="1">
  451.               <thead>
  452.                 <tr>
  453.                   <th width='20%'>{{ 'gmo_payment_gateway.admin.order_edit.col.log.time'|trans }}</th>
  454.                   <th>{{ 'gmo_payment_gateway.admin.order_edit.col.log.contents'|trans }}</th>
  455.                 </tr>
  456.               </thead>
  457.               <tbody>
  458.                 {% for paymentLog in Order.getGmoPaymentInfo.payment_log %}
  459.                   {% for key, logs in paymentLog %}
  460.                 <tr>
  461.                   <td>{{ key }}</td>
  462.                   <td style="word-wrap:break-word;">
  463.                     {% for lkey, log in logs %}
  464.                       {# check log whether is array or not #}
  465.                       {% if log is not empty %}
  466.                         {% if log is iterable %}
  467.                           {% for error in log %}
  468.                             {{ error }}
  469.                           {% endfor %}
  470.                         {% else %}
  471.                           {{ lkey }}={{ log }}
  472.                           {{ loop.last ? '' : ',' }}
  473.                         {% endif %}
  474.                       {% endif %}
  475.                     {% endfor %}
  476.                   </td>
  477.                 </tr>
  478.                   {% endfor %}
  479.                 {% else %}
  480.                 <tr>
  481.                   <td colspan="2">No any log</td>
  482.                 </tr>
  483.                 {% endfor %}
  484.               </tbody>
  485.             </table>
  486.           </div>
  487.         </div>
  488.         {% endif %}
  489.       </div>
  490.     </div>
  491.   </div>
  492. </div>
  493. {% else %}
  494. {# GMO-PG 決済以外または新規注文の場合 #}
  495. <script>
  496.     $(function() {
  497.         // GMO-PG 決済を選択項目から削除する
  498.         {% for paymentId in Order.getGmoPaymentIds %}
  499.             $('#order_Payment option[value={{ paymentId }}]').remove();
  500.         {% endfor %}
  501.     });
  502. </script>
  503. {% endif %}