YDA-5266: disable password label field after generation

UtrechtUniversity · Aug 2, 2023 · dd8a545 · dd8a545
1 parent c5ff3fd
commit dd8a545
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/user/static/user/js/data_access.js b/user/static/user/js/data_access.js
@@ -20,14 +20,16 @@ $(document).ready(function () {
     const button = document.getElementById('generateButton')
     const token = document.getElementById('tokenField')
     button.setAttribute('hidden', true)
+    const label = document.getElementById('f-token-label')
+    label.setAttribute('disabled', true)
 
     Yoda.call('token_delete_expired', {}).then(response => {
       return Yoda.call('token_generate', { label }, { quiet: true }).then(
         (data) => {
           $('#f-token').val(data)
           const p = document.getElementById('passwordOk')
           p.removeAttribute('hidden')
-          token.removeAttribute('hidden')          
+          token.removeAttribute('hidden')
         },
         (error) => {
           let errorId = 'passwordGenerateError'
@@ -38,6 +40,7 @@ $(document).ready(function () {
           p.removeAttribute('hidden')
           button.removeAttribute('hidden')
           token.setAttribute('hidden', true)
+          label.removeAttribute('disabled')
         }
       )
     })

diff --git a/user/templates/user/data_access.html b/user/templates/user/data_access.html
@@ -69,14 +69,14 @@ <h5 class="modal-title" id="dataAccessPassword">Generate new data access passwor
                           required>
                   </div>
               </div>
-              <div id="tokenField" class="form-group row" hidden="">
+              <div id="tokenField" class="form-group row" hidden>
                   <label class="col-sm-3 col-form-label" for="f-token">Password</label>
                   <div class="col-sm-7">
                       <input
                           id="f-token"
                           class="form-control"
                           type="text"
-                          readonly>
+                          disabled>
                   </div>
                   <div class="col-sm-2">
                       <button type="button" class="btn btn-secondary btn-copy-to-clipboard">