all users front end

cmd/web/templates/all-users.page.gohtml

@@ -21,5 +21,8 @@ All Users
 </table>
 {{ end }}
 {{ define "js" }}
-<script>let tbody = document.getElementById("user-table").getElementByTagName("tbody")[0]</script>
+<script type="module">
+import {showUsers} from "/static/js/all-users.js"
+showUsers({{.API}});
+</script>
 {{ end }}

static/js/all-users.js

@@ -0,0 +1,36 @@
+
+export function showUsers(api) {
+    const tbody = document.getElementById("user-table").getElementsByTagName("tbody")[0];
+    const token = localStorage.getItem("token");
+
+    const requestOptions = {
+        method: 'post',
+        headers: {
+            'Accept': `application/json`,
+            'Content-Type': 'application/json',
+            'Authorization': 'Bearer ' + token,
+        },
+    };
+
+    fetch(api + "/api/admin/all-users", requestOptions)
+        .then(response => response.json())
+        .then(function (data) {
+            if (data) {
+                data.forEach(i => {
+                    let newRow = tbody.insertRow();
+                    let newCell = newRow.insertCell();
+
+                    newCell.innerHTML = `<a href="/admin/all-users/${i.id}">${i.last_name}, ${i.first_name}</a>`;
+
+                    newCell = newRow.insertCell();
+                    let item = document.createTextNode(i.email);
+                    newCell.appendChild(item);
+                });
+            } else {
+                let newRow = tbody.insertRow();
+                let newCell = newRow.insertCell();
+                newCell.setAttribute("colspan", "2");
+                newCell.innerHTML = "no data available";
+            }
+        });
+}