efb527035d
* 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
80 lines
2.5 KiB
TypeScript
80 lines
2.5 KiB
TypeScript
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);
|
|
}
|
|
|
|
}
|