Counting mechanism works

Author: Joshua-Lester3

EssentialCSharp.Web/Controllers/HomeController.cs

@@ -41,6 +41,7 @@ public IActionResult Index(string key)
 
             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

@@ -123,6 +123,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">
@@ -292,8 +295,29 @@
                 Title = $"Chapter {x.Key}: {x.First().ChapterTitle}",
                 Items = GetItems(x, 1)
             });
+            var groupedTocData = _SiteMappings.SiteMappings.GroupBy(x => x.ChapterNumber).OrderBy(x => x.Key);
+            int currentPageCount = 0;
+            int overallCount = 0;
+            bool currentPageFound = false;
+            foreach (IGrouping<int, SiteMapping> group in groupedTocData)
+            {
+                var orderedGroup = group.OrderBy(x => x.PageNumber);
+                foreach (SiteMapping siteMapping in orderedGroup)
+                {
+                    if (siteMapping.Key == ViewBag.CurrentPageKey)
+                    {
+                        currentPageFound = true;
+                    }
+                    if (!currentPageFound)
+                    {
+                        currentPageCount++;
+                    }
+                    overallCount++;
+                }
+            }
         }
-
+            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)
@@ -343,6 +367,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:
@@ -194,6 +195,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#");
@@ -311,6 +315,8 @@ const app = createApp({
             tocData,
             expandedTocs,
             currentPage,
+            currentPageCount,
+            totalPageCount,
             chapterParentPage,
 
             searchQuery,