ChangePasswordForm

Domain

Mevcut şifre + yeni şifre + doğrulama formu. Alan bazlı hata mesajları.

Default

Preview

Code

<%- include('modules/domain/common/auth/ChangePasswordForm', {
  action: '/account/change-password'
}) %>

With mismatch error

Preview

Code

<%- include('modules/domain/common/auth/ChangePasswordForm', {
  action: '/account/change-password',
  errors: { confirmPassword: "Passwords don't match." }
}) %>

Source modules/domain/common/auth/ChangePasswordForm.ejs

<%
  var _action = locals.action || '#';
  var _method = locals.method || 'post';
  var _error  = locals.error  || '';
  var _errors = locals.errors || {};
%>

  <% if (_error) { %>
  
    
    <%= _error %>
  
  <% } %>

  <%- include('../../../ui/Input', {
    id: 'current-password',
    label: 'Current Password',
    type: 'password',
    name: 'currentPassword',
    required: true,
    iconLeft: '',
    error: _errors.currentPassword
  }) %>

  <%- include('../../../ui/Input', {
    id: 'new-password',
    label: 'New Password',
    type: 'password',
    name: 'newPassword',
    required: true,
    hint: 'Minimum 8 characters',
    iconLeft: '',
    error: _errors.newPassword
  }) %>

  <%- include('../../../ui/Input', {
    id: 'confirm-password',
    label: 'Confirm New Password',
    type: 'password',
    name: 'confirmPassword',
    required: true,
    iconLeft: '',
    error: _errors.confirmPassword
  }) %>

  <%- include('../../../ui/Button', {
    type: 'submit',
    fullWidth: true,
    children: 'Update Password'
  }) %>