47 lines
2.0 KiB
TypeScript
47 lines
2.0 KiB
TypeScript
|
import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';
|
||
|
|
import { CommonModule } from '@angular/common';
|
||
|
|
import { FormsModule } from '@angular/forms';
|
||
|
|
import { AdminUsersFacade } from '../facade/admin-users.facade';
|
||
|
|
import { AdminUserScope, AdminUserStatus } from '../models/admin-user.model';
|
||
|
|
import { TranslatePipe } from '../../../../i18n/translate.pipe';
|
||
|
|
import { TranslateService } from '../../../../i18n/translate.service';
|
||
|
|
import { ButtonComponent } from '../../../../shared/ui/button/button.component';
|
||
|
|
import { InputComponent } from '../../../../shared/ui/input/input.component';
|
||
|
|
import { BadgeComponent } from '../../../../shared/ui/badge/badge.component';
|
||
|
|
import { TableComponent } from '../../../../shared/ui/table/table.component';
|
||
|
|
import { DialogComponent } from '../../../../shared/ui/dialog/dialog.component';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'app-admin-users-page',
|
||
|
|
standalone: true,
|
||
|
|
imports: [CommonModule, FormsModule, TranslatePipe, ButtonComponent, InputComponent, BadgeComponent, TableComponent, DialogComponent],
|
||
|
|
templateUrl: './admin-users-page.component.html',
|
||
|
|
styleUrls: ['./admin-users-page.component.scss'],
|
||
|
|
changeDetection: ChangeDetectionStrategy.OnPush
|
||
|
|
})
|
||
|
|
export class AdminUsersPageComponent {
|
||
|
|
readonly facade = inject(AdminUsersFacade);
|
||
|
|
private readonly translate = inject(TranslateService);
|
||
|
|
|
||
|
|
readonly inviteEmail = signal('');
|
||
|
|
readonly inviteRoleId = signal('viewer');
|
||
|
|
readonly inviteScope = signal<AdminUserScope>('office');
|
||
|
|
|
||
|
|
constructor() {
|
||
|
|
this.facade.loadAll();
|
||
|
|
}
|
||
|
|
|
||
|
|
sendInvite(): void {
|
||
|
|
this.facade.invite(this.inviteEmail(), this.inviteRoleId(), this.inviteScope());
|
||
|
|
this.inviteEmail.set('');
|
||
|
|
}
|
||
|
|
|
||
|
|
toggleStatus(userId: string, current: AdminUserStatus): void {
|
||
|
|
const next: AdminUserStatus = current === 'suspended' ? 'active' : 'suspended';
|
||
|
|
if (next === 'suspended' && !window.confirm(this.translate.t('adminUsers.confirmSuspend'))) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
this.facade.setStatus(userId, next);
|
||
|
|
}
|
||
|
|
}
|