Add page count in Take A Tour section (#4289)

* Add page count in Take A Tour * add page count in Take A Tour Section
sugarlabs · Jan 18, 2025 · 6efdccf · 6efdccf
1 parent 5ac4fdc
commit 6efdccf
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/css/activities.css b/css/activities.css
@@ -982,6 +982,7 @@ table {
 #helpBodyDiv .message {
   text-align: center;
   line-height: 1.2;
+  margin: auto;
 }
 
 #helpBodyDiv .icon-container {

diff --git a/js/widgets/help.js b/js/widgets/help.js
@@ -325,6 +325,8 @@ class HelpWidget {
     _showPage(page) {
         const helpBody = docById("helpBodyDiv");
         helpBody.innerHTML = "" ;
+        const totalPages = HELPCONTENT.length;
+        const pageCount = `${page + 1}/${totalPages}`;
 
         // Previous HTML content is removed, and new one is generated. 
         let body = "";
@@ -345,8 +347,8 @@ class HelpWidget {
 
         const helpContentHTML =
         `<h1 class="heading">${HELPCONTENT[page][0]}</h1> 
-         <p class ="description">${HELPCONTENT[page][1]}</p>
-        ` ;
+         <p class="description">${HELPCONTENT[page][1]}</p>
+         <p>${pageCount}</p>`;
 
         body += helpContentHTML ;