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="Your Name" type="text" class="form-control" />
-                                <input value='' name="nick" id="nick" placeholder="John" 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,7 +47,6 @@ function StartEpoch(timestamp) {
         ]
     });
 
-    if($('#messagesChart').length ) {
     window.messagesChart = $('#messagesChart').epoch({
         type: 'time.area',
         axes: ['bottom', 'left'],
@@ -58,7 +57,6 @@ function StartEpoch(timestamp) {
         ]
     });
 }
-}
 
 function StartSSE(roomid) {
     if (!window.EventSource) {
@@ -75,10 +73,8 @@ function stats(e) {
     heapChart.push(data.heap)
     mallocsChart.push(data.mallocs)
     goroutinesChart.push(data.goroutines)
-    if (typeof messagesChart !== 'undefined') {
     messagesChart.push(data.messages)
 }
-}
 
 function parseJSONStats(e) {
     var data = jQuery.parseJSON(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()
 	}
 }