Spaces:
Running
Running
File size: 2,242 Bytes
9eba098 7a224f7 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 |
import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
@Component({
selector: 'app-user-info',
standalone: true,
imports: [CommonModule, FormsModule],
template: `
<div class="user-info-container">
<h2>User Information</h2>
<div class="card">
<div class="card-body">
<p class="text-muted">Password change functionality coming soon...</p>
<form (ngSubmit)="changePassword()" #passwordForm="ngForm">
<div class="form-group">
<label for="currentPassword">Current Password</label>
<input
type="password"
id="currentPassword"
name="currentPassword"
[(ngModel)]="currentPassword"
required
disabled
>
</div>
<div class="form-group">
<label for="newPassword">New Password</label>
<input
type="password"
id="newPassword"
name="newPassword"
[(ngModel)]="newPassword"
required
disabled
>
</div>
<div class="form-group">
<label for="confirmPassword">Confirm New Password</label>
<input
type="password"
id="confirmPassword"
name="confirmPassword"
[(ngModel)]="confirmPassword"
required
disabled
>
</div>
<button type="submit" class="btn btn-primary" disabled>
Change Password
</button>
</form>
</div>
</div>
</div>
`,
styles: [`
.user-info-container {
h2 {
margin-bottom: 1.5rem;
}
}
.text-muted {
color: #6c757d;
margin-bottom: 1rem;
}
`]
})
export class UserInfoComponent {
currentPassword = '';
newPassword = '';
confirmPassword = '';
changePassword() {
console.log('Password change not implemented yet');
}
} |