2023-08-13 01:12:29 +01:00
|
|
|
<!DOCTYPE html>
|
2024-05-22 21:48:23 +01:00
|
|
|
<html th:lang="${#locale.language}" th:dir="#{language.direction}" th:data-language="${#locale.toString()}" xmlns:th="https://www.thymeleaf.org">
|
2024-02-16 22:49:06 +01:00
|
|
|
<head>
|
|
|
|
|
<th:block th:insert="~{fragments/common :: head(title=#{adminUserSettings.title}, header=#{adminUserSettings.header})}"></th:block>
|
|
|
|
|
</head>
|
2023-08-13 01:12:29 +01:00
|
|
|
|
2024-02-16 22:49:06 +01:00
|
|
|
<body>
|
2023-08-13 01:12:29 +01:00
|
|
|
<th:block th:insert="~{fragments/common :: game}"></th:block>
|
|
|
|
|
<div id="page-container">
|
2024-02-16 22:49:06 +01:00
|
|
|
<div id="content-wrap">
|
|
|
|
|
<th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
|
2024-03-21 21:58:01 +01:00
|
|
|
<br><br>
|
2024-02-16 22:49:06 +01:00
|
|
|
<div class="container">
|
|
|
|
|
<div class="row justify-content-center">
|
2024-05-19 12:44:54 +02:00
|
|
|
<div class="col-md-8 bg-card">
|
2024-02-11 11:47:00 -05:00
|
|
|
|
2024-02-16 22:49:06 +01:00
|
|
|
<!-- User Settings Title -->
|
|
|
|
|
<h2 class="text-center" th:text="#{adminUserSettings.header}">Admin User Control Settings</h2>
|
2024-05-18 23:47:05 +02:00
|
|
|
<div th:if="${deleteMessage}" class="alert alert-danger">
|
|
|
|
|
<span th:text="#{${deleteMessage}}">Message</span>
|
2024-03-06 23:14:02 +01:00
|
|
|
</div>
|
2024-02-16 22:49:06 +01:00
|
|
|
<table class="table">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th th:text="#{username}">Username</th>
|
|
|
|
|
<th th:text="#{adminUserSettings.roles}">Roles</th>
|
2024-03-21 21:58:01 +01:00
|
|
|
<th th:text="#{adminUserSettings.actions}">Actions</th>
|
2024-05-18 23:47:05 +02:00
|
|
|
<th th:text="#{adminUserSettings.authenticated}">Authenticated</th>
|
2024-02-16 22:49:06 +01:00
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr th:each="user : ${users}">
|
|
|
|
|
<td th:text="${user.username}"></td>
|
2024-03-06 23:14:02 +01:00
|
|
|
<td th:text="#{${user.roleName}}"></td>
|
2024-02-16 22:49:06 +01:00
|
|
|
<td>
|
|
|
|
|
<form th:if="${user.username != currentUsername}" th:action="@{'/api/v1/user/admin/deleteUser/' + ${user.username}}" method="post">
|
2024-06-06 21:27:58 +01:00
|
|
|
<button class="btn btn-danger" type="submit" th:text="#{delete}">Delete</button>
|
2024-02-16 22:49:06 +01:00
|
|
|
</form>
|
|
|
|
|
</td>
|
2024-05-12 19:58:34 +02:00
|
|
|
<td th:text="${user.authenticationType}"></td>
|
2024-02-16 22:49:06 +01:00
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
2023-08-13 01:12:29 +01:00
|
|
|
|
2024-02-16 22:49:06 +01:00
|
|
|
<h2 th:text="#{adminUserSettings.addUser}">Add New User</h2>
|
2024-05-18 23:47:05 +02:00
|
|
|
<div th:if="${addMessage}" class="alert alert-danger">
|
|
|
|
|
<span th:text="#{${addMessage}}">Default message if not found</span>
|
2024-02-16 22:49:06 +01:00
|
|
|
</div>
|
2024-05-12 19:58:34 +02:00
|
|
|
<button class="btn btn-outline-info" data-toggle="tooltip" data-placement="auto" th:title="#{adminUserSettings.usernameInfo}" th:text="#{help}">Help</button>
|
2024-06-06 21:24:41 +01:00
|
|
|
<form id="formsaveuser" th:action="@{/api/v1/user/admin/saveUser}" method="post">
|
2024-02-16 22:49:06 +01:00
|
|
|
<div class="mb-3">
|
|
|
|
|
<label for="username" th:text="#{username}">Username</label>
|
2024-05-12 19:58:34 +02:00
|
|
|
<input type="text" class="form-control" name="username" id="username" th:title="#{adminUserSettings.usernameInfo}" required>
|
2024-05-18 23:47:05 +02:00
|
|
|
<span id="usernameError" style="display: none;" th:text="#{invalidUsernameMessage}">Invalid username!</span>
|
2024-02-16 22:49:06 +01:00
|
|
|
</div>
|
|
|
|
|
<div class="mb-3">
|
|
|
|
|
<label for="password" th:text="#{password}">Password</label>
|
|
|
|
|
<input type="password" class="form-control" name="password" required>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mb-3">
|
|
|
|
|
<label for="role" th:text="#{adminUserSettings.role}">Role</label>
|
|
|
|
|
<select name="role" class="form-control" required>
|
2024-05-02 14:52:50 -06:00
|
|
|
<option value="" disabled selected th:text="#{selectFillter}">-- Select --</option>
|
2024-03-06 23:14:02 +01:00
|
|
|
<option th:each="roleDetail : ${roleDetails}" th:value="${roleDetail.key}" th:text="#{${roleDetail.value}}">Role</option>
|
2024-02-16 22:49:06 +01:00
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mb-3">
|
|
|
|
|
<input type="checkbox" class="form-check-input" id="forceChange" name="forceChange">
|
|
|
|
|
<label class="form-check-label" for="forceChange" th:text="#{adminUserSettings.forceChange}">Force user to change username/password on login</label>
|
2023-08-13 01:12:29 +01:00
|
|
|
</div>
|
|
|
|
|
|
2024-05-02 14:52:50 -06:00
|
|
|
<!-- Add other fields as required -->
|
|
|
|
|
<button type="submit" class="btn btn-primary" th:text="#{adminUserSettings.submit}">Save User</button>
|
|
|
|
|
</form>
|
|
|
|
|
<hr />
|
|
|
|
|
<h2 th:text="#{adminUserSettings.changeUserRole}">Change User's Role</h2>
|
|
|
|
|
<button class="btn btn-outline-info" data-toggle="tooltip" data-placement="auto" th:title="#{downgradeCurrentUserLongMessage}" th:text="#{help}">Help</button>
|
2024-05-18 23:47:05 +02:00
|
|
|
<div th:if="${changeMessage}" class="alert alert-danger">
|
|
|
|
|
<span th:text="#{${changeMessage}}">Default message if not found</span>
|
2024-05-02 14:52:50 -06:00
|
|
|
</div>
|
2024-06-06 21:23:33 +01:00
|
|
|
<form th:action="@{/api/v1/user/admin/changeRole}" method="post">
|
2024-05-02 14:52:50 -06:00
|
|
|
<div class="mb-3">
|
|
|
|
|
<label for="username" th:text="#{username}">Username</label>
|
|
|
|
|
<select name="username" class="form-control" required>
|
|
|
|
|
<option value="" disabled selected th:text="#{selectFillter}">-- Select --</option>
|
|
|
|
|
<option th:each="user : ${users}" th:if="${user.username != currentUsername}" th:value="${user.username}" th:text="${user.username}">Username</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mb-3">
|
|
|
|
|
<label for="role" th:text="#{adminUserSettings.role}">Role</label>
|
|
|
|
|
<select name="role" class="form-control" required>
|
|
|
|
|
<option value="" disabled selected th:text="#{selectFillter}">-- Select --</option>
|
|
|
|
|
<option th:each="roleDetail : ${roleDetails}" th:value="${roleDetail.key}" th:text="#{${roleDetail.value}}">Role</option>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
|
2024-02-16 22:49:06 +01:00
|
|
|
<!-- Add other fields as required -->
|
|
|
|
|
<button type="submit" class="btn btn-primary" th:text="#{adminUserSettings.submit}">Save User</button>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2023-08-13 01:12:29 +01:00
|
|
|
</div>
|
2024-02-16 22:49:06 +01:00
|
|
|
</div>
|
2024-05-02 14:52:50 -06:00
|
|
|
<script th:inline="javascript">
|
2024-05-18 23:47:05 +02:00
|
|
|
jQuery.validator.addMethod("usernamePattern", function(value, element) {
|
|
|
|
|
return this.optional(element) || /^[a-zA-Z0-9][a-zA-Z0-9@._+-]*[a-zA-Z0-9]$|^(?=.{1,64}@)[A-Za-z0-9]+(\.[A-Za-z0-9_+.-]+)*@[^-][A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*(\.[A-Za-z]{2,})$/.test(value);
|
|
|
|
|
}, /*[[#{invalidUsernameMessage}]]*/ "Invalid username format");
|
2024-05-02 14:52:50 -06:00
|
|
|
$(document).ready(function() {
|
2024-05-18 23:47:05 +02:00
|
|
|
$('[data-toggle="tooltip"]').tooltip();
|
|
|
|
|
|
|
|
|
|
$('#formsaveuser').validate({
|
|
|
|
|
rules: {
|
|
|
|
|
username: {
|
|
|
|
|
required: true,
|
|
|
|
|
usernamePattern: true
|
|
|
|
|
},
|
|
|
|
|
password: {
|
|
|
|
|
required: true
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
messages: {
|
|
|
|
|
username: {
|
|
|
|
|
usernamePattern: /*[[#{invalidUsernameMessage}]]*/ "Invalid username format"
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
errorPlacement: function(error, element) {
|
|
|
|
|
if (element.attr("name") === "username") {
|
|
|
|
|
$("#usernameError").text(error.text()).show();
|
|
|
|
|
} else {
|
|
|
|
|
error.insertAfter(element);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
success: function(label, element) {
|
|
|
|
|
if ($(element).attr("name") === "username") {
|
|
|
|
|
$("#usernameError").hide();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$('#username').on('input', function() {
|
|
|
|
|
var usernameInput = $(this);
|
|
|
|
|
var isValid = usernameInput[0].checkValidity();
|
|
|
|
|
var errorSpan = $('#usernameError');
|
|
|
|
|
|
|
|
|
|
if (isValid) {
|
|
|
|
|
usernameInput.removeClass('invalid').addClass('valid');
|
|
|
|
|
errorSpan.hide();
|
|
|
|
|
} else {
|
|
|
|
|
usernameInput.removeClass('valid').addClass('invalid');
|
|
|
|
|
errorSpan.show();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
2024-05-02 14:52:50 -06:00
|
|
|
</script>
|
2024-02-16 22:49:06 +01:00
|
|
|
<th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
|
2023-08-13 01:12:29 +01:00
|
|
|
</div>
|
2024-02-16 22:49:06 +01:00
|
|
|
</body>
|
2024-03-21 21:58:01 +01:00
|
|
|
</html>
|
