From e22d1bb3489a8f81c63afcc313a50d0f5e5c522b Mon Sep 17 00:00:00 2001
From: Joe Milazzo <josephmajora@gmail.com>
Date: Sat, 18 Feb 2023 07:49:15 -0600
Subject: [PATCH] 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
---
 .../admin/invite-user/invite-user.component.html   |  2 +-
 .../server-stats/server-stats.component.html       | 14 +++++++-------
 .../user-stats-info-cards.component.html           | 10 +++++-----
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/UI/Web/src/app/admin/invite-user/invite-user.component.html b/UI/Web/src/app/admin/invite-user/invite-user.component.html
index 541d32f11..e67277ec6 100644
--- a/UI/Web/src/app/admin/invite-user/invite-user.component.html
+++ b/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 === ''">
diff --git a/UI/Web/src/app/statistics/_components/server-stats/server-stats.component.html b/UI/Web/src/app/statistics/_components/server-stats/server-stats.component.html
index c10ab1a5b..a9d0e4ebe 100644
--- a/UI/Web/src/app/statistics/_components/server-stats/server-stats.component.html
+++ b/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>
diff --git a/UI/Web/src/app/statistics/_components/user-stats-info-cards/user-stats-info-cards.component.html b/UI/Web/src/app/statistics/_components/user-stats-info-cards/user-stats-info-cards.component.html
index d410c21bf..398cc99f1 100644
--- a/UI/Web/src/app/statistics/_components/user-stats-info-cards/user-stats-info-cards.component.html
+++ b/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>