reuse js script

silinternational · Jan 31, 2025 · 0b9535a · 0b9535a
1 parent 49b6b06
commit 0b9535a
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 61 deletions.
diff --git a/modules/material/themes/material/mfa/prompt-for-mfa-backupcode.twig b/modules/material/themes/material/mfa/prompt-for-mfa-backupcode.twig
@@ -5,22 +5,7 @@
 
   {{ include('header.twig') }}
 
-  <script>
-    document.addEventListener('DOMContentLoaded', function() {
-      const rememberMeCheckbox = document.getElementById('rememberMe');
-      
-      if (rememberMeCheckbox) {
-        const desiredRememberMeState = localStorage.getItem('desiredRememberMeState');
-        if (desiredRememberMeState === 'true') {
-          rememberMeCheckbox.checked = true;
-        }
-
-        rememberMeCheckbox.addEventListener('change', function() {
-          localStorage.setItem('desiredRememberMeState', rememberMeCheckbox.checked);
-        });
-      }
-    });
-  </script>
+  <script src="{{ remember_me_js_path }}"></script>
 </head>
 <body class="gradient-bg">
 <div class="mdl-layout mdl-layout--fixed-header">

diff --git a/modules/material/themes/material/mfa/prompt-for-mfa-manager.twig b/modules/material/themes/material/mfa/prompt-for-mfa-manager.twig
@@ -5,22 +5,7 @@
 
   {{ include('header.twig') }}
 
-  <script>
-    document.addEventListener('DOMContentLoaded', function() {
-      const rememberMeCheckbox = document.getElementById('rememberMe');
-      
-      if (rememberMeCheckbox) {
-        const desiredRememberMeState = localStorage.getItem('desiredRememberMeState');
-        if (desiredRememberMeState === 'true') {
-          rememberMeCheckbox.checked = true;
-        }
-
-        rememberMeCheckbox.addEventListener('change', function() {
-          localStorage.setItem('desiredRememberMeState', rememberMeCheckbox.checked);
-        });
-      }
-    });
-  </script>
+  <script src="{{ remember_me_js_path }}"></script>
 </head>
 <body class="gradient-bg">
 <div class="mdl-layout mdl-layout--fixed-header">

diff --git a/modules/material/themes/material/mfa/prompt-for-mfa-totp.twig b/modules/material/themes/material/mfa/prompt-for-mfa-totp.twig
@@ -5,22 +5,7 @@
 
   {{ include('header.twig') }}
 
-  <script>
-    document.addEventListener('DOMContentLoaded', function() {
-      const rememberMeCheckbox = document.getElementById('rememberMe');
-      
-      if (rememberMeCheckbox) {
-        const desiredRememberMeState = localStorage.getItem('desiredRememberMeState');
-        if (desiredRememberMeState === 'true') {
-          rememberMeCheckbox.checked = true;
-        }
-
-        rememberMeCheckbox.addEventListener('change', function() {
-          localStorage.setItem('desiredRememberMeState', rememberMeCheckbox.checked);
-        });
-      }
-    });
-  </script>
+  <script src="{{ remember_me_js_path }}"></script>
 </head>
 <body class="gradient-bg">
 <div class="mdl-layout mdl-layout--fixed-header">

diff --git a/modules/material/themes/material/mfa/prompt-for-mfa-webauthn.twig b/modules/material/themes/material/mfa/prompt-for-mfa-webauthn.twig
@@ -9,19 +9,6 @@
 
   <script>
     document.addEventListener('DOMContentLoaded', function() {
-      const rememberMeCheckbox = document.getElementById('rememberMe');
-      
-      if (rememberMeCheckbox) {
-        const desiredRememberMeState = localStorage.getItem('desiredRememberMeState');
-        if (desiredRememberMeState === 'true') {
-          rememberMeCheckbox.checked = true;
-        }
-
-        rememberMeCheckbox.addEventListener('change', function() {
-          localStorage.setItem('desiredRememberMeState', rememberMeCheckbox.checked);
-        });
-      }
-      
       function verifyWebAuthn() {
         const loginChallenge = {{ mfa_option_data|raw }};
         SimpleWebAuthnBrowser.startAuthentication(loginChallenge.publicKey).then(submitForm).catch(handleError);
@@ -82,6 +69,8 @@
       verifyWebAuthn();
     });
   </script>
+
+  <script src="{{ remember_me_js_path }}"></script>
 </head>
 
 <body class="gradient-bg">

diff --git a/modules/mfa/public/prompt-for-mfa.php b/modules/mfa/public/prompt-for-mfa.php
@@ -125,6 +125,7 @@
 $t->data['mfa_options'] = $mfaOptions;
 $browserJsHash = md5_file(__DIR__ . '/simplewebauthn/browser.js');
 $t->data['browser_js_path'] = '/module.php/mfa/simplewebauthn/browser.js?v=' . $browserJsHash;
+$t->data['remember_me_js_path'] = '/module.php/mfa/public/remember-me.js';
 $t->data['manager_email'] = $state['managerEmail'];
 $t->data['other_options'] = $otherOptions;
 $t->data['idp_name'] = $t->getEntityDisplayName($state['IdPMetadata']);

diff --git a/modules/mfa/public/remember-me.js b/modules/mfa/public/remember-me.js
@@ -0,0 +1,14 @@
+document.addEventListener('DOMContentLoaded', function() {
+  const rememberMeCheckbox = document.getElementById('rememberMe');
+
+  if (rememberMeCheckbox) {
+    const desiredRememberMeState = localStorage.getItem('desiredRememberMeState');
+    if (desiredRememberMeState === 'true') {
+      rememberMeCheckbox.checked = true;
+    }
+
+    rememberMeCheckbox.addEventListener('change', function() {
+      localStorage.setItem('desiredRememberMeState', rememberMeCheckbox.checked);
+    });
+  }
+});