Lesson: Timestamps for Location Messages

Andrew Mead · Andrew Mead · commit 9ddd419b557d · 2019-01-31T12:24:56.000-05:00
diff --git a/chat-app/public/index.html b/chat-app/public/index.html
@@ -22,7 +22,7 @@
 
         <script id="location-message-template" type="text/html">
             <div>
-                <p><a href="{{url}}" target="_blank">My current location</a></p>
+                <p>{{createdAt}} - <a href="{{url}}" target="_blank">My current location</a></p>
             </div>
         </script>
 
diff --git a/chat-app/public/js/chat.js b/chat-app/public/js/chat.js
@@ -20,10 +20,11 @@ socket.on('message', (message) => {
     $messages.insertAdjacentHTML('beforeend', html)
 })
 
-socket.on('locationMessage', (url) => {
-    console.log(url)
+socket.on('locationMessage', (message) => {
+    console.log(message)
     const html = Mustache.render(locationMessageTemplate, {
-        url
+        url: message.url,
+        createdAt: moment(message.createdAt).format('h:mm a')
     })
     $messages.insertAdjacentHTML('beforeend', html)
 })
diff --git a/chat-app/src/index.js b/chat-app/src/index.js
@@ -3,7 +3,7 @@ const http = require('http')
 const express = require('express')
 const socketio = require('socket.io')
 const Filter = require('bad-words')
-const { generateMessage } = require('./utils/messages')
+const { generateMessage, generateLocationMessage } = require('./utils/messages')
 
 const app = express()
 const server = http.createServer(app)
@@ -32,7 +32,7 @@ io.on('connection', (socket) => {
     })
 
     socket.on('sendLocation', (coords, callback) => {
-        io.emit('locationMessage', `https://google.com/maps?q=${coords.latitude},${coords.longitude}`)
+        io.emit('locationMessage', generateLocationMessage(`https://google.com/maps?q=${coords.latitude},${coords.longitude}`))
         callback()
     })
 
diff --git a/chat-app/src/utils/messages.js b/chat-app/src/utils/messages.js
@@ -5,6 +5,14 @@ const generateMessage = (text) => {
     }
 }
 
+const generateLocationMessage = (url) => {
+    return {
+        url,
+        createdAt: new Date().getTime()
+    }
+}
+
 module.exports = {
-    generateMessage
+    generateMessage,
+    generateLocationMessage
 }

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,14 @@ const generateMessage = (text) => {`
`5`	`5`	`}`
`6`	`6`	`}`
`7`	`7`
	`8`	`+const generateLocationMessage = (url) => {`
	`9`	`+ return {`
	`10`	`+ url,`
	`11`	`+ createdAt: new Date().getTime()`
	`12`	`+ }`
	`13`	`+}`
	`14`	`+`
`8`	`15`	`module.exports = {`
`9`		`- generateMessage`
	`16`	`+ generateMessage,`
	`17`	`+ generateLocationMessage`
`10`	`18`	`}`