Merge pull request #199 from LD-Reborn/192-bug-newly-created-assets-do-not-get-asset-row-class

192 bug newly created assets do not get asset row class
This commit is contained in:
LD50
2025-10-26 21:43:39 +01:00
committed by GitHub
4 changed files with 76 additions and 44 deletions

View File

@@ -63,6 +63,10 @@ public class UsersController : Controller
[HttpPost("Create")]
public async Task<UsersCreateResponseModel> Create([FromBody] UsersCreateRequestModel requestModel)
{
if (requestModel is null)
{
return new() { Success = false, Exception = "The request model is null" };
}
try
{
string? jpegPhoto = requestModel.JpegPhoto;

View File

@@ -127,4 +127,7 @@
<data name="Confirm Delete" xml:space="preserve">
<value>Löschen bestätigen</value>
</data>
<data name="Password must be at least 8 characters long and include upper, lower, number, and special character" xml:space="preserve">
<value>Passwörter müssen mindestens 8 Zeichen lang sein und Groß- und Kleinbuchstaben, sowie mindestens eine Zahl und mindestens ein Sonderzeichen enthalten</value>
</data>
</root>

View File

@@ -112,10 +112,8 @@
deleteModal.addEventListener('show.bs.modal', event => {
currentButton = event.relatedTarget; // Button that triggered the modal
const userId = currentButton.getAttribute('data-user-id');
const userName = currentButton.getAttribute('data-user-name');
deleteModal.querySelector('#userId').textContent = userId;
deleteModal.querySelector('#userName').textContent = userName;
});
@@ -123,7 +121,6 @@
const deleteForm = document.getElementById('deleteForm');
deleteForm.addEventListener('submit', async e => {
e.preventDefault();
console.log(deleteForm);
const userId = deleteModal.querySelector('#userId').textContent;
const url = `/Users/Delete?uid=${userId}`;
@@ -298,6 +295,12 @@
updateForm.addEventListener('submit', async e => {
e.preventDefault();
const password = updateForm.querySelector('input[name="UserPassword"]').value;
if (password.length > 0 && !validatePassword(password)) {
showToast('@T["Password must be at least 8 characters long and include upper, lower, number, and special character"]', 'danger');
return;
}
var dataFromEntries = Object.fromEntries(new FormData(updateForm).entries());
var data = unflatten(dataFromEntries);
data.Description.Groups = Array.from(updateForm.querySelector('#updateGroups').selectedOptions).map(option => option.value);
@@ -543,6 +546,13 @@
// Submit create form
createForm.addEventListener('submit', async e => {
e.preventDefault();
const password = createForm.querySelector('input[name="UserPassword"]').value;
if (password == null || !validatePassword(password)) {
showToast('@T["Password must be at least 8 characters long and include upper, lower, number, and special character"]', 'danger');
return;
}
const dataFromEntries = Object.fromEntries(new FormData(createForm).entries());
const data = unflatten(dataFromEntries);
data.Description.Groups = Array.from(createGroupsSelect.selectedOptions).map(o => o.value);
@@ -564,7 +574,7 @@
const newRow = document.createElement('tr');
newRow.innerHTML = `
<td><img class="rounded-circle user-icon" src="data:image/jpeg;base64,${data.JpegPhoto || ''}" alt="Photo" style="max-width:300px;" /></td>
<td>${result.NewUid || ''}</td>
<td>${result.Uid || ''}</td>
<td>${data.Title || ''}</td>
<td>${data.Cn || ''}</td>
<td>${data.Sn || ''}</td>
@@ -576,22 +586,29 @@
data-user-title="${data.Title || ''}"
data-user-name="${data.Cn || ''}"
data-user-surname="${data.Sn || ''}"
data-user-birthdate="${data.BirthDate}"
data-user-address-city="${data.Description.Address.City}"
data-user-address-street="${data.Description.Address.Street}"
data-user-address-streetnr="${data.Description.Address.StreetNr}"
data-user-workplace="${data.Description?.Workplace || ''}"
data-user-groups='${JSON.stringify(data.Description?.Groups || [])}'
data-bs-toggle="modal"
data-bs-target="#updateModal">
Update
@T["Update"]
</button>
<button class="btn btn-sm btn-danger btn-delete"
data-user-id="${result.NewUid || ''}"
data-user-name="${data.Cn || ''}"
data-bs-toggle="modal"
data-bs-target="#deleteModal">
Delete
@T["Delete"]
</button>
</div>
</td>
`;
newRow.setAttribute("data-asset-id", result.Uid);
newRow.classList.toggle("user-row");
registerRowDetailviewClick(newRow);
tbody.appendChild(newRow);
} else {
showToast(`${result.Exception || '@T["Create failed"]'}`, 'danger');
@@ -689,10 +706,12 @@
<script>
document.addEventListener('DOMContentLoaded', () => {
const rows = document.querySelectorAll('table tbody tr');
rows.forEach(row => registerRowDetailviewClick(row));
});
function registerRowDetailviewClick(row) {
const detailModalEl = document.getElementById('detailModal');
const detailModal = new bootstrap.Modal(detailModalEl);
rows.forEach(row => {
row.addEventListener('click', (e) => {
// Dont trigger when clicking inside the action buttons
if (e.target.closest('button')) return;
@@ -733,8 +752,7 @@
detailPhoto.src = `/Home/UserPhoto?uid=${data.uid}&size=256`;
detailModal.show();
});
});
});
}
</script>
<style>

View File

@@ -188,3 +188,10 @@ async function loadUsersIntoSelect(selectElement, selectedValue = null) {
showToast(appTranslations.errorLoadingUsers, 'danger');
}
}
function validatePassword(password) {
// Regex: min 8 chars, one uppercase, one lowercase, one number, one special char
const strongPasswordRegex =
/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_\-+=\[{\]};:'",<.>/?\\|`~]).{8,}$/;
return strongPasswordRegex.test(password);
}