diff --git a/content/assets/scripts/message.js b/content/assets/scripts/message.js index 280bc25d..15a9096c 100644 --- a/content/assets/scripts/message.js +++ b/content/assets/scripts/message.js @@ -5,28 +5,37 @@ const formButton = form.find('button[type="submit"]'); const responseError = $("#cammieFormResponseError"); const responseSuccess = $("#cammieFormResponseSuccess"); -$("#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() { +const socket = io("https://kelder.zeus.ugent.be"); + +socket.on('replymessage', function(obj) { + alert("Kelder says: " + obj['message']); +}) + +socket.on('status',function(data){ + console.log("reply") + if (data.ok){ responseError.addClass("is-hidden"); responseSuccess.removeClass("is-hidden"); responseSuccess.text("Message has been successfully sent."); formMessage.val(""); - }, - error() { + } else { responseSuccess.addClass("is-hidden"); responseError.removeClass("is-hidden"); responseError.text("Something went wrong, please try again later."); - }, - complete() { - formButton.removeClass("is-loading"); - }, - }); + } + formButton.removeClass("is-loading"); + /* return data.message; */ +}) + +$("#cammieForm").submit((e) => { + e.preventDefault(); + formButton.addClass("is-loading"); + socket.timeout(4000).emit("message",{username: formName.val(), message: formMessage.val()},(err,response) => { + if (err) { + // the other side did not acknowledge the event in the given delay + console.log(err); // "got it" + } else { + console.log(response); // "got it" + } + }) }); diff --git a/content/cammie.erb b/content/cammie.erb index b75898a5..4610ab99 100644 --- a/content/cammie.erb +++ b/content/cammie.erb @@ -6,10 +6,6 @@ title: Cammie <%= asset :js, :cammie %> <%= asset :js, :message %>