286 lines
9.3 KiB
JavaScript
286 lines
9.3 KiB
JavaScript
/*
|
|
Copyright 2015 OpenMarket Ltd
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
/*
|
|
* State vars:
|
|
* 'presence' : string (online|offline|unavailable etc)
|
|
* 'active' : number (ms ago; can be -1)
|
|
* 'can': {
|
|
* kick: boolean,
|
|
* ban: boolean,
|
|
* mute: boolean
|
|
* },
|
|
* 'muted': boolean
|
|
*/
|
|
|
|
'use strict';
|
|
var MatrixClientPeg = require("../../MatrixClientPeg");
|
|
var dis = require("../../dispatcher");
|
|
var Modal = require("../../Modal");
|
|
var ComponentBroker = require('../../ComponentBroker');
|
|
var ErrorDialog = ComponentBroker.get("organisms/ErrorDialog");
|
|
|
|
module.exports = {
|
|
componentDidMount: function() {
|
|
var self = this;
|
|
// listen for presence changes
|
|
function updateUserState(event, user) {
|
|
if (!self.props.member) { return; }
|
|
|
|
if (user.userId === self.props.member.userId) {
|
|
self.setState({
|
|
presence: user.presence,
|
|
active: user.lastActiveAgo
|
|
});
|
|
}
|
|
}
|
|
MatrixClientPeg.get().on("User.presence", updateUserState);
|
|
this.userPresenceFn = updateUserState;
|
|
|
|
// listen for power level changes
|
|
function updatePowerLevel(event, member) {
|
|
if (!self.props.member) { return; }
|
|
|
|
if (member.roomId !== self.props.member.roomId) {
|
|
return;
|
|
}
|
|
// only interested in changes to us or them
|
|
var myUserId = MatrixClientPeg.get().credentials.userId;
|
|
if ([myUserId, self.props.member.userId].indexOf(member.userId) === -1) {
|
|
return;
|
|
}
|
|
self.setState({
|
|
can: self._calculateOpsPermissions(),
|
|
muted: self._isMuted(self.props.member)
|
|
});
|
|
}
|
|
MatrixClientPeg.get().on("RoomMember.powerLevel", updatePowerLevel);
|
|
this.updatePowerLevelFn = updatePowerLevel;
|
|
|
|
// work out the current state
|
|
if (this.props.member) {
|
|
var usr = MatrixClientPeg.get().getUser(this.props.member.userId) || {};
|
|
this.setState({
|
|
presence: usr.presence || "offline",
|
|
active: usr.lastActiveAgo || -1,
|
|
can: this._calculateOpsPermissions(),
|
|
muted: this._isMuted(this.props.member)
|
|
});
|
|
}
|
|
},
|
|
|
|
componentWillUnmount: function() {
|
|
MatrixClientPeg.get().removeListener("User.presence", this.userPresenceFn);
|
|
MatrixClientPeg.get().removeListener(
|
|
"RoomMember.powerLevel", this.updatePowerLevelFn
|
|
);
|
|
},
|
|
|
|
onKick: function() {
|
|
var roomId = this.props.member.roomId;
|
|
var target = this.props.member.userId;
|
|
var self = this;
|
|
MatrixClientPeg.get().kick(roomId, target).done(function() {
|
|
// NO-OP; rely on the m.room.member event coming down else we could
|
|
// get out of sync if we force setState here!
|
|
console.log("Kick success");
|
|
}, function(err) {
|
|
Modal.createDialog(ErrorDialog, {
|
|
title: "Kick error",
|
|
description: err.message
|
|
});
|
|
});
|
|
},
|
|
|
|
onBan: function() {
|
|
var roomId = this.props.member.roomId;
|
|
var target = this.props.member.userId;
|
|
var self = this;
|
|
MatrixClientPeg.get().ban(roomId, target).done(function() {
|
|
// NO-OP; rely on the m.room.member event coming down else we could
|
|
// get out of sync if we force setState here!
|
|
console.log("Ban success");
|
|
}, function(err) {
|
|
Modal.createDialog(ErrorDialog, {
|
|
title: "Ban error",
|
|
description: err.message
|
|
});
|
|
});
|
|
},
|
|
|
|
onMuteToggle: function() {
|
|
var roomId = this.props.member.roomId;
|
|
var target = this.props.member.userId;
|
|
var self = this;
|
|
var room = MatrixClientPeg.get().getRoom(roomId);
|
|
if (!room) {
|
|
return;
|
|
}
|
|
var powerLevelEvent = room.currentState.getStateEvents(
|
|
"m.room.power_levels", ""
|
|
);
|
|
if (!powerLevelEvent) {
|
|
return;
|
|
}
|
|
var isMuted = this.state.muted;
|
|
var powerLevels = powerLevelEvent.getContent();
|
|
var levelToSend = (
|
|
(powerLevels.events ? powerLevels.events["m.room.message"] : null) ||
|
|
powerLevels.events_default
|
|
);
|
|
var level;
|
|
if (isMuted) { // unmute
|
|
level = levelToSend;
|
|
}
|
|
else { // mute
|
|
level = levelToSend - 1;
|
|
}
|
|
|
|
MatrixClientPeg.get().setPowerLevel(roomId, target, level, powerLevelEvent).done(
|
|
function() {
|
|
// NO-OP; rely on the m.room.member event coming down else we could
|
|
// get out of sync if we force setState here!
|
|
console.log("Mute toggle success");
|
|
}, function(err) {
|
|
Modal.createDialog(ErrorDialog, {
|
|
title: "Mute error",
|
|
description: err.message
|
|
});
|
|
});
|
|
},
|
|
|
|
onChatClick: function() {
|
|
// check if there are any existing rooms with just us and them (1:1)
|
|
// If so, just view that room. If not, create a private room with them.
|
|
var rooms = MatrixClientPeg.get().getRooms();
|
|
var userIds = [
|
|
this.props.member.userId,
|
|
MatrixClientPeg.get().credentials.userId
|
|
];
|
|
var existingRoomId = null;
|
|
for (var i = 0; i < rooms.length; i++) {
|
|
var members = rooms[i].getJoinedMembers();
|
|
if (members.length === 2) {
|
|
var hasTargetUsers = true;
|
|
for (var j = 0; j < members.length; j++) {
|
|
if (userIds.indexOf(members[j].userId) === -1) {
|
|
hasTargetUsers = false;
|
|
break;
|
|
}
|
|
}
|
|
if (hasTargetUsers) {
|
|
existingRoomId = rooms[i].roomId;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (existingRoomId) {
|
|
dis.dispatch({
|
|
action: 'view_room',
|
|
room_id: existingRoomId
|
|
});
|
|
}
|
|
else {
|
|
MatrixClientPeg.get().createRoom({
|
|
invite: [this.props.member.userId],
|
|
preset: "private_chat"
|
|
}).done(function(res) {
|
|
dis.dispatch({
|
|
action: 'view_room',
|
|
room_id: res.room_id
|
|
});
|
|
}, function(err) {
|
|
console.error(
|
|
"Failed to create room: %s", JSON.stringify(err)
|
|
);
|
|
});
|
|
}
|
|
},
|
|
|
|
getInitialState: function() {
|
|
return {
|
|
presence: "offline",
|
|
active: -1,
|
|
can: {
|
|
kick: false,
|
|
ban: false,
|
|
mute: false
|
|
},
|
|
muted: false
|
|
}
|
|
},
|
|
|
|
_isMuted: function(member) {
|
|
var room = MatrixClientPeg.get().getRoom(member.roomId);
|
|
if (!room) {
|
|
return false;
|
|
}
|
|
var powerLevels = room.currentState.getStateEvents(
|
|
"m.room.power_levels", ""
|
|
);
|
|
if (!powerLevels) {
|
|
return false;
|
|
}
|
|
powerLevels = powerLevels.getContent();
|
|
var levelToSend = (
|
|
(powerLevels.events ? powerLevels.events["m.room.message"] : null) ||
|
|
powerLevels.events_default
|
|
);
|
|
return member.powerLevel < levelToSend;
|
|
},
|
|
|
|
_calculateOpsPermissions: function() {
|
|
var can = {
|
|
kick: false,
|
|
ban: false,
|
|
mute: false
|
|
};
|
|
var them = this.props.member;
|
|
var room = MatrixClientPeg.get().getRoom(this.props.member.roomId);
|
|
if (!room) {
|
|
console.error("No room found");
|
|
return can;
|
|
}
|
|
var myUserId = MatrixClientPeg.get().credentials.userId;
|
|
var me = room.getMember(myUserId);
|
|
var powerLevels = room.currentState.getStateEvents(
|
|
"m.room.power_levels", ""
|
|
);
|
|
if (powerLevels) {
|
|
powerLevels = powerLevels.getContent();
|
|
}
|
|
else {
|
|
console.log("No power level event found in %s", room.roomId);
|
|
return can; // no power level event, don't allow anything.
|
|
}
|
|
var canAffectUser = them.powerLevel < me.powerLevel;
|
|
if (!canAffectUser) {
|
|
console.log("Cannot affect user: %s >= %s", them.powerLevel, me.powerLevel);
|
|
return can;
|
|
}
|
|
var editPowerLevel = (
|
|
(powerLevels.events ? powerLevels.events["m.room.power_levels"] : null) ||
|
|
powerLevels.state_default
|
|
);
|
|
can.kick = me.powerLevel >= powerLevels.kick;
|
|
can.ban = me.powerLevel >= powerLevels.ban;
|
|
can.mute = me.powerLevel >= editPowerLevel;
|
|
return can;
|
|
}
|
|
};
|
|
|