zydronium/manage.get.gov
1
0
Fork 0
mirror of https://github.com/cisagov/manage.get.gov.git synced 2025-08-13 04:59:59 +02:00
Code Issues Projects Releases Packages Wiki Activity

Minor refactor

Browse source
This commit is contained in:
zandercymatics 2024-05-28 13:18:41 -06:00
parent a32a228e6c
commit e34c724264
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7
1 changed files with 9 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/registrar/assets/js/get-gov.js
View file

@ -842,21 +842,14 @@ function hideDeletedForms() {
*/ */
(function finishUserSetupListener() { (function finishUserSetupListener() {
function getInputFieldId(fieldName){ function getInputField(fieldName){
return `#id_${fieldName}` return document.querySelector(`#id_${fieldName}`)
}
function getReadonlyFieldId(fieldName){
return `#${fieldName}__edit-button-readonly`
} }
// Shows the hidden input field and hides the readonly one // Shows the hidden input field and hides the readonly one
function showInputFieldHideReadonlyField(fieldName, button) { function showInputFieldHideReadonlyField(fieldName, button) {
let inputId = getInputFieldId(fieldName) let inputField = getInputField(fieldName)
let inputField = document.querySelector(inputId) let readonlyField = document.querySelector(`#${fieldName}__edit-button-readonly`)
let readonlyId = getReadonlyFieldId(fieldName)
let readonlyField = document.querySelector(readonlyId)
readonlyField.classList.toggle('display-none'); readonlyField.classList.toggle('display-none');
inputField.classList.toggle('display-none'); inputField.classList.toggle('display-none');
@ -868,18 +861,16 @@ function hideDeletedForms() {
} }
} }
function handleFullNameField(fieldName) { function handleFullNameField(fieldName = "full_name") {
// Remove the display-none class from the nearest parent div // Remove the display-none class from the nearest parent div
let fieldId = getInputFieldId(fieldName)
let inputField = document.querySelector(fieldId);
let nameFieldset = document.querySelector("#profile-name-group"); let nameFieldset = document.querySelector("#profile-name-group");
if (nameFieldset){ if (nameFieldset){
nameFieldset.classList.remove("display-none"); nameFieldset.classList.remove("display-none");
} }
if (inputField) {
// Hide the "full_name" field // Hide the "full_name" field
let inputField = getInputField(fieldName);
if (inputField) {
inputFieldParentDiv = inputField.closest("div"); inputFieldParentDiv = inputField.closest("div");
if (inputFieldParentDiv) { if (inputFieldParentDiv) {
inputFieldParentDiv.classList.add("display-none"); inputFieldParentDiv.classList.add("display-none");
@ -893,11 +884,12 @@ function hideDeletedForms() {
button.disabled = true button.disabled = true
if (fieldName == "full_name"){ if (fieldName == "full_name"){
handleFullNameField(fieldName); handleFullNameField();
}else { }else {
showInputFieldHideReadonlyField(fieldName, button); showInputFieldHideReadonlyField(fieldName, button);
} }
// Hide the button itself
button.classList.add("display-none"); button.classList.add("display-none");
// Unlock after it completes // Unlock after it completes