diff --git a/content/assets/scripts/message.js b/content/assets/scripts/message.js
index 8fc2d506..c69b2d6e 100644
--- a/content/assets/scripts/message.js
+++ b/content/assets/scripts/message.js
@@ -8,36 +8,34 @@ const modal = $("#cammieFormModal");
const modalName = $("#cammieModalName");
const modalCancel = $("#cammieModalCancel");
+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");
-
+
if (!formName.val() || formName.val() === "") {
modal.addClass("is-active");
return
}
-
- 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(3000).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");
- },
- });
+ }
+ formButton.removeClass("is-loading");
+ })
});
$("#cammieModalSend").on("click", e => {
diff --git a/content/cammie.erb b/content/cammie.erb
index 359367d0..581ea885 100644
--- a/content/cammie.erb
+++ b/content/cammie.erb
@@ -6,10 +6,6 @@ title: Cammie
<%= asset :js, :cammie %>
<%= asset :js, :message %>