src/Eccube/Resource/template/admin/Order/confirmationModal_js.twig line 1

Open in your IDE?
  1. <script>
  2.     $(function() {
  3.         var updater;
  4.         // モーダルの表示を制御
  5.         $('#bulkSendMail, .confirmationModal').on('click', function (e) {
  6.             var modal = $('#sentUpdateModal');
  7.             var bootstrapModal = new bootstrap.Modal(modal.get(0));
  8.             bootstrapModal.show();
  9.             var eventTarget = $(e.currentTarget);
  10.             var type = eventTarget.data('type');
  11.             switch (type) {
  12.                 case 'mail':
  13.                     updater = eventTarget.data('bulk-update') ? new BulkSendMail(modal, eventTarget) : new SimpleSendMail(modal, eventTarget);
  14.                     $('#notificationMail').attr('type', 'hidden');
  15.                     $('.notificationMail').hide();
  16.                     $('#viewEmail').removeClass('collapsed').addClass('collapsed');
  17.                     ;
  18.                     break;
  19.                 default:
  20.                 case 'status':
  21.                     updater = new SimpleStatusUpdate(modal, eventTarget); // bulk-update is always false
  22.                     $('#notificationMail').attr('type', 'checkbox');
  23.                     $('.notificationMail').show();
  24.                     $('#viewEmail').removeClass('collapsed').addClass('collapsed');
  25.             }
  26.             $.ajax(updater.getPreviewUrl()).done(function (res) {
  27.                 $('#viewEmail').html(res);
  28.             });
  29.             $('.modal-title', modal).text(updater.modalTitle);
  30.             $('.modal-body > p.modal-message', modal).text(updater.modalMessage);
  31.             $('#bulkChange')
  32.                 .attr({
  33.                     'data-bulk-update': eventTarget.data('bulk-update'),
  34.                     'data-type': eventTarget.data('type'),
  35.                     'data-update-status-url': eventTarget.data('update-status-url'),
  36.                     'data-notify-mail-url': eventTarget.data('notify-mail-url'),
  37.                     'data-update-status-id': eventTarget.data('update-status-id')
  38.                 })
  39.                 .text(updater.modalButton);
  40.         });
  41.         // プログレスバーの表示を制御
  42.         $('#bulkChange, .progressModal').on('click', function (e) {
  43.             //alert(1119);
  44.             var eventTarget = $(e.currentTarget);
  45.             var type = eventTarget.data('type');
  46.             if (type == 'status' && eventTarget.data('bulk-update') && $('#option_bulk_status').val() === '') {
  47.                 alert('対応状況を選択してください');
  48.                 return;
  49.             }
  50.             var modal = $('#sentUpdateModal');
  51.             var bootstrapModal = new bootstrap.Modal(modal.get(0));
  52.             bootstrapModal.show();
  53.             switch (type) {
  54.                 case 'mail':
  55.                     updater = eventTarget.data('bulk-update') ? new BulkSendMail(modal, eventTarget) : new SimpleSendMail(modal, eventTarget);
  56.                     break;
  57.                 default:
  58.                 case 'status':
  59.                     if (eventTarget.data('bulk-update')) {
  60.                         updater = new BulkStatusUpdate(modal, eventTarget);
  61.                     } else {
  62.                         updater = new SimpleStatusUpdate(modal, eventTarget);
  63.                     }
  64.             }
  65.             $('.modal-title', modal).text(updater.modalTitle);
  66.             $('.modal-body > p.modal-message', modal).text("{{ 'admin.order.bulk_action__in_progress_message'|trans }}");
  67.             $('button', modal).hide();
  68.             $('#bulk-options').hide();
  69.             $('.progress', modal).show();
  70.             updater.totalCount = updater.getTotalCount();
  71.             var progress = new $.Deferred();
  72.             progress.progress(function () {
  73.                 updater.progress(this, progress);
  74.             }).fail(function () {
  75.                 updater.fail(this);
  76.             }).always(function () {
  77.                 updater.always(this);
  78.             });
  79.             updater.getPromises(progress);
  80.         });
  82.     });
  84.     /*
  85.      * Super class
  86.      */
  87.     function ConfirmationModal(modal) {
  88.         this.modal = modal;
  89.         this.mailCount = 0;
  90.         this.currentCount = 0;
  91.         this.totalCount = 0;
  92.     }
  93.     ConfirmationModal.prototype = {
  94.         modalTitle: "{{ 'admin.order.to_shipped__confirm_title'|trans }}",
  95.         modalMessage: "{{ 'admin.order.to_shipped__confirm_message'|trans }}",
  96.         modalButton: "{{ 'admin.common.execute'|trans }}",
  97.         getPreviewUrl: function () {
  98.             return null;
  99.         },
  100.         getTotalCount: function () {
  101.             return 1;
  102.         },
  103.         progress: function (result, progress) {
  104.             $('.progress-bar', this.modal).css('width', (++this.currentCount / this.totalCount * 100) + '%');
  105.             if (result['message']) {
  106.                 $('<li><span class="badge bg-warning">NOTICE</span> </li>')
  107.                     .append($('<span></span>').text(result['message']))
  108.                     .appendTo('#bulkErrors');
  109.             }
  110.             if (this.currentCount >= this.totalCount) {
  111.                 progress.resolve();
  112.             }
  113.         },
  114.         fail: function (result) {
  115.             $('<li><span class="badge bg-danger">ERROR</span> </li>')
  116.                 .append($('<span></span>').text("{{ 'admin.common.system_error'|trans }}"))
  117.                 .appendTo('#bulkErrors');
  118.         },
  119.         always: function (result) {
  120.             $('.progress', this.modal).hide();
  121.             $('.modal-body > p.modal-message', this.modal).text("{{ 'admin.order.bulk_action__complete_message'|trans }}");
  122.             $('#bulkChangeComplete').show();
  123.         },
  124.         getPromises: function (progress, url, data) {
  125.             if (data == undefined) {
  126.                 data = {'notificationMail': $('input#notificationMail:checked').val()};
  127.             }
  128.             return $.ajax({
  129.                 'url': url,
  130.                 'type': 'PUT',
  131.                 'data': data
  132.             })
  133.                 .fail(function () {
  134.                     progress.reject();
  135.                     ConfirmationModal.prototype.fail.call(this);
  136.                 })
  137.                 .always(function (data) {
  138.                     progress.notifyWith(data);
  139.                 });
  140.         }
  141.     };
  142.     /*
  143.      * ステータス一括更新
  144.      */
  145.     function BulkStatusUpdate(modal, eventTarget) {
  146.         ConfirmationModal.call(this, modal);
  147.         this.eventTarget = eventTarget;
  148.     }
  149.     // extend super class
  150.     BulkStatusUpdate.prototype = Object.create(ConfirmationModal.prototype, {
  151.         constructor: {
  152.             value: ConfirmationModal
  153.         },
  154.         modalTitle: {
  155.             value: "{{ 'admin.order.change_status'|trans }}"
  156.         },
  157.         getTotalCount: {
  158.             value: function () {
  159.                 return $('input[data-id]:checked').length;
  160.             }
  161.         },
  162.         getPromises: {
  163.             value: function (progress) {
  164.                 var statuses = [];
  165.                 $('input[data-id]:checked').each(function () {
  166.                     statuses.push({
  167.                         'url': $(this).data('update-status-url'),
  168.                         'data': {'order_status': $('#option_bulk_status').val()}
  169.                     });
  170.                 });
  171.                 // ポイントや在庫の加算・減算は非同期で実行できないため、同期処理で実行
  172.                 var callback = function () {
  173.                     var status = statuses.shift();
  174.                     var url = status.url;
  175.                     var data = status.data;
  177.                     ConfirmationModal.prototype.getPromises.call(this, progress, url, data)
  178.                         .done(function () {
  179.                             if (statuses.length) {
  180.                                 callback();
  181.                             }
  182.                         })
  183.                 }
  184.                 callback();
  185.             }
  186.         }
  187.     });
  188.     /*
  189.      * ステータス個別更新
  190.      */
  191.     function SimpleStatusUpdate(modal, eventTarget) {
  192.         ConfirmationModal.call(this, modal);
  193.         this.eventTarget = eventTarget;
  194.         this.notifierCompleteMessage = '';
  195.     }
  196.     // extend super class
  197.     SimpleStatusUpdate.prototype = Object.create(ConfirmationModal.prototype, {
  198.         constructor: {
  199.             value: ConfirmationModal
  200.         },
  201.         getPreviewUrl: {
  202.             value: function () {
  203.                 return this.eventTarget.data('preview-notify-mail-url');
  204.             }
  205.         },
  206.         progress: {
  207.             value: function (result, progress) {
  208.                 if (result.mail) {
  209.                     this.mailCount++;
  210.                     this.notifierCompleteMessage = '{{ 'admin.order.shipping_mail_send__complete_message'|trans }}'.replace(/%count%/, this.mailCount);
  211.                 }
  212.                 ConfirmationModal.prototype.progress.call(this, result, progress);
  213.             }
  214.         },
  215.         always: {
  216.             value: function (result) {
  217.                 ConfirmationModal.prototype.always.call(this, result);
  218.                 $('.modal-body > p.modal-message', this.modal).text("{{ 'admin.order.bulk_action__complete_message'|trans }}" + this.notifierCompleteMessage);
  219.             }
  220.         },
  221.         getPromises: {
  222.             value: function (progress) {
  223.                 var url = this.eventTarget.data('update-status-url');
  224.                 var data = {
  225.                     'order_status': this.eventTarget.data('update-status-id'),
  226.                     'notificationMail': $('input#notificationMail:checked').val()
  227.                 };
  228.                 return ConfirmationModal.prototype.getPromises.call(this, progress, url, data);
  229.             }
  230.         }
  231.     });
  232.     /*
  233.      * メール一括送信
  234.      */
  235.     function BulkSendMail(modal) {
  236.         SimpleStatusUpdate.call(this, modal);
  237.     }
  238.     // extend BulkUpdate
  239.     BulkSendMail.prototype = Object.create(SimpleStatusUpdate.prototype, {
  240.         constructor: {
  241.             value: SimpleStatusUpdate
  242.         },
  243.         modalTitle: {
  244.             value: "{{ 'admin.order.shipping_mail_send__confirm_title'|trans }}"
  245.         },
  246.         modalMessage: {
  247.             value: "{{ 'admin.order.shipping_mail_send__confirm_message'|trans }}"
  248.         },
  249.         modalButton: {
  250.             value: "{{ 'admin.common.send'|trans }}"
  251.         },
  252.         getPreviewUrl: {
  253.             value: function () {
  254.                 return $('input[data-preview-notify-mail-url]:checked').data('preview-notify-mail-url');
  255.             }
  256.         },
  257.         getTotalCount: {
  258.             value: function () {
  259.                 return $('input[data-preview-notify-mail-url]:checked').length;
  260.             }
  261.         },
  262.         getPromises: {
  263.             value: function (progress) {
  264.                 return $('input[data-notify-mail-url]:checked').map(function () {
  265.                     var url = $(this).data('notify-mail-url');
  266.                     return ConfirmationModal.prototype.getPromises.call(this, progress, url);
  267.                 });
  268.             }
  269.         }
  270.     });
  271.     /*
  272.      * 個別メール送信
  273.      */
  274.     function SimpleSendMail(modal, relatedTarget) {
  275.         SimpleStatusUpdate.call(this, modal, relatedTarget);
  276.     }
  277.     // extends SimpleUpdate
  278.     SimpleSendMail.prototype = Object.create(SimpleStatusUpdate.prototype, {
  279.         constructor: {
  280.             value: SimpleStatusUpdate
  281.         },
  282.         modalTitle: {
  283.             value: "{{ 'admin.order.shipping_mail_send__confirm_title'|trans }}"
  284.         },
  285.         modalMessage: {
  286.             value: "{{ 'admin.order.shipping_mail_send__confirm_message'|trans }}"
  287.         },
  288.         modalButton: {
  289.             value: "{{ 'admin.common.send'|trans }}"
  290.         },
  291.         getPromises: {
  292.             value: function (progress) {
  293.                 var url = this.eventTarget.data('notify-mail-url');
  294.                 return ConfirmationModal.prototype.getPromises.call(this, progress, url);
  295.             }
  296.         }
  297.     });
  298. </script>