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