Counting mechanism works

Author: Joshua-Lester3

EssentialCSharp.Web/Controllers/HomeController.cs

@@ -30,6 +30,7 @@ public IActionResult Index()
 
             ViewBag.PageTitle = siteMapping.IndentLevel is 0 ? siteMapping.ChapterTitle + " " + siteMapping.RawHeading : siteMapping.RawHeading;
             ViewBag.NextPage = FlipPage(siteMapping!.ChapterNumber, siteMapping.PageNumber, true);
+            ViewBag.CurrentPageKey = siteMapping.Key;
             ViewBag.PreviousPage = FlipPage(siteMapping.ChapterNumber, siteMapping.PageNumber, false);
             ViewBag.HeadContents = headHtml;
             ViewBag.Contents = html;

EssentialCSharp.Web/Views/Shared/_Layout.cshtml

@@ -124,6 +124,9 @@
                     <a v-if="chapterParentPage" :href="chapterParentPage.href" class="menu-chapter-title text-light">
                         <span v-cloak>{{chapterParentPage.title}}</span>
                     </a>
+                    <div class="menu-chapter-title text-light">
+                        {{currentPageCount}} / {{totalPageCount}}
+                    </div>
 
                     <div class="d-flex align-items-center">
                         <div class="border-end pe-3 d-none d-md-block">
@@ -269,7 +272,8 @@
         @{
             var tocData = _SiteMappings.GetTocData();
         }
-
+            CURRENT_PAGE_COUNT = @Json.Serialize(currentPageCount)
+            TOTAL_PAGE_COUNT = @Json.Serialize(overallCount)
             PREVIOUS_PAGE = @Json.Serialize(ViewBag.PreviousPage)
             NEXT_PAGE = @Json.Serialize(ViewBag.NextPage)
             TOC_DATA = @Json.Serialize(tocData)
@@ -320,6 +324,5 @@
         </li>
     </template>
     <script src="~/js/site.js" type="module" asp-append-version="true"></script>
-
 </body>
 </html>

EssentialCSharp.Web/wwwroot/js/site.js

@@ -18,6 +18,7 @@ import { useWindowSize } from "vue-window-size";
  * @prop {TocItem[]} [items]
  */
 /** @type {TocItem} */
+debugger;
 const tocData = markRaw(TOC_DATA);
 
 //Add new content or features here:
@@ -210,6 +211,9 @@ const app = createApp({
 
         const currentPage = findCurrentPage([], tocData) ?? [];
 
+        const currentPageCount = CURRENT_PAGE_COUNT;
+        const totalPageCount = TOTAL_PAGE_COUNT;
+
         const chapterParentPage = currentPage.find((parent) => parent.level === 0);
 
         const sectionTitle = ref(currentPage?.[0]?.title || "Essential C#");
@@ -334,6 +338,8 @@ const app = createApp({
             tocData,
             expandedTocs,
             currentPage,
+            currentPageCount,
+            totalPageCount,
             chapterParentPage,
 
             searchQuery,