diff --git a/content/assets/scripts/message.js b/content/assets/scripts/message.js index 280bc25d..007bc133 100644 --- a/content/assets/scripts/message.js +++ b/content/assets/scripts/message.js @@ -5,28 +5,25 @@ const formButton = form.find('button[type="submit"]'); const responseError = $("#cammieFormResponseError"); const responseSuccess = $("#cammieFormResponseSuccess"); +const socket = io("https://kelder.zeus.ugent.be"); + +socket.on('replymessage', function(obj) { + alert("Kelder says: " + obj['message']); +}) + $("#cammieForm").submit((e) => { e.preventDefault(); formButton.addClass("is-loading"); - return $.ajax({ - url: "https://kelder.zeus.ugent.be/messages/", - contentType: "text/plain", - type: "POST", - headers: formName.val() ? { "X-Username": formName.val()} : {}, - data: formMessage.val(), - success() { + socket.timeout(4000).emit("message",{username: formName.val(), message: formMessage.val()},(err,_) => { + if (err) { + responseSuccess.addClass("is-hidden"); + responseError.removeClass("is-hidden"); + responseError.text("Something went wrong, please try again later."); + } else { responseError.addClass("is-hidden"); responseSuccess.removeClass("is-hidden"); responseSuccess.text("Message has been successfully sent."); formMessage.val(""); - }, - error() { - responseSuccess.addClass("is-hidden"); - responseError.removeClass("is-hidden"); - responseError.text("Something went wrong, please try again later."); - }, - complete() { - formButton.removeClass("is-loading"); - }, - }); + } + }) }); diff --git a/content/cammie.erb b/content/cammie.erb index 20ce22f1..417b6544 100644 --- a/content/cammie.erb +++ b/content/cammie.erb @@ -6,10 +6,6 @@ title: Cammie <%= asset :js, :cammie %> <%= asset :js, :message %>