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/admin/role-selector/role-selector.component.html

@@ -0,0 +1,10 @@
+<h4>Roles</h4>
+<ul class="list-group">
+    <li class="list-group-item" *ngFor="let role of selectedRoles; let i = index">
+        <div class="form-check">
+            <input id="role-{{i}}" type="checkbox" attr.aria-label="Role {{role.data}}" class="form-check-input" 
+                 [(ngModel)]="role.selected" name="role" (ngModelChange)="handleModelUpdate()">
+            <label attr.for="role-{{i}}" class="form-check-label">{{role.data}}</label>
+        </div>
+    </li>
+</ul>

UI/Web/src/app/admin/role-selector/role-selector.component.scss

@@ -0,0 +1,3 @@
+.list-group-item {
+    border: none;
+}

UI/Web/src/app/admin/role-selector/role-selector.component.ts

@@ -0,0 +1,57 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { Member } from 'src/app/_models/member';
+import { AccountService } from 'src/app/_services/account.service';
+import { MemberService } from 'src/app/_services/member.service';
+
+@Component({
+  selector: 'app-role-selector',
+  templateUrl: './role-selector.component.html',
+  styleUrls: ['./role-selector.component.scss']
+})
+export class RoleSelectorComponent implements OnInit {
+
+  @Input() member: Member | undefined;
+  /**
+   * Allows the selection of Admin role
+   */
+  @Input() allowAdmin: boolean = false;
+  @Output() selected: EventEmitter<string[]> = new EventEmitter<string[]>();
+
+  allRoles: string[] = [];
+  selectedRoles: Array<{selected: boolean, data: string}> = [];
+
+  constructor(public modal: NgbActiveModal, private accountService: AccountService, private memberService: MemberService) { }
+
+  ngOnInit(): void {
+    this.accountService.getRoles().subscribe(roles => {
+      let bannedRoles = ['Pleb'];
+      if (!this.allowAdmin) {
+        bannedRoles.push('Admin');
+      }
+      roles = roles.filter(item => !bannedRoles.includes(item));
+      this.allRoles = roles;
+      this.selectedRoles = roles.map(item => {
+        return {selected: false, data: item};
+      });
+      this.selected.emit(this.selectedRoles.filter(item => item.selected).map(item => item.data));
+      this.preselect();
+    });
+  }
+
+  preselect() {
+    if (this.member !== undefined) {
+      this.member.roles.forEach(role => {
+        const foundRole = this.selectedRoles.filter(item => item.data === role);
+        if (foundRole.length > 0) {
+          foundRole[0].selected = true;
+        }
+      });
+    }
+  }
+
+  handleModelUpdate() {
+    this.selected.emit(this.selectedRoles.filter(item => item.selected).map(item => item.data));
+  }
+
+}