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
2022-01-30 14:45:57 -08:00 · 2022-01-30 14:45:57 -08:00 · efb527035d
commit efb527035d
parent 6e6b72a5b5
109 changed files with 2041 additions and 407 deletions
--- a/UI/Web/src/app/admin/invite-user/invite-user.component.ts
+++ b/UI/Web/src/app/admin/invite-user/invite-user.component.ts
@ -0,0 +1,80 @@
+import { Component, OnInit } from '@angular/core';
+import { FormControl, FormGroup, Validators } from '@angular/forms';
+import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { ConfirmService } from 'src/app/shared/confirm.service';
+import { Library } from 'src/app/_models/library';
+import { AccountService } from 'src/app/_services/account.service';
+import { ServerService } from 'src/app/_services/server.service';
+
+@Component({
+  selector: 'app-invite-user',
+  templateUrl: './invite-user.component.html',
+  styleUrls: ['./invite-user.component.scss']
+})
+export class InviteUserComponent implements OnInit {
+
+  /**
+   * Maintains if the backend is sending an email
+   */
+  isSending: boolean = false;
+  inviteForm: FormGroup = new FormGroup({});
+  /**
+   * If a user would be able to load this server up externally
+   */
+  accessible: boolean = true;
+  checkedAccessibility: boolean = false;
+  selectedRoles: Array<string> = [];
+  selectedLibraries: Array<number> = [];
+  emailLink: string = '';
+
+  public get email() { return this.inviteForm.get('email'); }
+
+  constructor(public modal: NgbActiveModal, private accountService: AccountService, private serverService: ServerService, 
+    private confirmService: ConfirmService) { }
+
+  ngOnInit(): void {
+    this.inviteForm.addControl('email', new FormControl('', [Validators.required]));
+
+    this.serverService.isServerAccessible().subscribe(async (accessibile) => {
+      if (!accessibile) {
+        await this.confirmService.alert('This server is not accessible outside the network. You cannot invite via Email. You wil be given a link to finish registration with instead.');
+        this.accessible = accessibile;
+      }
+      this.checkedAccessibility = true;
+    });
+  }
+
+  close() {
+    this.modal.close(false);
+  }
+
+  invite() {
+
+    this.isSending = true;
+    const email = this.inviteForm.get('email')?.value;
+    this.accountService.inviteUser({
+      email,
+      libraries: this.selectedLibraries,
+      roles: this.selectedRoles,
+      sendEmail: this.accessible
+    }).subscribe(email => {
+      this.emailLink = email;
+      this.isSending = false;
+      if (this.accessible) {
+        this.modal.close(true);
+      }
+    }, err => {
+      this.isSending = false;
+    });
+  }
+
+  updateRoleSelection(roles: Array<string>) {
+    this.selectedRoles = roles;
+  }
+
+  updateLibrarySelection(libraries: Array<Library>) {
+    this.selectedLibraries = libraries.map(l => l.id);
+  }
+
+}