From c5ff3fd0a1511207b65dd92c09e703b30ab255e7 Mon Sep 17 00:00:00 2001
From: Lazlo Westerhof <l.r.westerhof@uu.nl>
Date: Wed, 2 Aug 2023 14:52:18 +0200
Subject: [PATCH] YDA-5266: improve user guidance when generating a data access
 password

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

diff --git a/user/static/user/js/data_access.js b/user/static/user/js/data_access.js
index d9cfa3c3..532ed823 100644
--- a/user/static/user/js/data_access.js
+++ b/user/static/user/js/data_access.js
@@ -18,6 +18,7 @@ $(document).ready(function () {
     const label = $('#f-token-label').val()
 
     const button = document.getElementById('generateButton')
+    const token = document.getElementById('tokenField')
     button.setAttribute('hidden', true)
 
     Yoda.call('token_delete_expired', {}).then(response => {
@@ -26,6 +27,7 @@ $(document).ready(function () {
           $('#f-token').val(data)
           const p = document.getElementById('passwordOk')
           p.removeAttribute('hidden')
+          token.removeAttribute('hidden')          
         },
         (error) => {
           let errorId = 'passwordGenerateError'
@@ -35,6 +37,7 @@ $(document).ready(function () {
           const p = document.getElementById(errorId)
           p.removeAttribute('hidden')
           button.removeAttribute('hidden')
+          token.setAttribute('hidden', true)
         }
       )
     })
diff --git a/user/templates/user/data_access.html b/user/templates/user/data_access.html
index ab722563..909dd5b4 100644
--- a/user/templates/user/data_access.html
+++ b/user/templates/user/data_access.html
@@ -69,7 +69,7 @@ <h5 class="modal-title" id="dataAccessPassword">Generate new data access passwor
                           required>
                   </div>
               </div>
-              <div class="form-group row">
+              <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