alis/Sinatra
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

Fixed workdir

Browse Source
This commit is contained in:
Alex Rennie-Lis 2024-06-06 23:04:10 +01:00
parent da5d12342d
commit db8458122f
2 changed files with 101 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Dockerfile
View File

@ -9,4 +9,6 @@ HEALTHCHECK CMD curl -f http://localhost:8088/health || exit 1
EXPOSE 8088 EXPOSE 8088
WORKDIR /data
CMD [ "node", "/app/index.js" ] CMD [ "node", "/app/index.js" ]

99
code/ui.html Normal file
View File

@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Management</title>
<style>
body { font-family: Arial, sans-serif; }
.container { width: 80%; margin: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
th { background-color: #f2f2f2; }
.form-input { margin-bottom: 10px; }
label { display: block; }
input[type="text"], input[type="password"] { width: 100%; padding: 8px; }
button { padding: 8px 16px; margin-top: 10px; }
</style>
</head>
<body>
<div class="container">
<h2>User Management</h2>
<div id="user-form">
<div class="form-input">
<label for="username">Username:</label>
<input type="text" id="username" name="username">
</div>
<div class="form-input">
<label for="password">Password:</label>
<input type="password" id="password" name="password">
</div>
<div class="form-input">
<label for="description">Description:</label>
<input type="text" id="description" name="description">
</div>
<button onclick="createUser()">Create User</button>
</div>
<table id="users-table">
<thead>
<tr>
<th>Username</th>
<th>Password</th>
<th>Description</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<!-- User entries will be dynamically inserted here -->
</tbody>
</table>
</div>
<script>
// Function to make AJAX call to the RESTful service
function ajaxCall(method, url, data, callback) {
var xhr = new XMLHttpRequest();
xhr.open(method, url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
callback(JSON.parse(xhr.responseText));
}
};
xhr.send(JSON.stringify(data));
}
// Function to create a new user
function createUser() {
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
var description = document.getElementById('description').value;
var data = { username: username, password: password, description: description };
ajaxCall('POST', 'http://example.com/api/users', data, function(response) {
// Handle response
console.log(response);
});
}
// Function to edit a user
function editUser(userId) {
// Get user data from form
// Make AJAX call to update user
}
// Function to delete a user
function deleteUser(userId) {
// Make AJAX call to delete user
}
// Function to fetch and display users
function fetchUsers() {
// Make AJAX call to get users
// Populate users table
}
// Initial fetch of users
fetchUsers();
</script>
</body>
</html>