|
| 1 | +/** |
| 2 | + * Set cookie |
| 3 | + * |
| 4 | + * @param name |
| 5 | + * @param value |
| 6 | + * @param expiresDay |
| 7 | + */ |
| 8 | +function setCookie(name, value, expiresDay) { |
| 9 | + const d = new Date(); |
| 10 | + d.setTime(d.getTime() + (expiresDay * 24 * 60 * 60 * 1000)); |
| 11 | + let expires = "expires=" + d.toUTCString(); |
| 12 | + |
| 13 | + document.cookie = name + "=" + value + ";" + expires + ";path=/"; |
| 14 | +} |
| 15 | + |
| 16 | +/** |
| 17 | + * Get cookie |
| 18 | + * |
| 19 | + * @param name |
| 20 | + * @returns {string} |
| 21 | + */ |
| 22 | +function getCookie(name) { |
| 23 | + let cookieName = name + "="; |
| 24 | + let ca = document.cookie.split(";"); |
| 25 | + for (let i = 0; i < ca.length; i++) { |
| 26 | + let c = ca[i]; |
| 27 | + while (c.charAt(0) === " ") { |
| 28 | + c = c.substring(1); |
| 29 | + } |
| 30 | + if (c.indexOf(cookieName) === 0) { |
| 31 | + return c.substring(cookieName.length, c.length); |
| 32 | + } |
| 33 | + } |
| 34 | + |
| 35 | + return ""; |
| 36 | +} |
| 37 | + |
| 38 | +/** |
| 39 | + * Add message to existing ones on chat |
| 40 | + * |
| 41 | + * @param messageHTML |
| 42 | + */ |
| 43 | +function showMessage(messageHTML) { |
| 44 | + $("#output").append(messageHTML); |
| 45 | +} |
| 46 | + |
| 47 | +function handleChat() { |
| 48 | + let webSocket = new WebSocket("ws://localhost:9090"); |
| 49 | + |
| 50 | + webSocket.onopen = function (event) { |
| 51 | + showMessage("<small class='text-success'>Successfully entered the room...</small>"); |
| 52 | + }; |
| 53 | + |
| 54 | + webSocket.onmessage = function (event) { |
| 55 | + let data = JSON.parse(event.data); |
| 56 | + showMessage("<p>" + data.message + "</p>"); |
| 57 | + $("#message").val(""); |
| 58 | + }; |
| 59 | + |
| 60 | + webSocket.onerror = function (event) { |
| 61 | + showMessage("<small class='text-danger'>Problem due to some Error!</p>"); |
| 62 | + }; |
| 63 | + |
| 64 | + webSocket.onclose = function (event) { |
| 65 | + showMessage("<small class='text-success'>Connection Closed</small>"); |
| 66 | + }; |
| 67 | + |
| 68 | + $("#chat-submit").on("click", function (event) { |
| 69 | + event.preventDefault(); |
| 70 | + let messageJSON = { |
| 71 | + name: $("#client-name").val(), |
| 72 | + message: $("#message").val() |
| 73 | + }; |
| 74 | + webSocket.send(JSON.stringify(messageJSON)); |
| 75 | + }); |
| 76 | +} |
| 77 | + |
1 | 78 | $(document).ready(function () { |
2 | 79 | /** |
3 | 80 | * Start summernote if needed |
@@ -144,80 +221,3 @@ $(document).ready(function () { |
144 | 221 | handleChat(); |
145 | 222 | } |
146 | 223 | }); |
147 | | - |
148 | | -/** |
149 | | - * Set cookie |
150 | | - * |
151 | | - * @param name |
152 | | - * @param value |
153 | | - * @param expiresDay |
154 | | - */ |
155 | | -function setCookie(name, value, expiresDay) { |
156 | | - const d = new Date(); |
157 | | - d.setTime(d.getTime() + (expiresDay * 24 * 60 * 60 * 1000)); |
158 | | - let expires = "expires=" + d.toUTCString(); |
159 | | - |
160 | | - document.cookie = name + "=" + value + ";" + expires + ";path=/"; |
161 | | -} |
162 | | - |
163 | | -/** |
164 | | - * Get cookie |
165 | | - * |
166 | | - * @param name |
167 | | - * @returns {string} |
168 | | - */ |
169 | | -function getCookie(name) { |
170 | | - let cookieName = name + "="; |
171 | | - let ca = document.cookie.split(";"); |
172 | | - for (let i = 0; i < ca.length; i++) { |
173 | | - let c = ca[i]; |
174 | | - while (c.charAt(0) === " ") { |
175 | | - c = c.substring(1); |
176 | | - } |
177 | | - if (c.indexOf(cookieName) === 0) { |
178 | | - return c.substring(cookieName.length, c.length); |
179 | | - } |
180 | | - } |
181 | | - |
182 | | - return ""; |
183 | | -} |
184 | | - |
185 | | -/** |
186 | | - * Add message to existing ones on chat |
187 | | - * |
188 | | - * @param messageHTML |
189 | | - */ |
190 | | -function showMessage(messageHTML) { |
191 | | - $("#output").append(messageHTML); |
192 | | -} |
193 | | - |
194 | | -function handleChat() { |
195 | | - let webSocket = new WebSocket("ws://localhost:9090"); |
196 | | - |
197 | | - webSocket.onopen = function (event) { |
198 | | - showMessage("<small class='text-success'>Successfully entered the room...</small>"); |
199 | | - }; |
200 | | - |
201 | | - webSocket.onmessage = function (event) { |
202 | | - let data = JSON.parse(event.data); |
203 | | - showMessage("<p>" + data.message + "</p>"); |
204 | | - $("#message").val(""); |
205 | | - }; |
206 | | - |
207 | | - webSocket.onerror = function (event) { |
208 | | - showMessage("<small class='text-danger'>Problem due to some Error!</p>"); |
209 | | - }; |
210 | | - |
211 | | - webSocket.onclose = function (event) { |
212 | | - showMessage("<small class='text-success'>Connection Closed</small>"); |
213 | | - }; |
214 | | - |
215 | | - $("#chat-submit").on("click", function (event) { |
216 | | - event.preventDefault(); |
217 | | - let messageJSON = { |
218 | | - name: $("#client-name").val(), |
219 | | - message: $("#message").val() |
220 | | - }; |
221 | | - webSocket.send(JSON.stringify(messageJSON)); |
222 | | - }); |
223 | | -} |
0 commit comments