FIX: added check stepIndex = 0 to updateDialog for disabled state on …

…previous button
sjmc11 · Mar 22, 2023 · f748481 · f748481
1 parent 09cd70a
commit f748481
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/dist/tour.js b/dist/tour.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sjmc11/tourguidejs",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "A customizable tour guide library for front-end applications.",
   "homepage": "https://tourguidejs.com",
   "main": "dist/tour.js",
@@ -12,7 +12,7 @@
     "tour"
   ],
   "author": "JC",
-  "license": "GNU",
+  "license": "MIT",
   "dependencies": {
     "@floating-ui/dom": "^1.0.3",
     "sass": "^1.55.0"

diff --git a/src/core/dialog.ts b/src/core/dialog.ts
@@ -118,6 +118,18 @@ function updateDialogHtml(tgInstance : TourGuideClient){
         const tgDots = document.getElementById('tg-dialog-dots')
         if(tgDots && tgInstance.options.showStepDots && computeDots(tgInstance)) tgDots.innerHTML = computeDots(tgInstance)
 
+        // Back button
+        const backBtn = document.getElementById('tg-dialog-prev-btn')
+        if(backBtn) {
+            if (tgInstance.activeStep === 0) {
+                backBtn.classList.add('disabled')
+                backBtn.setAttribute("disabled", 'true');
+            } else {
+                backBtn.classList.remove('disabled')
+                backBtn.removeAttribute("disabled");
+            }
+        }
+
         // Next/Finish button
         const nextBtn = document.getElementById('tg-dialog-next-btn')
         if(nextBtn) nextBtn.innerHTML = ((tgInstance.activeStep + 1) >= tgInstance.tourSteps.length ? tgInstance.options.finishLabel : tgInstance.options.nextLabel) as string