diff --git a/horilla_theme/static/horilla_theme/assets/img/icons/download.svg b/horilla_theme/static/horilla_theme/assets/img/icons/download.svg index 7043bbb51..2be37b193 100644 --- a/horilla_theme/static/horilla_theme/assets/img/icons/download.svg +++ b/horilla_theme/static/horilla_theme/assets/img/icons/download.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/horilla_theme/static/horilla_theme/assets/img/icons/edit.svg b/horilla_theme/static/horilla_theme/assets/img/icons/edit.svg index 33560f7eb..9a7142903 100644 --- a/horilla_theme/static/horilla_theme/assets/img/icons/edit.svg +++ b/horilla_theme/static/horilla_theme/assets/img/icons/edit.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/horilla_theme/static/horilla_theme/assets/img/icons/notification.svg b/horilla_theme/static/horilla_theme/assets/img/icons/notification.svg index 54c3c65bc..effb07963 100644 --- a/horilla_theme/static/horilla_theme/assets/img/icons/notification.svg +++ b/horilla_theme/static/horilla_theme/assets/img/icons/notification.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/horilla_theme/static/horilla_theme/assets/img/icons/trash.svg b/horilla_theme/static/horilla_theme/assets/img/icons/trash.svg index 1eb1c6a06..ec2bd5de5 100644 --- a/horilla_theme/static/horilla_theme/assets/img/icons/trash.svg +++ b/horilla_theme/static/horilla_theme/assets/img/icons/trash.svg @@ -1 +1 @@ - \ No newline at end of file + diff --git a/horilla_theme/static/horilla_theme/assets/js/footerScripts.js b/horilla_theme/static/horilla_theme/assets/js/footerScripts.js index 5eb65618c..52e1d3972 100644 --- a/horilla_theme/static/horilla_theme/assets/js/footerScripts.js +++ b/horilla_theme/static/horilla_theme/assets/js/footerScripts.js @@ -608,3 +608,22 @@ $(document).on('htmx:afterSettle', function (event) { } }) }) + +$('.oh-password-input--toggle').on('click', function(e) { + e.preventDefault(); + + const $toggle = $(this); + const $passwordInput = $toggle.siblings('.oh-input--password'); + const $showIcon = $toggle.find('.oh-password-input__show-icon'); + const $hideIcon = $toggle.find('.oh-password-input__hide-icon'); + + if ($passwordInput.attr('type') === 'password') { + $passwordInput.attr('type', 'text'); + $showIcon.addClass('hidden'); + $hideIcon.removeClass('hidden'); + } else { + $passwordInput.attr('type', 'password'); + $showIcon.removeClass('hidden'); + $hideIcon.addClass('hidden'); + } +}); diff --git a/horilla_theme/templates/base/auth/password_change_form.html b/horilla_theme/templates/base/auth/password_change_form.html new file mode 100644 index 000000000..1e4eea4d0 --- /dev/null +++ b/horilla_theme/templates/base/auth/password_change_form.html @@ -0,0 +1,152 @@ +{% load static i18n %} +