Final Release Testing (#1796)

* Fix some wording

* Fixed up stats to have total info on hover

* Fixed up a stat card not having clickable hint

UI/Web/src/app/admin/invite-user/invite-user.component.html

@@ -6,7 +6,7 @@
     <div class="modal-body scrollable-modal">
         <p>
             Invite a user to your server. Enter their email in and we will send them an email to create an account. If you do not want to use our email service, you can <a href="https://wiki.kavitareader.com/en/guides/misc/email" rel="noopener noreferrer" target="_blank" rel="noopener noreferrer">host your own</a> 
-            email service or use a fake email (Forgot User will not work). A link will be presented regardless and can be used to setup the email account manually.
+            email service or use a fake email (Forgot User will not work). A link will be presented regardless and can be used to setup the account manually.
         </p>
     
         <form [formGroup]="inviteForm" *ngIf="emailLink === ''">

UI/Web/src/app/statistics/_components/server-stats/server-stats.component.html

@@ -2,7 +2,7 @@
     <div class="row g-0 mt-4 mb-3 d-flex justify-content-around" *ngIf="stats$ | async as stats">
         <ng-container>
             <div class="col-auto mb-2">
-                <app-icon-and-title label="Total Series" [clickable]="false" fontClasses="fa-solid fa-book-open" title="Total Series">
+                <app-icon-and-title label="Total Series" [clickable]="false" fontClasses="fa-solid fa-book-open" title="Total Series: {{stats.seriesCount | number}}">
                     {{stats.seriesCount | compactNumber}} Series
                 </app-icon-and-title>
             </div>
@@ -11,7 +11,7 @@
     
         <ng-container >
             <div class="col-auto mb-2">
-                <app-icon-and-title label="Total Volumes" [clickable]="false" fontClasses="fas fa-book" title="Total Volumes">
+                <app-icon-and-title label="Total Volumes" [clickable]="false" fontClasses="fas fa-book" title="Total Volumes: {{stats.volumeCount | number}}">
                     {{stats.volumeCount | compactNumber}} Volumes
                 </app-icon-and-title>
             </div>
@@ -20,7 +20,7 @@
 
         <ng-container>
             <div class="col-auto mb-2">
-                <app-icon-and-title label="Total Files" [clickable]="false" fontClasses="fa-regular fa-file" title="Total Files">
+                <app-icon-and-title label="Total Files" [clickable]="false" fontClasses="fa-regular fa-file" title="Total Files: {{stats.totalFiles | number}}">
                     {{stats.totalFiles | compactNumber}} Files
                 </app-icon-and-title>
             </div>
@@ -38,7 +38,7 @@
 
         <ng-container>
             <div class="col-auto mb-2">
-                <app-icon-and-title label="Total Genres" [clickable]="true" fontClasses="fa-solid fa-tags" title="Total Genres" (click)="openGenreList();$event.stopPropagation();">
+                <app-icon-and-title label="Total Genres" [clickable]="true" fontClasses="fa-solid fa-tags" title="Total Genres: {{stats.totalGenres | number}}" (click)="openGenreList();$event.stopPropagation();">
                     {{stats.totalGenres | compactNumber}} Genres
                 </app-icon-and-title>
             </div>
@@ -47,7 +47,7 @@
 
         <ng-container>
             <div class="col-auto mb-2">
-                <app-icon-and-title label="Total Tags" [clickable]="true" fontClasses="fa-solid fa-tags" title="Total Tags" (click)="openTagList();$event.stopPropagation();">
+                <app-icon-and-title label="Total Tags" [clickable]="true" fontClasses="fa-solid fa-tags" title="Total Tags: {{stats.totalTags | number}}" (click)="openTagList();$event.stopPropagation();">
                     {{stats.totalTags | compactNumber}} Tags
                 </app-icon-and-title>
             </div>
@@ -56,7 +56,7 @@
 
         <ng-container>
             <div class="col-auto mb-2">
-                <app-icon-and-title label="Total People" [clickable]="true" fontClasses="fa-solid fa-user-tag" title="Total People" (click)="openPeopleList();$event.stopPropagation();">
+                <app-icon-and-title label="Total People" [clickable]="true" fontClasses="fa-solid fa-user-tag" title="Total People: {{stats.totalPeople | number}}" (click)="openPeopleList();$event.stopPropagation();">
                     {{stats.totalPeople | compactNumber}} People
                 </app-icon-and-title>
             </div>
@@ -65,7 +65,7 @@
 
         <ng-container>
             <div class="col-auto mb-2">
-                <app-icon-and-title label="Total Read Time" [clickable]="false" fontClasses="fas fa-eye" title="Total Read Time">
+                <app-icon-and-title label="Total Read Time" [clickable]="false" fontClasses="fas fa-eye" title="Total Read Time: {{stats.totalReadingTime | number}}">
                     {{stats.totalReadingTime | compactNumber}} Hours
                 </app-icon-and-title>
             </div>

UI/Web/src/app/statistics/_components/user-stats-info-cards/user-stats-info-cards.component.html

@@ -1,7 +1,7 @@
 <div class="row g-0 mt-4 mb-3 d-flex justify-content-around">
     <ng-container>
         <div class="col-auto mb-2">
-            <app-icon-and-title label="Total Pages Read: {{totalPagesRead}}" [clickable]="true" fontClasses="fa-regular fa-file-lines" title="Total Pages Read" (click)="openPageByYearList();$event.stopPropagation();">
+            <app-icon-and-title label="Total Pages Read" [clickable]="true" fontClasses="fa-regular fa-file-lines" title="Total Pages Read: {{totalPagesRead | number}}" (click)="openPageByYearList();$event.stopPropagation();">
                 {{totalPagesRead | compactNumber}}
             </app-icon-and-title>
         </div>
@@ -10,7 +10,7 @@
 
     <ng-container>
         <div class="col-auto mb-2">
-            <app-icon-and-title label="Total Words Read: {{totalWordsRead}}" [clickable]="false" fontClasses="fa-regular fa-file-lines" title="Total Words Read" (click)="openWordByYearList();$event.stopPropagation();">
+            <app-icon-and-title label="Total Words Read" [clickable]="true" fontClasses="fa-regular fa-file-lines" title="Total Words Read: {{totalWordsRead | number}}" (click)="openWordByYearList();$event.stopPropagation();">
                 {{totalWordsRead | compactNumber}}
             </app-icon-and-title>
         </div>
@@ -19,7 +19,7 @@
 
     <ng-container >
         <div class="col-auto mb-2">
-            <app-icon-and-title label="Time Spent Reading: {{timeSpentReading}}" [clickable]="false" fontClasses="fas fa-eye" title="Time Spent Reading">
+            <app-icon-and-title label="Time Spent Reading" [clickable]="false" fontClasses="fas fa-eye" title="Time Spent Reading: {{timeSpentReading | number}}">
                 {{timeSpentReading | compactNumber}} hours
             </app-icon-and-title>
         </div>
@@ -28,7 +28,7 @@
 
     <ng-container>
         <div class="col-auto mb-2">
-            <app-icon-and-title label="Average Hours Read / Week" [clickable]="false" fontClasses="fas fa-eye" title="Average Hours Read / Week">
+            <app-icon-and-title label="Average Hours Read / Week" [clickable]="false" fontClasses="fas fa-eye" title="Average Hours Read / Week: {{avgHoursPerWeekSpentReading | number:'1.0-2'}}">
                 {{avgHoursPerWeekSpentReading | compactNumber | number: '1.0-2'}} hours
             </app-icon-and-title>
         </div>
@@ -37,7 +37,7 @@
 
     <ng-container>
         <div class="col-auto mb-2">
-            <app-icon-and-title label="Chapters Read" [clickable]="false" fontClasses="fa-regular fa-file-lines" title="Chapters Read">
+            <app-icon-and-title label="Chapters Read" [clickable]="false" fontClasses="fa-regular fa-file-lines" title="Chapters Read: {{chaptersRead | number}}">
                 {{chaptersRead | compactNumber}} Chapters
             </app-icon-and-title>
         </div>