@if (isLoading) {
}
User Management
@if (users$ | async; as users) { @if (users.length > 0 || selectedUser) {
Username
@if (selectedUser && !selectedUser.id) {
New User
} @for (user of users; track trackByFn($index, user)) {
@if (user.photo) { } @else { {{ user.username.charAt(0) }} }
{{ user.username }}
@if (user.user_id) {
{{ user.user_id }}
}
@if (selectedUser?.id === user.id) {
} }
} @else {
No users found!
} }
@if (photoPreview || user.photo) { User photo } @else { {{ user.username ? user.username.charAt(0) : '?' }} }
User Photo
@if (user.user_id) {
User ID

{{ user.user_id }}

}
User Status {{ selectedUserForm.get('user_status')?.value === 'Active' ? 'Active' : 'Inactive' }}
Company Logo
@if (logoPreview || user.company_logo) { Company logo } @else { business }

Personal Information

Username Username is required Email Email is required Please enter a valid email Contact Contact is required Please enter a valid 10-digit contact number

Role & Security

Role {{ role.label }} Role is required You can only create Refiller users @if (!user.id) { Password Password is required Password must be at least 6 characters } @if (user.id) {

Account Information

Created: {{ user.created_at | date:'short' }}

@if (user.updated_at) {

Updated: {{ user.updated_at | date:'short' }}

}
}

Documents & Files

PDF, DOC, DOCX, JPG, PNG (Max 10MB each)

@if (selectedDocuments.length > 0) {

New Documents to Upload:

@for (doc of selectedDocuments; track $index) {
{{ getDocumentIcon(doc.file.name) }}
{{ doc.file.name }} ({{ getFileSize(doc.file.size) }})
Document Type @for (type of documentTypes; track type.value) { {{ type.label }} } @if (doc.documentType === 'other') { Specify Document Type }
}
} @if (user.documents && user.documents.length > 0) {

Existing Documents:

@for (doc of user.documents; track doc.path) {
{{ getDocumentIcon(doc.filename) }}
{{ doc.filename }} {{ doc.document_type_other || getDocumentTypeLabel(doc.document_type) }}

Uploaded: {{ doc.uploaded_at | date:'short' }}

}
} @if (!user.documents || user.documents.length === 0) {
folder_open

No documents uploaded yet

Upload documents using the button above

}
@if (flashMessage) {
@if (flashMessage === 'success') { User {{ user.id ? 'updated' : 'created' }} } @if (flashMessage === 'error') { An error occurred, try again! }
}