app/Plugin/ProductDisplayRank4/Resource/template/admin/Product/index_js.twig line 1

Open in your IDE?
  1. <script>
  3.     var product_ranks = {
  4.     {% for Product in pagination %}
  5.         {{ Product.id }} : {{ Product.display_rank }}{% if loop.last == false %},{% endif %}
  6.     {% endfor %}
  7.     };
  10.     // 並び順
  11.     var updateRankNumber = function(id, tracking_number, callback) {
  12.         $.ajax({
  13.             type: 'PUT',
  14.             url: '{{ url("product_display_rank4_admin_product_update_rank") }}',
  15.             data: {'id': id, 'rank': tracking_number}
  16.         }).done(function(data, textStatus, jqXHR) {
  17.             if (data['status'] == 'OK') {
  18.                 if (typeof callback == 'function') {
  19.                     callback();
  20.                 }
  21.             } else {
  22.                 alert('Update failed.');
  23.             }
  24.             return true;
  25.         }).fail(function(jqXHR, textStatus, errorThrown) {
  26.             var response = JSON.parse(jqXHR.responseText);
  27.             var messages = '';
  28.             for (var i = 0; i < response.messages.length; i++) {
  29.                 messages += response.messages[i] + "\n";
  30.             }
  31.             alert(messages);
  32.             return false;
  33.         });
  34.     };
  37.     $(function () {
  39.         $('#form_bulk thead tr th:last-child').before('<th class="border-top-0 pt-2 pb-2" >表示順<br><a href="{{ url('product_display_rank4_admin_config') }}" target="_blank">設定</th>')
  41.         $('#form_bulk tbody tr[id^=ex-product-]').each(function () {
  42.             var $tr = $(this)
  43.             var product_id = $tr.find('[name="ids[]"]').val()
  44.             var $insert = $('<td>')
  45.             $insert.append('<div class="input-group input-group-sm"><input class="update_rank_number" style="width: 70px;" type="number" data-product-id="' + product_id + '" value="' + product_ranks[product_id] + '"><span class="input-group-btn">\n' +
  46.                 '<button type="button" data-product-id=' + product_id + ' class="btn btn-default update_rank_button"><i class="fa fa-check fa-lg text-secondary" aria-hidden="true"></i></button></span></div>')
  48.             $tr.find('td').last().before($insert)
  49.         })
  51.         $('button.update_rank_button').prop('disabled', true);
  52.         // フォームに変更があったら更新ボタンを有効にする
  53.         $('input.update_rank_number').on('keyup change', function(event) {
  54.             var $input = $(this);
  55.             var $button = $input.closest('.input-group').find('button.update_rank_button');
  56.             console.log($button)
  57.             $button.prop('disabled', false);
  58.             $button.children('i')
  59.                 .removeClass('text-secondary')
  60.                 .addClass('text-success');
  61.         });
  63.         // enter キーで更新し、次のフォームへフォーカスを移動する
  64.         $('input.update_rank_number').on('keypress', function(event) {
  65.             var $input = $(this);
  66.             var $button = $input.closest('.input-group').find('button.update_rank_button');
  67.             var display_rank = $input.val();
  68.             var code = event.which ? event.which : event.keyCode;
  70.             if (code == 13) { // on press to enter
  71.                 var index = $('input.update_rank_number').index(this);
  72.                 var callback = function() {
  73.                     $button.prop('disabled', true);
  74.                     $button.children('i')
  75.                         .removeClass('text-success')
  76.                         .addClass('text-secondary');
  77.                     $('input.update_rank_number:gt(' + index + '):first').focus();
  78.                 };
  79.                 updateRankNumber($button.attr('data-product-id'),  display_rank, callback);
  80.                 event.preventDefault();
  81.             }
  82.         });
  83.         // 更新ボタンの制御
  84.         $('button.update_rank_button').on('click', function(event) {
  85.             event.preventDefault();
  86.             var $button = $(this);
  87.             var $target = $button.closest('.input-group').find('input.update_rank_number');
  88.             var display_rank = $target.val();
  89.             var callback = function() {
  90.                 $button.prop('disabled', true);
  91.                 $button.children('i')
  92.                     .removeClass('text-success')
  93.                     .addClass('text-secondary');
  94.             };
  96.             updateRankNumber($button.attr('data-product-id'),  display_rank, callback);
  97.         });
  98.     })
  99. </script>