Updates realtime-advanced

examples/realtime-advanced/resources/room_login.templ.html

@@ -84,18 +84,11 @@
                             </div>
                             <input type="submit" class="btn btn-primary" value="Send" />
                         </form>
-                        {{end}}
-                    </div>
-                    <div class="col-md-4">
-                        {{if .nick}}
-                        <h3>Inbound/Outbound</h3>
-                        <div id="messagesChart" class="epoch category20c"></div>
                         {{else}}
-                        <form action="" method="get">
+                        <form action="" method="get" class="form-inline">
                             <legend>Join the SSE real-time chat</legend>
                             <div class="form-group">
-                                <label for="nick">Your Name</label>
-                                <input value='' name="nick" id="nick" placeholder="John" type="text" class="form-control" />
+                                <input value='' name="nick" id="nick" placeholder="Your Name" type="text" class="form-control" />
                             </div>
                             <div class="form-group text-center">
                                 <input type="submit" class="btn btn-success btn-login-submit" value="Join" />
@@ -103,6 +96,10 @@
                         </form>
                         {{end}}
                     </div>
+                    <div class="col-md-4">
+                        <h3>Inbound/Outbound</h3>
+                        <div id="messagesChart" class="epoch category20c"></div>
+                    </div>
                 </div>
             </div>
         </div>

examples/realtime-advanced/resources/static/realtime.js

@@ -47,17 +47,15 @@ function StartEpoch(timestamp) {
         ]
     });
 
-    if($('#messagesChart').length ) {
-        window.messagesChart = $('#messagesChart').epoch({
-            type: 'time.area',
-            axes: ['bottom', 'left'],
-            height: 250,
-            data: [
-                {values: defaultData},
-                {values: defaultData}
-            ]
-        });
-    }
+    window.messagesChart = $('#messagesChart').epoch({
+        type: 'time.area',
+        axes: ['bottom', 'left'],
+        height: 250,
+        data: [
+            {values: defaultData},
+            {values: defaultData}
+        ]
+    });
 }
 
 function StartSSE(roomid) {
@@ -75,9 +73,7 @@ function stats(e) {
     heapChart.push(data.heap)
     mallocsChart.push(data.mallocs)
     goroutinesChart.push(data.goroutines)
-    if (typeof messagesChart !== 'undefined') {
-        messagesChart.push(data.messages)
-    }
+    messagesChart.push(data.messages)
 }
 
 function parseJSONStats(e) {

examples/realtime-advanced/routes.go

@@ -3,6 +3,7 @@ package main
 import (
 	"html"
 	"io"
+	"strings"
 	"time"
 
 	"github.com/gin-gonic/gin"
@@ -33,6 +34,7 @@ func roomPOST(c *gin.Context) {
 	roomid := c.ParamValue("roomid")
 	nick := c.FormValue("nick")
 	message := c.PostFormValue("message")
+	message = strings.TrimSpace(message)
 
 	validMessage := len(message) > 1 && len(message) < 200
 	validNick := len(nick) > 1 && len(nick) < 14

examples/realtime-advanced/stats.go

@@ -26,6 +26,7 @@ func statsWorker() {
 			"Inbound":      uint64(messages.Get("inbound")),
 			"Outbound":     uint64(messages.Get("outbound")),
 		}
+		messages.Reset()
 		mutexStats.Unlock()
 	}
 }