Account Email Support (#1000)

* Moved the Server Settings out into a button on nav header

* Refactored Mange Users page to the new design (skeleton). Implemented skeleton code for Invite User.

* Hashed out more of the code, but need to move all the email code to a Kavita controlled API server due to password credentials.

* Cleaned up some warnings

* When no user exists for an api key in Plugin controller, throw 401.

* Hooked in the ability to check if the Kavita instance can be accessed externally so we can determine if the user can invite or not.

* Hooked up some logic if the user's server isn't accessible, then default to old flow

* Basic flow is working for confirm email. Needs validation, error handling, etc.

* Refactored Password validation to account service

* Cleaned up the code in confirm-email to work much better.

* Refactored the login page to have a container functionality, so we can reuse the styles on multiple pages (registration pages). Hooked up the code for confirm email.

* Messy code, but making progress. Refactored Register to be used only for first time user registration. Added a new register component to handle first time flow only.

* Invite works much better, still needs a bit of work for non-accessible server setup. Started work on underlying manage users page to meet new design.

* Changed (you) to a star to indicate who you're logged in as.

* Inviting a user is now working and tested fully.

* Removed the register member component as we now have invite and confirm components.

* Editing a user is now working. Username change and Role/Library access from within one screen. Email changing is on hold.

* Cleaned up code for edit user and disabled email field for now.

* Cleaned up the code to indicate changing a user's email is not possible.

* Implemented a migration for existing accounts so they can validate their emails and still login.

* Change url for email server

* Implemented the ability to resend an email confirmation code (or regenerate for non accessible servers). Fixed an overflow on the confirm dialog.

* Took care of some code cleanup

* Removed 3 db calls from cover refresh and some misc cleanup

* Fixed a broken test

UI/Web/src/app/_services/account.service.ts

@@ -49,7 +49,7 @@ export class AccountService implements OnDestroy {
     return this.httpClient.get<string[]>(this.baseUrl + 'account/roles');
   }
 
-  login(model: any): Observable<any> {
+  login(model: {username: string, password: string}): Observable<any> {
     return this.httpClient.post<User>(this.baseUrl + 'account/login', model).pipe(
       map((response: User) => {
         const user = response;
@@ -91,25 +91,13 @@ export class AccountService implements OnDestroy {
     this.messageHub.stopHubConnection();
   }
 
-  // setCurrentUser() {
-  //   // TODO: Refactor this to setCurentUser in accoutnService
-  //   const user = this.getUserFromLocalStorage();
-
-
-  //   if (user) {
-  //     this.navService.setDarkMode(user.preferences.siteDarkMode);
-  //     this.messageHub.createHubConnection(user, this.accountService.hasAdminRole(user));
-  //     this.libraryService.getLibraryNames().pipe(take(1)).subscribe(() => {/* No Operation */});
-  //   } else {
-  //     this.navService.setDarkMode(true);
-  //   }
-  // }
-
-  register(model: {username: string, password: string, isAdmin?: boolean}) {
-    if (!model.hasOwnProperty('isAdmin')) {
-      model.isAdmin = false;
-    }
 
+  /**
+   * Registers the first admin on the account. Only used for that. All other registrations must occur through invite
+   * @param model 
+   * @returns 
+   */
+  register(model: {username: string, password: string, email: string}) {
     return this.httpClient.post<User>(this.baseUrl + 'account/register', model).pipe(
       map((user: User) => {
         return user;
@@ -118,6 +106,26 @@ export class AccountService implements OnDestroy {
     );
   }
 
+  migrateUser(model: {email: string, username: string, password: string, sendEmail: boolean}) {
+    return this.httpClient.post<string>(this.baseUrl + 'account/migrate-email', model, {responseType: 'text' as 'json'});
+  }
+
+  confirmMigrationEmail(model: {email: string, token: string}) {
+    return this.httpClient.post<User>(this.baseUrl + 'account/confirm-migration-email', model);
+  }
+
+  resendConfirmationEmail(userId: number) {
+    return this.httpClient.post<string>(this.baseUrl + 'account/resend-confirmation-email?userId=' + userId, {}, {responseType: 'text' as 'json'});
+  }
+
+  inviteUser(model: {email: string, roles: Array<string>, libraries: Array<number>, sendEmail: boolean}) {
+    return this.httpClient.post<string>(this.baseUrl + 'account/invite', model, {responseType: 'text' as 'json'});
+  }
+
+  confirmEmail(model: {email: string, username: string, password: string, token: string}) {
+    return this.httpClient.post<User>(this.baseUrl + 'account/confirm-email', model);
+  }
+
   getDecodedToken(token: string) {
     return JSON.parse(atob(token.split('.')[1]));
   }
@@ -126,6 +134,10 @@ export class AccountService implements OnDestroy {
     return this.httpClient.post(this.baseUrl + 'account/reset-password', {username, password}, {responseType: 'json' as 'text'});
   }
 
+  update(model: {email: string, roles: Array<string>, libraries: Array<number>, userId: number}) {
+    return this.httpClient.post(this.baseUrl + 'account/update', model);
+  }
+
   updatePreferences(userPreferences: Preferences) {
     return this.httpClient.post<Preferences>(this.baseUrl + 'users/update-preferences', userPreferences).pipe(map(settings => {
       if (this.currentUser !== undefined || this.currentUser != null) {

UI/Web/src/app/_services/member.service.ts

@@ -39,4 +39,8 @@ export class MemberService {
   updateMemberRoles(username: string, roles: string[]) {
     return this.httpClient.post(this.baseUrl + 'account/update-rbs', {username, roles});
   }
+
+  getPendingInvites() {
+    return this.httpClient.get<Array<Member>>(this.baseUrl + 'users/pending');
+  }
 }

UI/Web/src/app/_services/server.service.ts

@@ -36,4 +36,8 @@ export class ServerService {
   getChangelog() {
     return this.httpClient.get<UpdateVersionEvent[]>(this.baseUrl + 'server/changelog', {});
   }
+
+  isServerAccessible() {
+    return this.httpClient.get<boolean>(this.baseUrl + 'server/accessible');
+  }
 }