From 5c9729fe4f4038cd4f3e9cf5c89c6abc2cfcc062 Mon Sep 17 00:00:00 2001
From: David Fowler <davidfowl@gmail.com>
Date: Sat, 1 Oct 2016 12:47:35 -0700
Subject: [PATCH] Move sse to sse specific page

---
 samples/SocketsSample/wwwroot/index.html | 74 ++--------------------
 samples/SocketsSample/wwwroot/sse.html   | 79 ++++++++++++++++++++++++
 2 files changed, 84 insertions(+), 69 deletions(-)
 create mode 100644 samples/SocketsSample/wwwroot/sse.html
diff --git a/samples/SocketsSample/wwwroot/index.html b/samples/SocketsSample/wwwroot/index.html
index daa7847b32..1c8fa1008b 100644
--- a/samples/SocketsSample/wwwroot/index.html
+++ b/samples/SocketsSample/wwwroot/index.html
@@ -3,77 +3,13 @@
 <head>
     <meta charset="utf-8" />
     <title></title>
-    <script>
-        document.addEventListener('DOMContentLoaded', () => {
-            function send(connectionId, data) {
-                var xhr = new XMLHttpRequest();
-                var url = `/chat/send?id=${connectionId}`;
-                xhr.open("POST", url, true);
-                xhr.onreadystatechange = function () {
-                    if (xhr.readyState == 4 && xhr.status == 200) {
-                    }
-                }
-                xhr.send(data);
-            }
-
-            function xhr(method, url) {
-                return new Promise((resolve, reject) => {
-                    let xhr = new XMLHttpRequest();
-                    xhr.open(method, url, true);
-                    xhr.send();
-                    xhr.onload = () => {
-                        if (xhr.status >= 200 && xhr.status < 300) {
-                            resolve(xhr.response);
-                        } else {
-                            reject({
-                                status: xhr.status,
-                                statusText: xhr.statusText
-                            });
-                        }
-                    };
-
-                    xhr.onerror = () => {
-                        reject({
-                            status: xhr.status,
-                            statusText: xhr.statusText
-                        });
-                    };
-                });
-            }
-
-            xhr('GET', '/chat/getid').then(connectionId => {
-                let source = new EventSource(`/chat/sse?id=${connectionId}`);
-
-                source.onopen = function () {
-                    console.log('Opened!');
-                };
-
-                source.onerror = function (err) {
-                    console.log('Error: ' + err.type);
-                };
-
-                source.onmessage = function (data) {
-                    var child = document.createElement('li');
-                    child.innerText = data.data;
-                    document.getElementById('messages').appendChild(child);
-                };
-
-                document.getElementById('sendmessage').addEventListener('click', () => {
-                    let data = document.getElementById('data').value;
-                    send(connectionId, data);
-                });
-            });
-        });
-
-    </script>
 </head>
 <body>
-    <h1>Server Sent Events</h1>
-    <input type="text" id="data" />
-    <input type="button" id="sendmessage" value="Send" />
-
-    <ul id="messages">
-
+    <h1>Chat sample</h1>
+    <ul>
+        <li><a href="sse.html">Server Sent Events</a></li>
+        <li><a href="polling.html">Long polling</a></li>
+        <li><a href="ws.html">Web Sockets</a></li>
     </ul>
 </body>
 </html>
\ No newline at end of file
diff --git a/samples/SocketsSample/wwwroot/sse.html b/samples/SocketsSample/wwwroot/sse.html
new file mode 100644
index 0000000000..daa7847b32
--- /dev/null
+++ b/samples/SocketsSample/wwwroot/sse.html
@@ -0,0 +1,79 @@
+﻿<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title></title>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            function send(connectionId, data) {
+                var xhr = new XMLHttpRequest();
+                var url = `/chat/send?id=${connectionId}`;
+                xhr.open("POST", url, true);
+                xhr.onreadystatechange = function () {
+                    if (xhr.readyState == 4 && xhr.status == 200) {
+                    }
+                }
+                xhr.send(data);
+            }
+
+            function xhr(method, url) {
+                return new Promise((resolve, reject) => {
+                    let xhr = new XMLHttpRequest();
+                    xhr.open(method, url, true);
+                    xhr.send();
+                    xhr.onload = () => {
+                        if (xhr.status >= 200 && xhr.status < 300) {
+                            resolve(xhr.response);
+                        } else {
+                            reject({
+                                status: xhr.status,
+                                statusText: xhr.statusText
+                            });
+                        }
+                    };
+
+                    xhr.onerror = () => {
+                        reject({
+                            status: xhr.status,
+                            statusText: xhr.statusText
+                        });
+                    };
+                });
+            }
+
+            xhr('GET', '/chat/getid').then(connectionId => {
+                let source = new EventSource(`/chat/sse?id=${connectionId}`);
+
+                source.onopen = function () {
+                    console.log('Opened!');
+                };
+
+                source.onerror = function (err) {
+                    console.log('Error: ' + err.type);
+                };
+
+                source.onmessage = function (data) {
+                    var child = document.createElement('li');
+                    child.innerText = data.data;
+                    document.getElementById('messages').appendChild(child);
+                };
+
+                document.getElementById('sendmessage').addEventListener('click', () => {
+                    let data = document.getElementById('data').value;
+                    send(connectionId, data);
+                });
+            });
+        });
+
+    </script>
+</head>
+<body>
+    <h1>Server Sent Events</h1>
+    <input type="text" id="data" />
+    <input type="button" id="sendmessage" value="Send" />
+
+    <ul id="messages">
+
+    </ul>
+</body>
+</html>
\ No newline at end of file
