Events Showing up in Timeline

Desktop/UI/WebApp.js

@@ -121,17 +121,47 @@ function newWebApp() {
         }
 
         function addToContentDiv(events) {
+            try {
+                let contentDiv = document.getElementById('content-div')
 
-            let contentDiv = document.getElementById('content-div')
+                /*
+                Delete al current content.
+                */
+                while (contentDiv.childNodes.length > 4) {
+                    let childToRemove = contentDiv.childNodes[contentDiv.childNodes.length - 1]
+                    contentDiv.removeChild(childToRemove)
+                }
+                /*
+                Render the timeline.
+                */
+                for (let i = 0; i < events.length; i++) {
+                    let event = events[i]
 
-            for (let i = 0; i < events.length; i++) {
-                let event = events[i]
+                    let postDiv = document.createElement("div")
+                    postDiv.setAttribute("class", "post-div")
+                    let textNode 
 
-                let postDiv = document.createElement("div")
-                postDiv.setAttribute("class", "post-div")
-                let textNode = document.createTextNode('POST #' + i)
-                postDiv.appendChild(textNode)
-                contentDiv.appendChild(postDiv)
+                    switch (event.eventType) {
+                        case SA.projects.socialTrading.globals.eventTypes.NEW_USER_POST: {
+                            textNode = document.createTextNode( event.emitterUserProfile.userProfileHandle + " Posted ")
+                            break
+                        }
+                        case SA.projects.socialTrading.globals.eventTypes.FOLLOW_USER_PROFILE: {
+                            textNode = document.createTextNode(event.emitterUserProfile.userProfileHandle + " Followed " + event.targetUserProfile.userProfileHandle)
+                            break
+                        }
+                        case SA.projects.socialTrading.globals.eventTypes.UNFOLLOW_USER_PROFILE: {
+                            textNode = document.createTextNode(event.emitterUserProfile.userProfileHandle + " Unfollowed " + event.targetUserProfile.userProfileHandle)
+                            break
+                        }
+                    }                    
+                    
+                    postDiv.appendChild(textNode)
+                    contentDiv.appendChild(postDiv)
+                }
+            }
+            catch (err) {
+                console.log('[ERROR] err.stack = ' + err.stack)
             }
         }
     }

Desktop/WebServer/index.html

@@ -119,11 +119,11 @@
             </tr>
         </table>
         </div>>
-        <div class="content-div">
-            <div class="post-placeholder">
+        <div id="content-div" class="content-div">
+            <div id="post-placeholder" class="post-placeholder">
                 Placeholder
             </div>
-            <div class="new-post-div">
+            <div id="new-post-div" class="new-post-div">
                 <table>
                     <tr>
                         <td>Profile Pic</td>

Projects/Social-Trading/DK/modules/WebAppInterface.js

@@ -47,7 +47,7 @@ exports.newSocialTradingModulesWebAppInterface = function newSocialTradingModule
                 queryMessage.emitterUserProfileId = DK.TEST_NETWORK_CLIENT_USER_PROFILE_ID
                 messageHeader.queryMessage = JSON.stringify(queryMessage)
 
-                // console.log((new Date()).toISOString(), '- Web App Interface', '- Query Message Received', JSON.stringify(queryMessage))
+               // console.log((new Date()).toISOString(), '- Web App Interface', '- Query Message Received', JSON.stringify(queryMessage))
 
                 let response = {
                     result: 'Ok',
@@ -55,7 +55,7 @@ exports.newSocialTradingModulesWebAppInterface = function newSocialTradingModule
                     data: await DK.running.webSocketsClient.sendMessage(JSON.stringify(messageHeader))
                 }
 
-                // console.log((new Date()).toISOString(), '- Web App Interface', '- Query Respose Sent', JSON.stringify(response))
+               // console.log((new Date()).toISOString(), '- Web App Interface', '- Query Respose Sent', JSON.stringify(response))
 
                 return response
             }