denisa/bussines_case_automation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix form submission issues and add Excel download functionality

Browse Source
This commit is contained in:
denisacirstea
2025-09-17 12:38:32 +03:00
parent 3bb09839ae
commit de966ede2b
5 changed files with 146 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@@ -107,15 +107,15 @@
<div class="progress-bg"></div>
<!-- Active progress bar -->
<div id="progressBar" style="width: 8.33%"></div>
<div id="progressBar" style="width: 0%"></div>
<!-- Step indicators positioned exactly in the middle of the bar -->
<div class="step-indicator active" style="left: 8.33%"></div>
<div class="step-indicator" style="left: 25%"></div>
<div class="step-indicator" style="left: 41.66%"></div>
<div class="step-indicator" style="left: 58.33%"></div>
<div class="step-indicator" style="left: 75%"></div>
<div class="step-indicator" style="left: 91.66%"></div>
<!-- Step indicators with first at 0% and last at 100% -->
<div class="step-indicator active" style="left: 0%"></div>
<div class="step-indicator" style="left: 20%"></div>
<div class="step-indicator" style="left: 40%"></div>
<div class="step-indicator" style="left: 60%"></div>
<div class="step-indicator" style="left: 80%"></div>
<div class="step-indicator" style="left: 100%"></div>
</div>
<!-- Step labels -->
@@ -480,7 +480,7 @@
<button type="button" id="nextBtn" class="px-6 py-2 bg-gradient-to-r from-yellow-400 to-orange-500 text-white rounded-md hover:from-yellow-500 hover:to-orange-600 font-medium">
Continue
</button>
<button type="submit" id="submitBtn" class="px-10 py-3 bg-gradient-to-r from-yellow-400 to-orange-500 text-white rounded-[10px] hover:from-yellow-500 hover:to-orange-600 font-bold text-lg uppercase tracking-wide transition-all shadow-md hover:shadow-lg hidden" onclick="console.log('Submit button clicked');">
<button type="button" id="submitBtn" class="px-10 py-3 bg-gradient-to-r from-yellow-400 to-orange-500 text-white rounded-[10px] hover:from-yellow-500 hover:to-orange-600 font-bold text-lg uppercase tracking-wide transition-all shadow-md hover:shadow-lg hidden">
SUBMIT
</button>
</div>
@@ -631,7 +631,7 @@
function updateProgressBar() {
// Get the positions for each step
const stepPositions = [8.33, 25, 41.66, 58.33, 75, 91.66];
const stepPositions = [0, 20, 40, 60, 80, 100];
// Set the progress bar width to the current step's position
const progressWidth = stepPositions[currentStep - 1];
@@ -1520,7 +1520,7 @@
class="w-full p-3 border border-gray-300 bg-white rounded-md focus:outline-none focus:ring-1 focus:ring-[#eb742e] focus:border-[#eb742e]">
</div>
<div>
<label for="${id}-screen-percentage" class="block text-base font-medium text-gray-700 mb-1">Percentage of stores with digital screens</label>
<label for="${id}-screen-percentage" class="block text-base font-medium text-gray-700 mb-1">Number of stores with digital screens</label>
<input type="number" id="${id}-screen-percentage" name="${id}_screen_percentage" min="0" max="100"
class="w-full p-3 border border-gray-300 bg-white rounded-md focus:outline-none focus:ring-1 focus:ring-[#eb742e] focus:border-[#eb742e]">
</div>
@@ -1546,7 +1546,7 @@
<!-- Radio Questions (Hidden by default) -->
<div id="${id}-radio-questions" class="space-y-4 hidden">
<div>
<label for="${id}-radio-percentage" class="block text-base font-medium text-gray-700 mb-1">Percentage of stores with radio</label>
<label for="${id}-radio-percentage" class="block text-base font-medium text-gray-700 mb-1">Number of stores with radio</label>
<input type="number" id="${id}-radio-percentage" name="${id}_radio_percentage" min="0" max="100"
class="w-full p-3 border border-gray-300 bg-white rounded-md focus:outline-none focus:ring-1 focus:ring-[#eb742e] focus:border-[#eb742e]">
</div>