app/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.                     $('#mailCreate, .btn-mail-confirm').hide();
  56.                     updater = eventTarget.data('bulk-update') ? new BulkSendMail(modal, eventTarget) : new SimpleSendMail(modal, eventTarget);
  57.                     break;
  58.                 default:
  59.                 case 'status':
  60.                     if (eventTarget.data('bulk-update')) {
  61.                         updater = new BulkStatusUpdate(modal, eventTarget);
  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.                     'deliveryNote': $('input#deliveryNote:checked').val(),
  229.                 };
  230.                 return ConfirmationModal.prototype.getPromises.call(this, progress, url, data);
  231.             }
  232.         }
  233.     });
  234.     /*
  235.      * メール一括送信
  236.      */
  237.     function BulkSendMail(modal) {
  238.         SimpleStatusUpdate.call(this, modal);
  239.     }
  240.     // extend BulkUpdate
  241.     BulkSendMail.prototype = Object.create(SimpleStatusUpdate.prototype, {
  242.         constructor: {
  243.             value: SimpleStatusUpdate
  244.         },
  245.         modalTitle: {
  246.             value: "{{ 'admin.order.shipping_mail_send__confirm_title'|trans }}"
  247.         },
  248.         modalMessage: {
  249.             value: "{{ 'admin.order.shipping_mail_send__confirm_message'|trans }}"
  250.         },
  251.         modalButton: {
  252.             value: "{{ 'admin.common.send'|trans }}"
  253.         },
  254.         getPreviewUrl: {
  255.             value: function () {
  256.                 return $('input[data-preview-notify-mail-url]:checked').data('preview-notify-mail-url');
  257.             }
  258.         },
  259.         getTotalCount: {
  260.             value: function () {
  261.                 return $('input[data-preview-notify-mail-url]:checked').length;
  262.             }
  263.         },
  264.         getPromises: {
  265.             value: function (progress) {
  266.                 return $('input[data-notify-mail-url]:checked').map(function () {
  267.                     var url = $(this).data('notify-mail-url');
  268.                     if($('#template-change').val() != 8) {          //出荷通知メール
  269.                         url = url.replace('notify_mail', 'notify_mail_order');
  270.                     }
  271.                     var data = {
  272.                         'deliveryNote': $('input#deliveryNote:checked').val(),
  273.                         'template_id': $('#template-change').val(),
  274.                         'subject': $('#admin_order_mail_mail_subject').val(),
  275.                         'tpl_data': $('#admin_order_mail_tpl_data').val()
  276.                     };
  277.                     return ConfirmationModal.prototype.getPromises.call(this, progress, url, data);
  278.                 });
  279.             }
  280.         }
  281.     });
  282.     /*
  283.      * 個別メール送信
  284.      */
  285.     function SimpleSendMail(modal, relatedTarget) {
  286.         SimpleStatusUpdate.call(this, modal, relatedTarget);
  287.     }
  288.     // extends SimpleUpdate
  289.     SimpleSendMail.prototype = Object.create(SimpleStatusUpdate.prototype, {
  290.         constructor: {
  291.             value: SimpleStatusUpdate
  292.         },
  293.         modalTitle: {
  294.             value: "{{ 'admin.order.shipping_mail_send__confirm_title'|trans }}"
  295.         },
  296.         modalMessage: {
  297.             value: "{{ 'admin.order.shipping_mail_send__confirm_message'|trans }}"
  298.         },
  299.         modalButton: {
  300.             value: "{{ 'admin.common.send'|trans }}"
  301.         },
  302.         getPromises: {
  303.             value: function (progress) {
  304.                 var url = this.eventTarget.data('notify-mail-url');
  305.                 var data = {
  306.                     'deliveryNote': $('input#deliveryNote:checked').val(),
  307.                     'template_id': $('#template-change').val(),
  308.                     'subject': $('#admin_order_mail_mail_subject').val(),
  309.                     'tpl_data': $('#admin_order_mail_tpl_data').val()
  310.                 };
  311.                 return ConfirmationModal.prototype.getPromises.call(this, progress, url, data);
  312.             }
  313.         }
  314.     });
  315. </script>