diff --git a/modules/cloud_service_providers/k8s/js/k8s_all_resources.js b/modules/cloud_service_providers/k8s/js/k8s_all_resources.js index cef34334f28d80abce80e5b1c75311d35afaff3e..c2fa0db70d1c863eb0892c58abbf3dd485601e9b 100644 --- a/modules/cloud_service_providers/k8s/js/k8s_all_resources.js +++ b/modules/cloud_service_providers/k8s/js/k8s_all_resources.js @@ -1,20 +1,22 @@ -(function ($) { +(function () { 'use strict'; - let cloud_context_namespaces = drupalSettings.k8s.cloud_context_namespaces; - let updateNamespaceOptions = function (cloud_context) { - $('#edit-namespace option').each(function () { - let namespace = $(this).val(); + const cloud_context_namespaces = drupalSettings.k8s.cloud_context_namespaces; + const updateNamespaceOptions = function (cloud_context) { + const namespaceOptions = document.querySelectorAll('#edit-namespace option'); + + namespaceOptions.forEach(function (option) { + const namespace = option.value; // If the cloud context is any. if (!cloud_context) { - $(this).show(); + option.style.display = ''; return; } // If the namespace is any. if (!namespace) { - $(this).show(); + option.style.display = ''; return; } @@ -23,18 +25,17 @@ if (!cloud_context_namespaces[cloud_context] || !cloud_context_namespaces[cloud_context][namespace]) { - $(this).hide(); - if ($(this).prop('selected')) { - $(this).prop('selected', ''); - } + option.style.display = 'none'; + option.selected = false; } else { - $(this).show(); + option.style.display = ''; } }); }; - updateNamespaceOptions($('#edit-cloud-context').val()); - $('#edit-cloud-context').change(function () { - updateNamespaceOptions($(this).val()); + const cloud_context_element = document.querySelector('#edit-cloud-context'); + updateNamespaceOptions(cloud_context_element.value); + cloud_context_element.addEventListener('change', function () { + updateNamespaceOptions(this.value); }); -})(jQuery); +})();