app/Plugin/NZMailSystem42/Resource/template/admin/order_list_buttons.twig line 1

Open in your IDE?
  1. <script>
  2. $(document).ready(function() {
  3.     // NZMailSystem専用の処理を遅延実行（既存機能を優先）
  4.     setTimeout(function() {
  5.         initNZMailButtons();
  6.     }, 500);
  7. });
  9. function initNZMailButtons() {
  10.     // CSRFトークンの取得（検索フォームから取得）
  11.     var csrfToken = $('#search_form input[name="_token"]').val();
  12.     if (!csrfToken) {
  13.         // 検索フォームにない場合は、最初のフォームから取得
  14.         csrfToken = $('form input[name="_token"]').first().val();
  15.     }
  16.     
  17.     var adminPath = '{{ eccube_config.eccube_admin_route }}';
  18.     
  19.     // メール送信履歴データ（PHPから渡される）
  20.     var mailHistories = {{ nz_mail_histories|json_encode|raw }};
  21.     
  22.     // 各受注行にボタンを追加
  23.     $('#search_result tbody tr').each(function() {
  24.         var $row = $(this);
  25.         
  26.         // 最後の列（お届け先の列）を取得
  27.         var $lastCell = $row.find('td').last();
  28.         
  29.         // 注文IDを取得（IDの列から）
  30.         var $idCell = $row.find('td').eq(1); // 2列目（ID列）
  31.         var $idLink = $idCell.find('a');
  32.         if ($idLink.length === 0) return;
  33.         
  34.         var href = $idLink.attr('href');
  35.         var matches = href.match(/\/(\d+)\/edit$/);
  36.         if (!matches) return;
  37.         
  38.         var orderId = matches[1];
  39.         
  40.         // 既に追加済みかチェック
  41.         if ($lastCell.find('.nz-mail-btn').length > 0) return;
  42.         
  43.         // .text-endを含む親要素を取得
  44.         var $buttonContainer = $lastCell.find('.text-end');
  45.         if ($buttonContainer.length === 0) return;
  46.         
  47.         // メール送信履歴をチェック
  48.         var isReceivedSent = mailHistories[orderId] && mailHistories[orderId].received;
  49.         var isCancelSent = mailHistories[orderId] && mailHistories[orderId].cancel;
  50.         
  51.         // 入金確認済みボタンのラッパー（銀行マーク）
  52.         var $receivedWrapper = $('<div class="px-1 d-inline-block"></div>');
  53.         var receivedIconClass = isReceivedSent ? 'text-muted' : 'text-success';
  54.         var receivedIcon = isReceivedSent ? 
  55.             '<i class="fa fa-check-circle fa-lg ' + receivedIconClass + '"></i>' : 
  56.             '<i class="fa fa-university fa-lg ' + receivedIconClass + '"></i>';
  57.         var receivedTitle = isReceivedSent ? '入金確認済みメール送信済み' : '入金確認済みメール送信';
  58.         var receivedDisabled = isReceivedSent ? ' disabled' : '';
  59.         
  60.         var $receivedBtn = $('<button type="button" class="btn btn-ec-actionIcon nz-mail-btn nz-payment-received-btn" data-order-id="' + orderId + '" data-bs-toggle="tooltip" data-bs-placement="top" title="' + receivedTitle + '"' + receivedDisabled + '>' +
  61.                 receivedIcon +
  62.                 '</button>');
  63.         
  64.         if (!isReceivedSent) {
  65.             $receivedBtn.on('click', function(e) {
  66.                 e.preventDefault();
  67.                 e.stopPropagation();
  68.                 
  69.                 var orderId = $(this).data('order-id');
  70.                 if (!confirm('入金確認済みメールを送信しますか？')) {
  71.                     return;
  72.                 }
  73.                 
  74.                 var $btn = $(this);
  75.                 
  76.                 $.ajax({
  77.                     url: '/' + adminPath + '/nz_mail/payment_received/' + orderId,
  78.                     type: 'POST',
  79.                     data: {
  80.                         '_token': csrfToken
  81.                     },
  82.                     dataType: 'json',
  83.                     success: function(response) {
  84.                         if (response.success) {
  85.                             alert('✓ 入金確認済みメールを送信しました');
  86.                             // ボタンを送信済み状態に変更
  87.                             $btn.prop('disabled', true);
  88.                             $btn.html('<i class="fa fa-check-circle fa-lg text-muted"></i>');
  89.                             $btn.attr('title', '入金確認済みメール送信済み');
  90.                             $btn.tooltip('dispose').tooltip();
  91.                         } else {
  92.                             alert('エラー: ' + (response.message || '送信に失敗しました'));
  93.                         }
  94.                     },
  95.                     error: function(xhr) {
  96.                         var errorMsg = 'メール送信に失敗しました';
  97.                         if (xhr.responseJSON && xhr.responseJSON.message) {
  98.                             errorMsg += '\n' + xhr.responseJSON.message;
  99.                         } else if (xhr.responseText) {
  100.                             errorMsg += '\n' + xhr.responseText;
  101.                         }
  102.                         alert(errorMsg);
  103.                         console.error('Ajax error:', xhr);
  104.                     }
  105.                 });
  106.             });
  107.         }
  108.         
  109.         $receivedWrapper.append($receivedBtn);
  110.         
  111.         // キャンセルボタンのラッパー
  112.         var $cancelWrapper = $('<div class="px-1 d-inline-block"></div>');
  113.         var cancelIconClass = isCancelSent ? 'text-muted' : 'text-secondary';
  114.         var cancelIcon = isCancelSent ? 
  115.             '<i class="fa fa-check-circle fa-lg ' + cancelIconClass + '"></i>' : 
  116.             '<i class="fa fa-times-circle fa-lg ' + cancelIconClass + '"></i>';
  117.         var cancelTitle = isCancelSent ? 'キャンセルメール送信済み' : 'キャンセルメール送信';
  118.         var cancelDisabled = isCancelSent ? ' disabled' : '';
  119.         
  120.         var $cancelBtn = $('<button type="button" class="btn btn-ec-actionIcon nz-mail-btn nz-cancel-btn" data-order-id="' + orderId + '" data-bs-toggle="tooltip" data-bs-placement="top" title="' + cancelTitle + '"' + cancelDisabled + '>' +
  121.                 cancelIcon +
  122.                 '</button>');
  123.         
  124.         if (!isCancelSent) {
  125.             $cancelBtn.on('click', function(e) {
  126.                 e.preventDefault();
  127.                 e.stopPropagation();
  128.                 
  129.                 var orderId = $(this).data('order-id');
  130.                 if (!confirm('キャンセルメールを送信しますか？')) {
  131.                     return;
  132.                 }
  133.                 
  134.                 var $btn = $(this);
  135.                 
  136.                 $.ajax({
  137.                     url: '/' + adminPath + '/nz_mail/cancel/' + orderId,
  138.                     type: 'POST',
  139.                     data: {
  140.                         '_token': csrfToken
  141.                     },
  142.                     dataType: 'json',
  143.                     success: function(response) {
  144.                         if (response.success) {
  145.                             alert('✓ キャンセルメールを送信しました');
  146.                             // ボタンを送信済み状態に変更
  147.                             $btn.prop('disabled', true);
  148.                             $btn.html('<i class="fa fa-check-circle fa-lg text-muted"></i>');
  149.                             $btn.attr('title', 'キャンセルメール送信済み');
  150.                             $btn.tooltip('dispose').tooltip();
  151.                         } else {
  152.                             alert('エラー: ' + (response.message || '送信に失敗しました'));
  153.                         }
  154.                     },
  155.                     error: function(xhr) {
  156.                         var errorMsg = 'メール送信に失敗しました';
  157.                         if (xhr.responseJSON && xhr.responseJSON.message) {
  158.                             errorMsg += '\n' + xhr.responseJSON.message;
  159.                         } else if (xhr.responseText) {
  160.                             errorMsg += '\n' + xhr.responseText;
  161.                         }
  162.                         alert(errorMsg);
  163.                         console.error('Ajax error:', xhr);
  164.                     }
  165.                 });
  166.             });
  167.         }
  168.         
  169.         $cancelWrapper.append($cancelBtn);
  170.         
  171.         // 既存のボタンの後ろに追加
  172.         $buttonContainer.append($receivedWrapper).append($cancelWrapper);
  173.     });
  174.     
  175.     // ツールチップ初期化
  176.     $('[data-bs-toggle="tooltip"]').tooltip();
  177. }
  178. </script>
  180. <style>
  181. .btn-ec-actionIcon {
  182.     border: none;
  183.     background: none;
  184.     padding: 0.25rem 0.5rem;
  185.     cursor: pointer;
  186. }
  187. .btn-ec-actionIcon:hover:not(:disabled) {
  188.     opacity: 0.7;
  189. }
  190. .btn-ec-actionIcon:disabled {
  191.     cursor: not-allowed;
  192.     opacity: 0.6;
  193. }
  194. </style>