imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix docs & use WithMatrixClient

Browse source
This commit is contained in:
David Baker 2017-02-15 17:12:51 +00:00
parent 42bb26925d
commit c082827fc7
1 changed files with 31 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/components/views/rooms/RoomSettings.js
View file

@ -17,7 +17,6 @@ limitations under the License.
import q from 'q'; import q from 'q';
import React from 'react'; import React from 'react';
import MatrixClientPeg from '../../../MatrixClientPeg';
import SdkConfig from '../../../SdkConfig'; import SdkConfig from '../../../SdkConfig';
import sdk from '../../../index'; import sdk from '../../../index';
import Modal from '../../../Modal'; import Modal from '../../../Modal';
@ -27,6 +26,7 @@ import ScalarAuthClient from '../../../ScalarAuthClient';
import ScalarMessaging from '../../../ScalarMessaging'; import ScalarMessaging from '../../../ScalarMessaging';
import UserSettingsStore from '../../../UserSettingsStore'; import UserSettingsStore from '../../../UserSettingsStore';
import AccessibleButton from '../elements/AccessibleButton'; import AccessibleButton from '../elements/AccessibleButton';
import WithMatrixClient from '../../../wrappers/WithMatrixClient';
// parse a string as an integer; if the input is undefined, or cannot be parsed // parse a string as an integer; if the input is undefined, or cannot be parsed
@ -36,9 +36,12 @@ function parseIntWithDefault(val, def) {
return isNaN(res) ? def : res; return isNaN(res) ? def : res;
} }
const BannedUser = React.createClass({ const BannedUser = WithMatrixClient(React.createClass({
propTypes: { propTypes: {
member: React.PropTypes.string.isRequired, /* MatrixClient instance */
matrixClient: React.PropTypes.object.isRequired,
member: React.PropTypes.object.isRequired, // js-sdk member object
}, },
_onUnbanClick: function() { _onUnbanClick: function() {
@ -50,7 +53,7 @@ const BannedUser = React.createClass({
onFinished: (proceed) => { onFinished: (proceed) => {
if (!proceed) return; if (!proceed) return;
MatrixClientPeg.get().unban( this.props.matrixClient.unban(
this.props.member.roomId, this.props.member.userId, this.props.member.roomId, this.props.member.userId,
).catch((err) => { ).catch((err) => {
const ErrorDialog = sdk.getComponent("dialogs.ErrorDialog"); const ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
@ -75,12 +78,15 @@ const BannedUser = React.createClass({
</li> </li>
); );
} }
}); }));
module.exports = React.createClass({ module.exports = WithMatrixClient(React.createClass({
displayName: 'RoomSettings', displayName: 'RoomSettings',
propTypes: { propTypes: {
/* MatrixClient instance */
matrixClient: React.PropTypes.object.isRequired,
room: React.PropTypes.object.isRequired, room: React.PropTypes.object.isRequired,
onSaveClick: React.PropTypes.func, onSaveClick: React.PropTypes.func,
onCancelClick: React.PropTypes.func, onCancelClick: React.PropTypes.func,
@ -117,9 +123,9 @@ module.exports = React.createClass({
componentWillMount: function() { componentWillMount: function() {
ScalarMessaging.startListening(); ScalarMessaging.startListening();
MatrixClientPeg.get().on("RoomMember.membership", this._onRoomMemberMembership); this.props.matrixClient.on("RoomMember.membership", this._onRoomMemberMembership);
MatrixClientPeg.get().getRoomDirectoryVisibility( this.props.matrixClient.getRoomDirectoryVisibility(
this.props.room.roomId this.props.room.roomId
).done((result) => { ).done((result) => {
this.setState({ isRoomPublished: result.visibility === "public" }); this.setState({ isRoomPublished: result.visibility === "public" });
@ -147,7 +153,7 @@ module.exports = React.createClass({
componentWillUnmount: function() { componentWillUnmount: function() {
ScalarMessaging.stopListening(); ScalarMessaging.stopListening();
MatrixClientPeg.get().removeListener("RoomMember.membership", this._onRoomMemberMembership); this.props.matrixClient.removeListener("RoomMember.membership", this._onRoomMemberMembership);
dis.dispatch({ dis.dispatch({
action: 'ui_opacity', action: 'ui_opacity',
@ -195,14 +201,14 @@ module.exports = React.createClass({
// name and topic // name and topic
if (this._hasDiff(this.state.name, originalState.name)) { if (this._hasDiff(this.state.name, originalState.name)) {
promises.push(MatrixClientPeg.get().setRoomName(roomId, this.state.name)); promises.push(this.props.matrixClient.setRoomName(roomId, this.state.name));
} }
if (this._hasDiff(this.state.topic, originalState.topic)) { if (this._hasDiff(this.state.topic, originalState.topic)) {
promises.push(MatrixClientPeg.get().setRoomTopic(roomId, this.state.topic)); promises.push(this.props.matrixClient.setRoomTopic(roomId, this.state.topic));
} }
if (this.state.history_visibility !== originalState.history_visibility) { if (this.state.history_visibility !== originalState.history_visibility) {
promises.push(MatrixClientPeg.get().sendStateEvent( promises.push(this.props.matrixClient.sendStateEvent(
roomId, "m.room.history_visibility", roomId, "m.room.history_visibility",
{ history_visibility: this.state.history_visibility }, { history_visibility: this.state.history_visibility },
"" ""
@ -210,14 +216,14 @@ module.exports = React.createClass({
} }
if (this.state.isRoomPublished !== originalState.isRoomPublished) { if (this.state.isRoomPublished !== originalState.isRoomPublished) {
promises.push(MatrixClientPeg.get().setRoomDirectoryVisibility( promises.push(this.props.matrixClient.setRoomDirectoryVisibility(
roomId, roomId,
this.state.isRoomPublished ? "public" : "private" this.state.isRoomPublished ? "public" : "private"
)); ));
} }
if (this.state.join_rule !== originalState.join_rule) { if (this.state.join_rule !== originalState.join_rule) {
promises.push(MatrixClientPeg.get().sendStateEvent( promises.push(this.props.matrixClient.sendStateEvent(
roomId, "m.room.join_rules", roomId, "m.room.join_rules",
{ join_rule: this.state.join_rule }, { join_rule: this.state.join_rule },
"" ""
@ -225,7 +231,7 @@ module.exports = React.createClass({
} }
if (this.state.guest_access !== originalState.guest_access) { if (this.state.guest_access !== originalState.guest_access) {
promises.push(MatrixClientPeg.get().sendStateEvent( promises.push(this.props.matrixClient.sendStateEvent(
roomId, "m.room.guest_access", roomId, "m.room.guest_access",
{ guest_access: this.state.guest_access }, { guest_access: this.state.guest_access },
"" ""
@ -236,7 +242,7 @@ module.exports = React.createClass({
// power levels // power levels
var powerLevels = this._getPowerLevels(); var powerLevels = this._getPowerLevels();
if (powerLevels) { if (powerLevels) {
promises.push(MatrixClientPeg.get().sendStateEvent( promises.push(this.props.matrixClient.sendStateEvent(
roomId, "m.room.power_levels", powerLevels, "" roomId, "m.room.power_levels", powerLevels, ""
)); ));
} }
@ -249,12 +255,12 @@ module.exports = React.createClass({
switch (diff.place) { switch (diff.place) {
case "add": case "add":
promises.push( promises.push(
MatrixClientPeg.get().setRoomTag(roomId, diff.key, {}) this.props.matrixClient.setRoomTag(roomId, diff.key, {})
); );
break; break;
case "del": case "del":
promises.push( promises.push(
MatrixClientPeg.get().deleteRoomTag(roomId, diff.key) this.props.matrixClient.deleteRoomTag(roomId, diff.key)
); );
break; break;
default: default:
@ -311,7 +317,7 @@ module.exports = React.createClass({
if (!encrypt) { return q(); } if (!encrypt) { return q(); }
var roomId = this.props.room.roomId; var roomId = this.props.room.roomId;
return MatrixClientPeg.get().sendStateEvent( return this.props.matrixClient.sendStateEvent(
roomId, "m.room.encryption", roomId, "m.room.encryption",
{ algorithm: "m.megolm.v1.aes-sha2" } { algorithm: "m.megolm.v1.aes-sha2" }
); );
@ -476,7 +482,7 @@ module.exports = React.createClass({
}, },
mayChangeRoomAccess: function() { mayChangeRoomAccess: function() {
var cli = MatrixClientPeg.get(); var cli = this.props.matrixClient;
var roomState = this.props.room.currentState; var roomState = this.props.room.currentState;
return (roomState.mayClientSendStateEvent("m.room.join_rules", cli) && return (roomState.mayClientSendStateEvent("m.room.join_rules", cli) &&
roomState.mayClientSendStateEvent("m.room.guest_access", cli)); roomState.mayClientSendStateEvent("m.room.guest_access", cli));
@ -513,7 +519,7 @@ module.exports = React.createClass({
onForgetClick() { onForgetClick() {
// FIXME: duplicated with RoomTagContextualMenu (and dead code in RoomView) // FIXME: duplicated with RoomTagContextualMenu (and dead code in RoomView)
MatrixClientPeg.get().forget(this.props.room.roomId).done(function() { this.props.matrixClient.forget(this.props.room.roomId).done(function() {
dis.dispatch({ action: 'view_next_room' }); dis.dispatch({ action: 'view_next_room' });
}, function(err) { }, function(err) {
var errCode = err.errcode || "unknown error code"; var errCode = err.errcode || "unknown error code";
@ -554,7 +560,7 @@ module.exports = React.createClass({
}, },
_renderEncryptionSection: function() { _renderEncryptionSection: function() {
var cli = MatrixClientPeg.get(); var cli = this.props.matrixClient;
var roomState = this.props.room.currentState; var roomState = this.props.room.currentState;
var isEncrypted = cli.isRoomEncrypted(this.props.room.roomId); var isEncrypted = cli.isRoomEncrypted(this.props.room.roomId);
var isGlobalBlacklistUnverified = UserSettingsStore.getLocalSettings().blacklistUnverifiedDevices; var isGlobalBlacklistUnverified = UserSettingsStore.getLocalSettings().blacklistUnverifiedDevices;
@ -608,7 +614,7 @@ module.exports = React.createClass({
var PowerSelector = sdk.getComponent('elements.PowerSelector'); var PowerSelector = sdk.getComponent('elements.PowerSelector');
var Loader = sdk.getComponent("elements.Spinner"); var Loader = sdk.getComponent("elements.Spinner");
var cli = MatrixClientPeg.get(); var cli = this.props.matrixClient;
var roomState = this.props.room.currentState; var roomState = this.props.room.currentState;
var user_id = cli.credentials.userId; var user_id = cli.credentials.userId;
@ -833,7 +839,7 @@ module.exports = React.createClass({
<input type="checkbox" disabled={ !roomState.mayClientSendStateEvent("m.room.aliases", cli) } <input type="checkbox" disabled={ !roomState.mayClientSendStateEvent("m.room.aliases", cli) }
onChange={ this._onToggle.bind(this, "isRoomPublished", true, false)} onChange={ this._onToggle.bind(this, "isRoomPublished", true, false)}
checked={this.state.isRoomPublished}/> checked={this.state.isRoomPublished}/>
List this room in { MatrixClientPeg.get().getDomain() }'s room directory? List this room in { this.props.matrixClient.getDomain() }'s room directory?
</label> </label>
</div> </div>
<div className="mx_RoomSettings_settings"> <div className="mx_RoomSettings_settings">
@ -943,4 +949,4 @@ module.exports = React.createClass({
</div> </div>
); );
} }
}); }));