Fit Split to Screen (#769)

* Updated readme with new host information and new feature site.

* Implemented basic fit to screen splitting option for manga reader such that the reader will try to fit the whole cover on the screen via scaling it.

Updated a bunch of defaults in the preferences to give a better experience for first installs.

* Refactored the stat scheduling code slightly to clean it up and have better logging.

* Replaced @import with @use to lower css bundling.

* Changed up the defaults for the reading preferences to give a better experience. Fixed a duplicate render on automatic scaling due to emitting a valuechange with automatic scaling changing fit.

Implemented basic form of fit to screen. Still needs some tweaking and optimization.

* Update link to new feature server and update kavita homepage to use www.

* Updated the serverInfo to match backend. Tweaked some of the css for the changelog

* Added publish date for changelog

* First page works except for tablet

* I'm stumped, taking a break

* Hide the arrow for nav events

* Ensure specials in reading lists don't have their extensions visible

* Testing out removing no-connection

* Fixed a bug in infinite scroller where next chapter spacer when clicked would emit for prev chapter load. Fixed an issue where next/prev chapter loaders would execute when they shouldn't.

* Fit Split is working in all cases as of this code. New optimization is still needed.

* Fit to screen is now working well

* Updated the bookmark effect to look much better

* Updated new issue template to inform users to request features on our site.

* Removed an empty migration

UI/Web/src/app/admin/_models/server-info.ts

@@ -1,8 +1,9 @@
 export interface ServerInfo {
     os: string;
-    dotNetVersion: string;
+    dotnetVersion: string;
     runTimeVersion: string;
     kavitaVersion: string;
-    buildBranch: string;
-    culture: string;
+    NumOfCores: number;
+    installId: string;
+    isDocker: boolean;
 }

UI/Web/src/app/admin/changelog/changelog.component.html

@@ -1,15 +1,19 @@
-<ng-container *ngFor="let update of updates; let indx = index;">
+<div class="changelog">
+  <ng-container *ngFor="let update of updates; let indx = index;">
     <div class="card w-100 mb-2" style="width: 18rem;">
         <div class="card-body">
-          <h5 class="card-title">{{update.updateTitle}}&nbsp;
+          <h4 class="card-title">{{update.updateTitle}}&nbsp;
               <span class="badge badge-secondary" *ngIf="update.updateVersion === update.currentVersion">Installed</span>
               <span class="badge badge-secondary" *ngIf="update.updateVersion > update.currentVersion">Available</span>
-          </h5>
+          </h4>
+          <h6 class="card-subtitle mb-2 text-muted">Published: {{update.publishDate | date: 'short'}}</h6>
+          
           <pre class="card-text update-body" [innerHtml]="update.updateBody | safeHtml"></pre>
           <a *ngIf="!update.isDocker" href="{{update.updateUrl}}" class="btn btn-{{indx === 0 ? 'primary' : 'secondary'}} float-right" target="_blank">Download</a>
         </div>
       </div>
-</ng-container>
+  </ng-container>
+</div>
 
 
 <div class="spinner-border text-secondary" *ngIf="isLoading" role="status">

UI/Web/src/app/admin/changelog/changelog.component.scss

@@ -2,4 +2,20 @@
     width: 100%;
     word-wrap: break-word;
     white-space: pre-wrap;
-}
+}
+
+
+
+::ng-deep .changelog  {
+
+    h1 {
+        font-size: 26px;    
+    }
+
+    p, ul {
+        margin-bottom: 0px;
+    }
+    
+    
+}
+

UI/Web/src/app/admin/manage-system/manage-system.component.html

@@ -33,8 +33,8 @@
             <dt>Version</dt>
             <dd>{{serverInfo.kavitaVersion}}</dd>
 
-            <dt>.NET Version</dt>
-            <dd>{{serverInfo.dotNetVersion}}</dd>
+            <dt>Install ID</dt>
+            <dd>{{serverInfo.installId}}</dd>
         </dl>
     </div>
 
@@ -43,7 +43,7 @@
     <div>
         <div class="row">
             <div class="col-4">Home page:</div> 
-            <div class="col"><a href="https://kavitareader.com" target="_blank">kavitareader.com</a></div>
+            <div class="col"><a href="https://www.kavitareader.com" target="_blank">kavitareader.com</a></div>
         </div>
         <div class="row">
             <div class="col-4">Wiki:</div> 
@@ -63,7 +63,6 @@
         </div>
         <div class="row">
             <div class="col-4">Feature Requests:</div> 
-            <div class="col"><a href="https://feathub.com/Kareadita/Kavita" target="_blank">Feathub</a><br/>
-                <a href="https://github.com/Kareadita/Kavita/issues" target="_blank">Github issues</a></div>
+            <div class="col"><a href="https://feats.kavitareader.com" target="_blank">https://feats.kavitareader.com</a><br/>
         </div>      
 </div>