From d410995c00033a337165a09b4f1f290153b4b580 Mon Sep 17 00:00:00 2001 From: Retsushi Nakamura <63251-nakamurarts@users.noreply.drupalcode.org> Date: Mon, 20 Nov 2023 21:00:10 +0000 Subject: [PATCH] Issue #3402301 by nakamurarts, yas: Refactor to native JavaScript from jQuery (k8s_all_resources.js) --- .../k8s/js/k8s_all_resources.js | 33 ++++++++++--------- 1 file changed, 17 insertions(+), 16 deletions(-) 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 cef34334f2..c2fa0db70d 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); +})(); -- GitLab