Adds userlist to ejs-example

Author: Tom Hudson

ejs-example/main.js

@@ -100,6 +100,29 @@ app.get('/', (req, res) => {
     })
 })
 
+app.get('/api/users', async (req, res) => {
+
+    try {
+        const db = client.db(dbName)
+        const users = await db.collection('users').find({
+            username: { $regex: '^' + req.query.q }
+        }).toArray()
+
+        res.json(users.map(u => u.username))
+
+    } catch(err) {
+        res.render("error", {
+            message: "Failed to list users"
+        }) 
+    }
+})
+
+app.get('/users', (req, res) => {
+    res.render('users', {
+        user: req.session.user
+    })
+})
+
 // Connect to mongo, and then start listening
 client.connect(() => {
     app.listen(port, () => console.log(`Example app listening on port ${port}!`))

ejs-example/views/users.ejs

@@ -0,0 +1,25 @@
+<% include header %>
+
+<h2>Userlist</h2>
+
+<input type=text id=search>
+
+<ul id=userlist>
+</ul>
+
+<script>
+    let search = document.getElementById('search')
+    let userlist = document.getElementById('userlist')
+
+    search.addEventListener('keyup', async (e) => {
+        let r = await fetch('/api/users?q='+search.value)
+
+        let users = await r.json()
+
+        userlist.innerHTML = users.map(u => {
+            return `<li>${u}</li>`
+        }).join('\n')
+    
+    })
+    
+</script>