Issue #3404519 by nakamurarts, yas: Refactor to native JavaScript from jQuery (k8s_cost_block.js)

modules/cloud_service_providers/k8s/js/k8s_cost_block.js

-(function ($) {
+(function () {
   'use strict';
 
-  $('button[name=apply]').click(function () {
-    let $parent = $(this).parent('.form-inline');
-    if ($parent.length === 0 || $parent.parents('.panel').length === 0) {
-      return;
+  for (const apply_button of document.querySelectorAll('.simple-datatable .form-inline .button[name="apply"]')) {
+    const form_inline = apply_button.closest('.form-inline');
+    const block_id = form_inline.closest('.simple-datatable').id;
+    if (!block_id) {
+      continue;
     }
-    let block_id = $parent.parents('.panel').attr('id');
 
-    let params = (new URL(location)).searchParams;
-    let param_arr = [];
-    $parent.find('select').each(function () {
-      let name = $(this).attr('name');
-      params.set(block_id + '[' + name + ']', $(this).val());
+    apply_button.addEventListener('click', function () {
+      const url = new URL(location.href);
+      form_inline.querySelectorAll('select').forEach(function (select) {
+        url.searchParams.set(block_id + '[' + select.name + ']', select.value);
+      });
+      location.href = url.href;
     });
-
-    if (Array.from(params).length === 0) {
-      return;
-    }
-    let url = location.href;
-    if (url.indexOf('?') !== -1) {
-      url = url.substr(0, url.indexOf('?'));
-    }
-    location = url + '?' + params.toString();
-  });
-})(jQuery);
+  }
+})();

modules/cloud_service_providers/k8s/k8s.libraries.yml

@@ -54,8 +54,6 @@ k8s_cost_block:
   version: 6.x-dev
   js:
     js/k8s_cost_block.js: {}
-  dependencies:
-    - core/jquery
 
 k8s_project_costs_chart:
   version: 6.x-dev
@@ -79,8 +77,6 @@ k8s_all_resources:
   version: 6.x-dev
   js:
     js/k8s_all_resources.js: {}
-  dependencies:
-    - core/jquery
 
 k8s_refresh_resource_trigger:
   version: 6.x-dev