DGNum/Stirling-PDF
15
0
Fork 0
Code Issues 4 Pull requests 1 Projects Releases Packages Wiki Activity

standardize the layout (#1525)

Browse source
This commit is contained in:
Ludy 2024-07-04 23:13:03 +02:00 committed by GitHub
parent f95ee31bbd
commit 79927416e5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 53 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/main/resources/templates/account.html
View file

@ -13,9 +13,12 @@
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-9 bg-card"> <div class="col-md-9 bg-card">
<div class="tool-header">
<span class="material-symbols-rounded tool-header-icon organize">settings_account_box</span>
<span class="tool-header-text" th:text="#{account.accountSettings}">User Settings</span>
</div>
<!-- User Settings Title --> <!-- User Settings Title -->
<h2 class="text-center" th:text="#{account.accountSettings}">User Settings</h2>
<th:block th:if="${messageType}"> <th:block th:if="${messageType}">
<div class="alert alert-danger"> <div class="alert alert-danger">
<span th:text="#{${messageType}}">Default message if not found</span> <span th:text="#{${messageType}}">Default message if not found</span>
@ -247,9 +250,9 @@
<table id="settingsTable" class="table table-bordered table-sm table-striped"> <table id="settingsTable" class="table table-bordered table-sm table-striped">
<thead> <thead>
<tr> <tr>
<th th:text="#{account.property}">Property</th> <th scope="col" th:text="#{account.property}">Property</th>
<th th:text="#{account.accountSettings}">Account Setting</th> <th scope="col" th:text="#{account.accountSettings}">Account Setting</th>
<th th:text="#{account.webBrowserSettings}">Web Browser Setting</th> <th scope="col" th:text="#{account.webBrowserSettings}">Web Browser Setting</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

69
src/main/resources/templates/addUsers.html
View file

@ -12,10 +12,13 @@
<br><br> <br><br>
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-8 bg-card"> <div class="col-md-9 bg-card">
<div class="tool-header">
<span class="material-symbols-rounded tool-header-icon organize">manage_accounts</span>
<span class="tool-header-text" th:text="#{adminUserSettings.header}">Admin User Control Settings</span>
</div>
<!-- User Settings Title --> <!-- User Settings Title -->
<h2 class="text-center" th:text="#{adminUserSettings.header}">Admin User Control Settings</h2>
<div style="background: var(--md-sys-color-outline-variant);padding: .8rem; margin: 10px 0; border-radius: 2rem; text-align: center;"> <div style="background: var(--md-sys-color-outline-variant);padding: .8rem; margin: 10px 0; border-radius: 2rem; text-align: center;">
<a href="#" data-bs-toggle="modal" data-bs-target="#addUserModal" class="btn btn-outline-info" th:title="#{adminUserSettings.addUser}"> <a href="#" data-bs-toggle="modal" data-bs-target="#addUserModal" class="btn btn-outline-info" th:title="#{adminUserSettings.addUser}">
<span class="material-symbols-rounded">person_add</span> <span class="material-symbols-rounded">person_add</span>
@ -29,35 +32,39 @@
<div th:if="${deleteMessage}" class="alert alert-danger"> <div th:if="${deleteMessage}" class="alert alert-danger">
<span th:text="#{${deleteMessage}}">Message</span> <span th:text="#{${deleteMessage}}">Message</span>
</div> </div>
<table class="table"> <div class="bg-card mt-3 mb-3">
<thead> <table class="table table-striped table-hover">
<tr> <thead>
<th th:text="#{username}">Username</th> <tr>
<th th:text="#{adminUserSettings.roles}">Roles</th> <th scope="col">UID</th>
<th th:text="#{adminUserSettings.actions}">Actions</th> <th scope="col" th:text="#{username}">Username</th>
<th th:text="#{adminUserSettings.authenticated}">Authenticated</th> <th scope="col" th:text="#{adminUserSettings.roles}">Roles</th>
</tr> <th scope="col" th:text="#{adminUserSettings.actions}">Actions</th>
</thead> <th scope="col" th:text="#{adminUserSettings.authenticated}">Authenticated</th>
<tbody> </tr>
<tr th:each="user : ${users}"> </thead>
<td style="align-content: center;" th:text="${user.username}"></td> <tbody>
<td style="align-content: center;" th:text="#{${user.roleName}}"></td> <tr th:each="user : ${users}">
<td style="align-content: center;"> <th scope="row" style="align-content: center;" th:text="${user.id}"></th>
<form th:if="${user.username != currentUsername}" th:action="@{'/api/v1/user/admin/deleteUser/' + ${user.username}}" method="post" onsubmit="return confirmDelete()"> <td style="align-content: center;" th:text="${user.username}"></td>
<button type="submit" th:title="#{adminUserSettings.deleteUser}" class="btn btn-info"><span class="material-symbols-rounded">person_remove</span></button> <td style="align-content: center;" th:text="#{${user.roleName}}"></td>
</form> <td style="align-content: center;">
<script th:inline="javascript"> <form th:if="${user.username != currentUsername}" th:action="@{'/api/v1/user/admin/deleteUser/' + ${user.username}}" method="post" onsubmit="return confirmDelete()">
const confirm_text = /*[[#{adminUserSettings.confirmDeleteUser}]]*/ 'Should the user be deleted?'; <button type="submit" th:title="#{adminUserSettings.deleteUser}" class="btn btn-info"><span class="material-symbols-rounded">person_remove</span></button>
function confirmDelete() { </form>
return confirm(confirm_text); <a th:if="${user.username == currentUsername}" th:href="@{'/account'}" class="btn btn-outline-info"><span class="material-symbols-rounded">edit</span></a>
} </td>
</script> <td style="align-content: center;" th:text="${user.authenticationType}"></td>
<a th:if="${user.username == currentUsername}" th:href="@{'/account'}" class="btn btn-outline-info"><span class="material-symbols-rounded">edit</span></a> </tr>
</td> </tbody>
<td style="align-content: center;" th:text="${user.authenticationType}"></td> </table>
</tr> </div>
</tbody> <script th:inline="javascript">
</table> const confirm_text = /*[[#{adminUserSettings.confirmDeleteUser}]]*/ 'Should the user be deleted?';
function confirmDelete() {
return confirm(confirm_text);
}
</script>
</div> </div>
</div> </div>
</div> </div>

13
src/main/resources/templates/licenses.html
View file

@ -11,14 +11,17 @@
<br><br> <br><br>
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-6 bg-card"> <div class="col-md-8 bg-card">
<h2 th:text="#{licenses.header}">3rd Party licenses</h2> <div class="tool-header">
<span class="material-symbols-rounded tool-header-icon organize">license</span>
<span class="tool-header-text" th:text="#{licenses.header}">3rd Party licenses</span>
</div>
<table class="table table-striped"> <table class="table table-striped">
<thead> <thead>
<tr> <tr>
<th th:text="#{licenses.module}">Module</th> <th scope="col" th:text="#{licenses.module}">Module</th>
<th th:text="#{licenses.version}">Version</th> <th scope="col" th:text="#{licenses.version}">Version</th>
<th th:text="#{licenses.license}">License</th> <th scope="col" th:text="#{licenses.license}">License</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>