diff --git a/frontend/assets/css/under-construction.css b/frontend/assets/css/under-construction.css new file mode 100644 index 0000000..32ed148 --- /dev/null +++ b/frontend/assets/css/under-construction.css @@ -0,0 +1,24 @@ +.construction-icon-wrapper { + display: inline-flex; + align-items: center; + justify-content: center; + width: 80px; + height: 80px; + background: rgba(59, 130, 246, 0.1); /* Nutzt die var(--accent) Transparenz */ + border: 1px solid rgba(59, 130, 246, 0.2); + border-radius: 50%; + margin-bottom: 1.5rem; +} + +.gear-icon { + animation: gearRotate 8s linear infinite; +} + +@keyframes gearRotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} \ No newline at end of file diff --git a/frontend/assets/js/api.js b/frontend/assets/js/api.js index 82f073d..a24a98d 100644 --- a/frontend/assets/js/api.js +++ b/frontend/assets/js/api.js @@ -39,6 +39,8 @@ document.addEventListener("DOMContentLoaded", () => { if (document.getElementById('items-table-body')) loadItems(); if (document.getElementById('locations-table-body')) loadLocations(); if (document.getElementById('projects-table-body')) loadProjects(); + + loadProfile(); }); function closeModal(id) { @@ -464,4 +466,19 @@ async function openDashboardModal(url, title, dataKey) { } catch (e) { tbody.innerHTML = '