From dd8a545ca51539f43925cf13845f3f884e1e43e1 Mon Sep 17 00:00:00 2001
From: Lazlo Westerhof <l.r.westerhof@uu.nl>
Date: Wed, 2 Aug 2023 15:07:28 +0200
Subject: [PATCH] YDA-5266: disable password label field after generation

---
 user/static/user/js/data_access.js   | 5 ++++-
 user/templates/user/data_access.html | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/user/static/user/js/data_access.js b/user/static/user/js/data_access.js
index 532ed823..968ef6fa 100644
--- a/user/static/user/js/data_access.js
+++ b/user/static/user/js/data_access.js
@@ -20,6 +20,8 @@ $(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(
@@ -27,7 +29,7 @@ $(document).ready(function () {
           $('#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
index 909dd5b4..dcc4da25 100644
--- 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">