hlaeja-old/hlaeja-management
6
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update html layout

Browse Source 
- add messages fragment
  - extract error and success message list from edit.html
  - extract error message list from create.html
  - add messages.html

- update edit account
  - update AccountController
    - update postEditAccount for validation
    - update getEditAccount for roleGroups
  - update validation for AccountForm for edit
  - add EditGroup
  - update Account.Response.toAccountForm()
  - update edit.html

- update create account
  - update AccountController
    - update postCreateAccount for validation
    - update getCreateAccount for role group
  - add validation to AccountForm
  - add PasswordMatchValidator
  - add annotation PasswordMatch
  - add CreateGroup
  - add temporary getRoles() in AccountRegistryService
  - update AccountForm.toAccountRequest() in Mapping
  - change management.css
    - add ::selection
    - add Selected Option Styling
  - add passwordMatchCheck to management.js
  - update create.html

- update user
  - add makeLocalTime in management.js
  - update users.html
  - update Pagination
    - add size of items
    - rename size to show

- update goodbye.html

- update logout.html

- update login.html

- update welcome.html

- update index.html

- update layout
  - update management.css
  - update management.js
  - update layout.html
This commit is contained in:
Mr. Swordsteel
2025-03-01 16:04:56 +01:00
parent 4c6c7dd9d8
commit 4013bd6905
22 changed files with 809 additions and 344 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/main/resources/templates/home/welcome.html
View File

@@ -1,24 +1,72 @@
<!DOCTYPE HTML>
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<title>Home Pages</title>
<!--/*/<th:block th:insert="~{layout.html :: documentHead}"/>/*/-->
</head>
<body>
<main>
<h1>Welcome</h1>
<hr>
<!--/*@thymesVar id="remoteUser" type="ltd.hlaeja.security.RemoteAuthentication"*/-->
<div th:if="${remoteUser.hasRole('admin')}">
You are an admin!
<a href="/account">Account</a>
<!--/*/<th:block th:replace="~{layout.html :: documentHead ('Hlaeja Management')}"/>/*/-->
<body class="bg-gray-900 text-green-400 min-h-screen flex flex-col">
<!--/*/<th:block th:replace="~{layout.html :: header}"/>/*/-->
<!-- Main Content -->
<main class="container mx-auto p-4 flex-grow">
<!-- Main Grid -->
<div class="grid grid-cols-1 md:grid-cols-12 gap-4">
<!-- Sidebar -->
<div class="md:col-span-3">
<div class="bg-gray-800 p-4 rounded-lg border border-green-900">
<h2 class="text-base sm:text-lg mb-2 terminal-glow">System Commands</h2>
<ul class="space-y-2 text-sm sm:text-base">
<li><span class="text-green-600">$</span> status_check</li>
<li><span class="text-green-600">$</span> sys_reboot</li>
<li><span class="text-green-600">$</span> mem_info</li>
<li><span class="text-green-600">$</span> net_stat</li>
</ul>
</div>
</div>
<!-- Main Terminal -->
<div class="md:col-span-6">
<div class="bg-gray-800 p-4 rounded-lg border border-green-900 h-64 sm:h-96 overflow-y-auto">
<h2 class="text-base sm:text-lg mb-2 terminal-glow">Terminal Output</h2>
<pre class="text-xs sm:text-sm">
SYSTEM BOOT [OK]
Initializing kernel... [OK]
Mounting drives... [OK]
Network interfaces up... [OK]
Loading console interface... [OK]
> Running diagnostics...
CPU: 2.4GHz [85%]
Memory: 16GB [72% used]
Storage: 1TB [45% free]
Network: 1Gbps [Stable]
</pre>
</div>
</div>
<!-- Status Panel -->
<div class="md:col-span-3">
<div class="bg-gray-800 p-4 rounded-lg border border-green-900">
<h2 class="text-base sm:text-lg mb-2 terminal-glow">Status</h2>
<div class="space-y-2 text-sm sm:text-base">
<p>CPU: <span class="text-green-600">Online</span></p>
<p>Memory: <span class="text-green-600">Stable</span></p>
<p>Network: <span class="text-green-600">Connected</span></p>
<p>Uptime: 23h 45m</p>
</div>
</div>
</div>
</div>
<div th:if="${remoteUser.hasRole('user')}">
You are a user!
<!-- Terminal Input -->
<div class="mt-4">
<div class="bg-gray-800 p-4 rounded-lg border border-green-900">
<div class="flex items-center">
<span class="text-green-600 mr-2">$</span>
<input type="text" class="bg-transparent w-full focus:outline-none text-green-400 text-sm sm:text-base" placeholder="Enter command...">
</div>
</div>
</div>
<p>This is welcome pages and you're a user!</p>
<a href="/logout">Logout</a>
</main>
<!--/*/<th:block th:replace="~{layout.html :: footer}"/>/*/-->
<!--/*/<th:block th:replace="~{layout.html :: script}"/>/*/-->
</body>
</html>