app/Plugin/SlnPayment42/Resource/template/admin/order_index.twig line 1

Open in your IDE?
  1. <script>
  2.     $(function () {
  3.         $('#search_box_sln_pay_status').appendTo($('#search_form > div.c-subContents'));
  5.         $('<th class="border-top-0 pt-2 pb-2 text-center">決済状況</th>').insertAfter($('#search_result > thead > tr > th:eq(3)'));
  7.         $('#sln_bulk_command').insertAfter($('#form_bulk > div:eq(0)'));
  9.         {% set count = 0 %}
  10.         {% for Order in pagination %}
  11.             {% for Shipping in Order.Shippings %} 
  12.                $('#search_result > tbody > tr:eq({{ count }}) > td:eq(3)').after( 
  13.                    '<td class="align-middle text-center">{% if viewPayStatus[Order.id] is defined %}{{ pay_status[viewPayStatus[Order.id].paymentStatus] }}{% endif %}</td>' 
  14.                ) 
  15.                {% set count = count+1 %} 
  16.            {% endfor %} 
  17.         {% endfor %}
  19.         // プログレスバーの表示を制御
  20.         $('#bulk_sln_payment').on('click', function (e) {
  21.             //alert(1119);
  22.             var eventTarget = $(e.currentTarget);
  23.             var type = eventTarget.data('type');
  24.             var modal = $('#sentUpdateModal');
  25.             var bootstrapModal = new bootstrap.Modal(modal.get(0));
  26.             bootstrapModal.show();
  27.             switch (type) {
  28.                 case 'sln_payment':
  29.                     if (eventTarget.data('bulk-update')) {
  30.                         if ($('#option_bulk_sln_payment').val() == '') {
  31.                             alert('クレジットカード決済を選択してください');
  32.                             return;
  33.                         }
  34.                         updater = new BulkPaymentUpdate(modal, eventTarget);
  35.                         modal.modal();
  36.                     } else {
  37.                         updater = new SimpleStatusUpdate(modal, eventTarget);
  38.                     }
  39.             }
  40.             $('.modal-title', modal).text(updater.modalTitle);
  41.             $('.modal-body > p.modal-message', modal).text("{{ 'admin.order.bulk_action__in_progress_message'|trans }}");
  42.             $('button', modal).hide();
  43.             $('#bulk-options').hide();
  44.             $('.progress', modal).show();
  45.             updater.totalCount = updater.getTotalCount();
  46.             var progress = new $.Deferred();
  47.             progress.progress(function () {
  48.                 updater.progress(this, progress);
  49.             }).fail(function () {
  50.                 updater.fail(this);
  51.             }).always(function () {
  52.                 updater.always(this);
  53.             });
  54.             updater.getPromises(progress);
  55.         });
  56.     });
  58.     /*
  59.      * 決済一括実行
  60.      */
  61.     function BulkPaymentUpdate(modal, eventTarget) {
  62.         ConfirmationModal.call(this, modal);
  63.         this.eventTarget = eventTarget;
  64.     }
  65.     // extend super class
  66.     BulkPaymentUpdate.prototype = Object.create(ConfirmationModal.prototype, {
  67.         constructor: {
  68.             value: ConfirmationModal
  69.         },
  70.         modalTitle: {
  71.             value: "クレジットカード決済"
  72.         },
  73.         getTotalCount: {
  74.             value: function () {
  75.                 return $('input[data-id]:checked').length;
  76.             }
  77.         },
  78.         getPromises: {
  79.             value: function (progress) {
  80.                 // return $('input[data-id]:checked').map(function () {
  81.                 //     var url = '{{ url('admin_order') }}' + '/' + $(this).data('id') + '/sln_pay_command';
  82.                 //     var data = {'pay_command': $('#option_bulk_sln_pay_command').val()};
  83.                 //     return ConfirmationModal.prototype.getPromises.call(this, progress, url, data);
  84.                 // });
  85.                 var slnOrders = [];
  86.                 $('input[data-id]:checked').each(function () {
  87.                     slnOrders.push({
  88.                         'url': '{{ url('admin_order') }}' + '/' + $(this).data('id') + '/sln_pay_command',
  89.                         'data': {'pay_command': $('#option_bulk_sln_pay_command').val()}
  90.                     });
  91.                 });
  92.                 // ポイントや在庫の加算・減算は非同期で実行できないため、同期処理で実行
  93.                 var callback = function () {
  94.                     var slnOrder = slnOrders.shift();
  95.                     var url = slnOrder.url;
  96.                     var data = slnOrder.data;
  98.                     ConfirmationModal.prototype.getPromises.call(this, progress, url, data)
  99.                         .done(function () {
  100.                             if (slnOrders.length) {
  101.                                 callback();
  102.                             }
  103.                         })
  104.                 }
  105.                 callback();
  106.             }
  107.         }
  108.     });
  109. </script>
  110. <div id="search_box_sln_pay_status" class="row mb-4">
  111.     <div class="col">
  112.         <div>
  113.             <div class="col-12">
  114.                 <p class="col-form-label">決済状況</p>
  115.                 <div>
  116.                     {{ form_widget(searchForm.sln_pay_status, { 'label_attr': { 'class': 'checkbox-inline'}}) }}
  117.                 </div>
  118.             </div>
  119.         </div>
  120.     </div>
  121.     <div class="col"></div>
  122. </div>
  123. <div class="mb-2" id="sln_bulk_command">
  124.     <div class="col btn-bulk-wrapper d-block text-end">
  125.         <div class="d-inline-block me-2">
  126.             <select class="form-select" id="option_bulk_sln_pay_command">
  127.                 <option value selected>決済変更処理</option>
  128.                 <option value="1">カード決済売上</option>
  129.                 <option value="2">決済取消</option>
  130.             </select>
  131.         </div>
  132.         <button type="button" id="bulk_sln_payment" class="btn btn-ec-regular me-2"
  133.             data-type="sln_payment"
  134.             data-bulk-update="true"
  135.             data-submit="bulk"
  136.         >実行</button>
  137.     </div>
  138. </div>