2 files changed, 8 insertions, 0 deletions
diff --git a/web_src/js/features/oauth2-settings.ts b/web_src/js/features/oauth2-settings.ts
new file mode 100644
index 0000000000..1e62ca0096
--- /dev/null
+++ b/web_src/js/features/oauth2-settings.ts
@@ -0,0 +1,5 @@
+export function initOAuth2SettingsDisableCheckbox() {
+  for (const e of document.querySelectorAll('.disable-setting')) e.addEventListener('change', ({target}) => {
+    document.querySelector(e.getAttribute('data-target')).classList.toggle('disabled', target.checked);
+  });
+}
diff --git a/web_src/js/index.ts b/web_src/js/index.ts
index 12120d3892..7ae8969fc8 100644
--- a/web_src/js/index.ts
+++ b/web_src/js/index.ts
@@ -78,6 +78,7 @@ import {initDirAuto} from './modules/dirauto.ts';
 import {initRepositorySearch} from './features/repo-search.ts';
 import {initColorPickers} from './features/colorpicker.ts';
 import {initAdminSelfCheck} from './features/admin/selfcheck.ts';
+import {initOAuth2SettingsDisableCheckbox} from './features/oauth2-settings.ts';
 import {initGlobalFetchAction} from './features/common-fetch-action.ts';
 import {
   initFootLanguageMenu,
@@ -225,5 +226,7 @@ onDomReady(() => {
     initPdfViewer,
     initScopedAccessTokenCategories,
     initColorPickers,
+
+    initOAuth2SettingsDisableCheckbox,
   ]);
 });