blob: bcb910b910c2dc4a5b0c7e3aa8488250160275ce (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
/************
GENERATE KEYS
************/
if (localStorage.getItem('KeysGenerated') === null || localStorage.getItem('KeysGenerated') !== "true") {
// GENERATE -- LATER ON LOGIN!
var EncryptionPhrase = "PASSWORD 123"; // THE USERS PASSWORD
var RSABitLength = 1024;
var PrivateKeyString = cryptico.generateRSAKey(EncryptionPhrase, RSABitLength);
var PublicKeyString = cryptico.publicKeyString(PrivateKeyString);
// SAVE TO DATABASE
$.ajax({
type: "POST",
url: "assets/php/SavePublicKey.php",
data: {
UserID: "1", // TEMPORARY
PublicKeyString: PublicKeyString
},
async: true,
error: function () {
console.error("Error while saving public key to database!");
},
success: function () {
localStorage.setItem('KeysGenerated', "true");
}
});
}
/******
GENERAL
******/
var ChatTextInput = $("#ChatTextInput");
var SubscribeTextInput = $("#SubscribeTextInput");
var ChatMessages = $("#ChatMessages");
var WebSocket = new WebSocket('wss://marvinborner.ddnss.de:1337');
WebSocket.onopen = function () {
console.log("Chat connection established!");
};
WebSocket.onmessage = function (e) {
var LastMessage = $(".ChatMessage:last");
var MessageObject = JSON.parse(e.data);
if (MessageObject.ServerMessage === false) {
if (MessageObject.WasHimself === true) { //MessageObject.Username
if (!LastMessage.hasClass("MessageSent")) {
ChatMessages.append("<div class='ChatMessage MessageSent AloneMessage'>" + MessageObject.Message + "</div><br><br>");
} else if (LastMessage.hasClass("MessageSent")) {
if (LastMessage.hasClass("AloneMessage")) {
LastMessage.removeClass("AloneMessage");
LastMessage.addClass("TopMessage");
} else if (LastMessage.hasClass("BottomMessage")) {
LastMessage.removeClass("BottomMessage");
LastMessage.addClass("MiddleMessage");
}
ChatMessages.append("<div class='ChatMessage MessageSent BottomMessage'>" + MessageObject.Message + "</div><br><br>");
}
$('.MessageSent').linkify({
target: "_blank"
});
} else if (MessageObject.WasHimself === false) {
if (!LastMessage.hasClass("MessageReceived")) {
ChatMessages.append("<div class='ChatMessage MessageReceived AloneMessage'>" + MessageObject.Message + "</div><br><br>");
} else if (LastMessage.hasClass("MessageReceived")) {
if (LastMessage.hasClass("AloneMessage")) {
LastMessage.removeClass("AloneMessage");
LastMessage.addClass("TopMessage");
} else if (LastMessage.hasClass("BottomMessage")) {
LastMessage.removeClass("BottomMessage");
LastMessage.addClass("MiddleMessage");
}
ChatMessages.append("<div class='ChatMessage MessageReceived BottomMessage'>" + MessageObject.Message + "</div><br><br>");
}
$('.MessageReceived').linkify({
target: "_blank"
});
}
} else if (MessageObject.ServerMessage === true) {
if (MessageObject.ServerMessageType === "GroupJoin") {
if (MessageObject.WasHimself === false) {
ChatMessages.append("<div class='ServerChatMessage'>" + MessageObject.Username + " <span data-lang='joined the group'></span>.</div><br><br>");
} else if (MessageObject.WasHimself === true) {
ChatMessages.empty();
ChatMessages.append("<div class='ServerChatMessage'><span data-lang='You joined the group'> " + MessageObject.GroupName + "</span>.</div><br><br>");
}
} else if (MessageObject.ServerMessageType === "UserDisconnect") {
ChatMessages.append("<div class='ServerChatMessage'>" + MessageObject.Username + " <span data-lang='has disconnected from the server'></span>.</div><br><br>");
}
}
initiateLanguage(); // need further work (performance)
};
ChatTextInput.keyup(function (e) {
if (e.keyCode === 13) {
sendMessage(ChatTextInput.val());
ChatTextInput.val("");
}
});
SubscribeTextInput.keyup(function (e) {
if (e.keyCode === 13) {
subscribe(SubscribeTextInput.val());
}
});
function subscribe(channel) {
WebSocket.send(JSON.stringify({ClientMessageType: "Subscribe", Channel: channel}));
SubscribeTextInput.hide();
ChatTextInput.show();
}
function sendMessage(msg) {
WebSocket.send(JSON.stringify({ClientMessageType: "Message", Message: msg}));
ChatTextInput.val("");
}
|
