Finish Email templates and fix toggle password

This commit is contained in:
John Crisp
2025-06-04 17:44:26 +02:00
parent eaf7721114
commit cd2de47aaf
6 changed files with 406 additions and 280 deletions

View File

@@ -1,33 +1,22 @@
// js/sme-password.js
$(document).ready(function () {
const togglePassword = document.querySelector("#togglePassword");
const password = document.querySelector("#password");
$(document).ready(function() {
/* // For each password input
$('.sme-password').each(function() {
// Create a new container
//alert("sme-password");
var $inputContainer = $('<div class="input-container"></div>');
// Move the input into the new container
$(this).wrap($inputContainer);
// Create the toggle image
var $togglePassword = $('<img src="images/visible.png" alt="Show Password" class="toggle-password" />');
// Append the toggle image to the container
$(this).after($togglePassword);
}); */
let pass = togglePassword;
$('.toggle-password').on('click', function() {
// Find the associated password field
var input = $(this).siblings('.sme-password');
// Toggle the type attribute between password and text
var inputType = input.attr('type') === 'password' ? 'text' : 'password';
input.attr('type', inputType);
// Toggle the icon source based on the input type
// Check boostrap colours?
// var iconSrc = inputType === 'password' ? 'images/visible.png' : 'images/visible-slash.png';
// $(this).attr('src', iconSrc);
});
});
if (pass) {
togglePassword.addEventListener("click", function () {
// toggle the type attribute
const type = password.getAttribute("type") === "password" ? "text" : "password";
password.setAttribute("type", type);
// toggle the eye icon
if (type === "text") {
$(this).removeClass("bi-eye");
$(this).addClass("bi-eye-slash");
} else {
$(this).removeClass("bi-eye-slash");
$(this).addClass("bi-eye");
}
});
}
});