Skip to content

check if delayedParameterArray is undefined #465

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
danielruss wants to merge 5 commits into
base: main
Choose a base branch
from
Open

check if delayedParameterArray is undefined #465

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
af03a0e
check if delayedParameterlist is undefined
danielruss May 2, 2025
e1dd682
added a progress bar
danielruss Aug 27, 2025
fabb969
Merge pull request #2 from danielruss/progressBar
danielruss Aug 27, 2025
2ed0847
update progressbar+default devtool settings
danielruss Aug 27, 2025
1234c6e
Merge pull request #3 from danielruss/progressBar
danielruss Aug 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -90,13 +90,13 @@ <h3>Questionnaire Options</h3>
<div>
<label class="form-check form-switch mt-2">
Use Styling
<input class="form-check-input" type="checkbox" role="switch" id="styling" data-sheet-on="Style1.css" data-sheet-off="Default.css">
<input class="form-check-input" type="checkbox" role="switch" id="styling" data-sheet-on="Style1.css" data-sheet-off="Default.css" checked>
</label>
</div>
<div>
<label class="form-check form-switch mt-2">
Activate Logic
<input class="form-check-input" type="checkbox" role="switch" id="logic" data-sheet-on="ActiveLogic.css" data-sheet-off="Default.css">
<input class="form-check-input" type="checkbox" role="switch" id="logic" data-sheet-on="ActiveLogic.css" data-sheet-off="Default.css" checked>
</label>
</div>
<div>
Expand Down
23 changes: 22 additions & 1 deletion questionnaire.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -927,7 +927,7 @@ async function nextPage(norp, retrieve, store, rootElement) {
if (store) {
try {
// show a loading indicator for variables in delayedParameterArray (they take extra time to process)
if (moduleParams.delayedParameterArray.includes(nextElement.id)) showLoadingIndicator();
if (moduleParams.delayedParameterArray?.includes(nextElement.id)) showLoadingIndicator();

let formData = {};
formData[`${questName}.${questionElement.id}`] = questionElement.value;
Expand Down Expand Up @@ -1159,6 +1159,8 @@ export function displayQuestion(nextElement) {

questionQueue.ptree();

updateProgressBar(nextElement.id)

// manage the question-specific listeners in a live environment (skip in the renderer)
if (moduleParams.renderObj?.activate) refreshListeners(nextElement);
return nextElement;
Expand Down Expand Up @@ -1582,3 +1584,22 @@ export function evaluateCondition(txt) {
}
window.evaluateCondition = evaluateCondition
window.questionQueue = questionQueue

export function updateProgressBar(id){

const ids = Array.from(document.querySelectorAll("form.question")).map( (q)=>q.id)
if (ids.length==0) document.getElementById("b5_prog_bar").display="none"

console.log(`================ UPDATING PROGRESS BAR ID=${id}`)
if (!ids?.length){
return
}
let indx = ids.indexOf(id)+1;
let progress = Math.round(indx/ids.length*1000)/10;
document.getElementById("b5_prog_bar_label").innerText=`${indx}/${ids.length} ${progress}%`
let pb=document.getElementById("b5_prog_bar_bar")
pb.style.width=`${(progress<50)?progress+2:progress}%`
pb.ariaValueNow=`${indx}`
pb.ariaValueMin="1"
pb.ariaValueMax=`${ids.length}`
}
12 changes: 10 additions & 2 deletions replace2.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import { questionQueue, nextClick, previousClicked, moduleParams, rbAndCbClick, textBoxInput, handleXOR, displayQuestion, parseSSN, parsePhoneNumber, submitQuestionnaire, textboxinput, math, radioAndCheckboxUpdate, evaluateCondition } from "./questionnaire.js";
import { questionQueue, nextClick, previousClicked, moduleParams, rbAndCbClick, textBoxInput, handleXOR, displayQuestion, parseSSN, parsePhoneNumber, submitQuestionnaire, textboxinput, math, radioAndCheckboxUpdate, evaluateCondition, updateProgressBar } from "./questionnaire.js";
import { restoreResults } from "./localforageDAO.js";
import { parseGrid, grid_replace_regex } from "./buildGrid.js";
import { clearValidationError } from "./validate.js";
Expand Down Expand Up @@ -798,8 +798,15 @@ transform.render = async (obj, divId, previousResults = {}) => {
//removing random &#x1f; unit separator chars
contents = contents.replace(//g, "");

let b5_progress_bar = `
<div id="b5_prog_bar" class="progress my-2">
<div id="b5_prog_bar_bar" class="progress-bar text-black overflow-visible" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:0%;">
<span id="b5_prog_bar_label"> 0/0 0%</span>
</div>
</div>`

// add the HTML/HEAD/BODY tags...
document.getElementById(divId).innerHTML = contents + responseRequestedModal() + responseRequiredModal() + responseErrorModal() + submitModal();
document.getElementById(divId).innerHTML = b5_progress_bar + contents + responseRequestedModal() + responseRequiredModal() + responseErrorModal() + submitModal();


function setActive(id) {
Expand All @@ -813,6 +820,7 @@ transform.render = async (obj, divId, previousResults = {}) => {
element.classList.remove("active");
}
);
updateProgressBar(id)
// make the id active...
console.log(`setting ${id} active`);
displayQuestion(active);
Expand Down