HAM/Berufsschule_HAM
1
0
Fork 1
mirror of https://github.com/LD-Reborn/Berufsschule_HAM.git synced 2025-12-20 15:01:56 +00:00
Code Issues Packages Projects 1 Releases Wiki Activity

Added Users table

Browse Source
This commit is contained in:
LD-Reborn
2025-10-09 10:36:12 +02:00
parent 2676ab7f0f
commit 41cc78d321
6 changed files with 96 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/Views/Home/Users.cshtml
View File

@@ -1,6 +1,6 @@
@using Microsoft.AspNetCore.Mvc.Localization
@using Berufsschule_HAM.Models
@model HomeIndexViewModel
@model UsersIndexViewModel
@inject IViewLocalizer T
@{
ViewData["Title"] = T["Users"];
@@ -20,27 +20,31 @@
<table class="table table-striped align-middle">
<thead>
<tr>
<th>User</th>
<th>Asset ID</th>
<th>Asset Name</th>
<th>Location</th>
<th>User Photo</th>
<th>User ID</th>
<th>title</th>
<th>Name</th>
<th>Surname</th>
<th>Workplace</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@* @{
foreach (AssetsTableViewModel assetsTableViewModel in Model.AssetsTableViewModels)
@{
foreach (UserTableViewModel userTableViewModel in Model.UserTableViewModels)
{
<tr>
<td>@assetsTableViewModel.UserUID</td>
<td>@assetsTableViewModel.AssetCn</td>
<td>@assetsTableViewModel.AssetName</td>
<td>@assetsTableViewModel.LocationName</td>
<td>@@userTableViewModel.JpegPhoto</td>
<td>@userTableViewModel.Uid</td>
<td>@userTableViewModel.Title</td>
<td>@userTableViewModel.Name</td>
<td>@userTableViewModel.Surname</td>
<td>@userTableViewModel.Workplace</td>
<td>
<div class="d-flex gap-2">
<button class="btn btn-sm btn-primary">Update</button>
<button class="btn btn-sm btn-danger btn-delete"
data-asset-id="@assetsTableViewModel.AssetCn"
data-user-id="@userTableViewModel.Uid"
data-bs-toggle="modal"
data-bs-target="#deleteModal">
🗑️ Delete
@@ -49,13 +53,13 @@
</td>
</tr>
}
} *@
}
</tbody>
</table>
</div>
</div>
<!-- Asset Delete Confirmation Modal -->
<!-- User Delete Confirmation Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
@@ -64,7 +68,7 @@
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Are you sure you want to delete the asset <strong id="assetName"></strong> (ID: <span id="assetId"></span>)?</p>
<p>Are you sure you want to delete the user <strong id="userName"></strong> (ID: <span id="userId"></span>)?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
@@ -77,21 +81,21 @@
</div>
@* <script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const deleteModal = document.getElementById('deleteModal');
let currentButton = null; // The delete button that opened the modal
deleteModal.addEventListener('show.bs.modal', event => {
currentButton = event.relatedTarget; // Button that triggered the modal
const assetId = currentButton.getAttribute('data-asset-id');
const assetName = currentButton.getAttribute('data-asset-name');
const userId = currentButton.getAttribute('data-user-id');
const userName = currentButton.getAttribute('data-user-name');
deleteModal.querySelector('#assetId').textContent = assetId;
deleteModal.querySelector('#assetName').textContent = assetName;
deleteModal.querySelector('#userId').textContent = userId;
deleteModal.querySelector('#userName').textContent = userName;
// Store the delete URL for later use
deleteModal.querySelector('#deleteForm').dataset.url = `/Assets/Delete?cn=${assetId}`;
deleteModal.querySelector('#deleteForm').dataset.url = `/Users/Delete?uid=${userId}`;
});
// Handle submit of deleteForm via fetch()
@@ -100,7 +104,7 @@
e.preventDefault();
const url = deleteForm.dataset.url;
const assetId = deleteModal.querySelector('#assetId').textContent;
const userId = deleteModal.querySelector('#userId').textContent;
try {
const response = await fetch(url, {
@@ -109,7 +113,7 @@
'Content-Type': 'application/json',
'Accept': 'application/json'
}//,
//body: JSON.stringify({ id: assetId }) // Use this for Post requests with [FromBody] parameters like in /Groups/Update
//body: JSON.stringify({ id: userId }) // Use this for Post requests with [FromBody] parameters like in /Groups/Update
});
const result = await response.json();
@@ -124,7 +128,7 @@
row.classList.add('table-danger');
setTimeout(() => row.remove(), 300);
showToast('Asset deleted successfully', 'success');
showToast('User deleted successfully', 'success');
} else {
showToast(`❌ ${result.reason}: ${result.exception || 'Unknown error'}`, 'danger');
}
@@ -160,4 +164,4 @@
return container;
}
});
</script> *@
</script>