From db8458122f6a728a8d9f9b02f4c6fe5c894ae012 Mon Sep 17 00:00:00 2001
From: Alex Rennie-Lis <a.lis@cornwall-insight.com>
Date: Thu, 6 Jun 2024 23:04:10 +0100
Subject: [PATCH] Fixed workdir

---
 Dockerfile   |  2 ++
 code/ui.html | 99 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 101 insertions(+)
 create mode 100644 code/ui.html
diff --git a/Dockerfile b/Dockerfile
index 2a924d1..87dfc7e 100755
--- a/Dockerfile
+++ b/Dockerfile
@@ -9,4 +9,6 @@ HEALTHCHECK CMD curl -f http://localhost:8088/health || exit 1
 
 EXPOSE 8088
 
+WORKDIR /data
+
 CMD [ "node", "/app/index.js" ]
diff --git a/code/ui.html b/code/ui.html
new file mode 100644
index 0000000..1de4b47
--- /dev/null
+++ b/code/ui.html
@@ -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>
