109 lines
3.4 KiB
JavaScript
109 lines
3.4 KiB
JavaScript
var accountInfo = {};
|
|
|
|
var showLoggedIn = function(data) {
|
|
accountInfo = data;
|
|
getCurrentRoomList();
|
|
$(".loggedin").css({visibility: "visible"});
|
|
};
|
|
|
|
$('.login').live('click', function() {
|
|
var user = $("#userLogin").val();
|
|
var password = $("#passwordLogin").val();
|
|
$.ajax({
|
|
url: "http://localhost:8080/_matrix/client/api/v1/login",
|
|
type: "POST",
|
|
contentType: "application/json; charset=utf-8",
|
|
data: JSON.stringify({ user: user, password: password, type: "m.login.password" }),
|
|
dataType: "json",
|
|
success: function(data) {
|
|
showLoggedIn(data);
|
|
},
|
|
error: function(err) {
|
|
alert(JSON.stringify($.parseJSON(err.responseText)));
|
|
}
|
|
});
|
|
});
|
|
|
|
var getCurrentRoomList = function() {
|
|
var url = "http://localhost:8080/_matrix/client/api/v1/initialSync?access_token=" + accountInfo.access_token + "&limit=1";
|
|
$.getJSON(url, function(data) {
|
|
var rooms = data.rooms;
|
|
for (var i=0; i<rooms.length; ++i) {
|
|
rooms[i].latest_message = rooms[i].messages.chunk[0].content.body;
|
|
addRoom(rooms[i]);
|
|
}
|
|
}).fail(function(err) {
|
|
alert(JSON.stringify($.parseJSON(err.responseText)));
|
|
});
|
|
};
|
|
|
|
$('.createRoom').live('click', function() {
|
|
var roomAlias = $("#roomAlias").val();
|
|
var data = {};
|
|
if (roomAlias.length > 0) {
|
|
data.room_alias_name = roomAlias;
|
|
}
|
|
$.ajax({
|
|
url: "http://localhost:8080/_matrix/client/api/v1/createRoom?access_token="+accountInfo.access_token,
|
|
type: "POST",
|
|
contentType: "application/json; charset=utf-8",
|
|
data: JSON.stringify(data),
|
|
dataType: "json",
|
|
success: function(data) {
|
|
data.membership = "join"; // you are automatically joined into every room you make.
|
|
data.latest_message = "";
|
|
addRoom(data);
|
|
},
|
|
error: function(err) {
|
|
alert(JSON.stringify($.parseJSON(err.responseText)));
|
|
}
|
|
});
|
|
});
|
|
|
|
var addRoom = function(data) {
|
|
row = "<tr>" +
|
|
"<td>"+data.room_id+"</td>" +
|
|
"<td>"+data.membership+"</td>" +
|
|
"<td>"+data.room_alias+"</td>" +
|
|
"<td>"+data.latest_message+"</td>" +
|
|
"</tr>";
|
|
$("#rooms").append(row);
|
|
};
|
|
|
|
$('.sendMessage').live('click', function() {
|
|
var roomId = $("#roomId").val();
|
|
var body = $("#messageBody").val();
|
|
var msgId = $.now();
|
|
|
|
if (roomId.length === 0 || body.length === 0) {
|
|
return;
|
|
}
|
|
|
|
var url = "http://localhost:8080/_matrix/client/api/v1/rooms/$roomid/send/m.room.message?access_token=$token";
|
|
url = url.replace("$token", accountInfo.access_token);
|
|
url = url.replace("$roomid", encodeURIComponent(roomId));
|
|
|
|
var data = {
|
|
msgtype: "m.text",
|
|
body: body
|
|
};
|
|
|
|
$.ajax({
|
|
url: url,
|
|
type: "POST",
|
|
contentType: "application/json; charset=utf-8",
|
|
data: JSON.stringify(data),
|
|
dataType: "json",
|
|
success: function(data) {
|
|
$("#messageBody").val("");
|
|
// wipe the table and reload it. Using the event stream would be the best
|
|
// solution but that is out of scope of this fiddle.
|
|
$("#rooms").find("tr:gt(0)").remove();
|
|
getCurrentRoomList();
|
|
},
|
|
error: function(err) {
|
|
alert(JSON.stringify($.parseJSON(err.responseText)));
|
|
}
|
|
});
|
|
});
|