mirror of https://github.com/vector-im/riot-web
Removed no longer used MultiInviteDialog, as it's now been replaced with the ChatInviteDialog
wmwragg
parent
faa39eb482
commit
27456d0e20
|
|
@ -52,7 +52,6 @@ module.exports.components['views.dialogs.DeactivateAccountDialog'] = require('./
|
||||||
module.exports.components['views.dialogs.EncryptedEventDialog'] = require('./components/views/dialogs/EncryptedEventDialog');
|
module.exports.components['views.dialogs.EncryptedEventDialog'] = require('./components/views/dialogs/EncryptedEventDialog');
|
||||||
module.exports.components['views.dialogs.ErrorDialog'] = require('./components/views/dialogs/ErrorDialog');
|
module.exports.components['views.dialogs.ErrorDialog'] = require('./components/views/dialogs/ErrorDialog');
|
||||||
module.exports.components['views.dialogs.LogoutPrompt'] = require('./components/views/dialogs/LogoutPrompt');
|
module.exports.components['views.dialogs.LogoutPrompt'] = require('./components/views/dialogs/LogoutPrompt');
|
||||||
module.exports.components['views.dialogs.MultiInviteDialog'] = require('./components/views/dialogs/MultiInviteDialog');
|
|
||||||
module.exports.components['views.dialogs.NeedToRegisterDialog'] = require('./components/views/dialogs/NeedToRegisterDialog');
|
module.exports.components['views.dialogs.NeedToRegisterDialog'] = require('./components/views/dialogs/NeedToRegisterDialog');
|
||||||
module.exports.components['views.dialogs.QuestionDialog'] = require('./components/views/dialogs/QuestionDialog');
|
module.exports.components['views.dialogs.QuestionDialog'] = require('./components/views/dialogs/QuestionDialog');
|
||||||
module.exports.components['views.dialogs.SetDisplayNameDialog'] = require('./components/views/dialogs/SetDisplayNameDialog');
|
module.exports.components['views.dialogs.SetDisplayNameDialog'] = require('./components/views/dialogs/SetDisplayNameDialog');
|
||||||
|
|
|
||||||
|
|
@ -1,218 +0,0 @@
|
||||||
/*
|
|
||||||
Copyright 2016 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.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import React from 'react';
|
|
||||||
|
|
||||||
import {getAddressType, inviteToRoom} from '../../../Invite';
|
|
||||||
import sdk from '../../../index';
|
|
||||||
|
|
||||||
export default class MultiInviteDialog extends React.Component {
|
|
||||||
constructor(props, context) {
|
|
||||||
super(props, context);
|
|
||||||
|
|
||||||
this._onCancel = this._onCancel.bind(this);
|
|
||||||
this._startInviting = this._startInviting.bind(this);
|
|
||||||
this._canceled = false;
|
|
||||||
|
|
||||||
this.state = {
|
|
||||||
busy: false,
|
|
||||||
completionStates: {}, // State of each address (invited or error)
|
|
||||||
errorTexts: {}, // Textual error per address
|
|
||||||
done: false,
|
|
||||||
};
|
|
||||||
for (let i = 0; i < this.props.inputs.length; ++i) {
|
|
||||||
const input = this.props.inputs[i];
|
|
||||||
if (getAddressType(input) === null) {
|
|
||||||
this.state.completionStates[i] = 'error';
|
|
||||||
this.state.errorTexts[i] = 'Unrecognised address';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
componentWillUnmount() {
|
|
||||||
this._canceled = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
_onCancel() {
|
|
||||||
this._canceled = true;
|
|
||||||
this.props.onFinished(false);
|
|
||||||
}
|
|
||||||
|
|
||||||
_startInviting() {
|
|
||||||
this.setState({
|
|
||||||
busy: true,
|
|
||||||
done: false,
|
|
||||||
});
|
|
||||||
this._inviteMore(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
_inviteMore(nextIndex) {
|
|
||||||
if (this._canceled) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (nextIndex == this.props.inputs.length) {
|
|
||||||
this.setState({
|
|
||||||
busy: false,
|
|
||||||
done: true,
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const input = this.props.inputs[nextIndex];
|
|
||||||
|
|
||||||
// don't try to invite it if it's an invalid address
|
|
||||||
// (it will already be marked as an error though,
|
|
||||||
// so no need to do so again)
|
|
||||||
if (getAddressType(input) === null) {
|
|
||||||
this._inviteMore(nextIndex + 1);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// don't re-invite (there's no way in the UI to do this, but
|
|
||||||
// for sanity's sake)
|
|
||||||
if (this.state.completionStates[nextIndex] == 'invited') {
|
|
||||||
this._inviteMore(nextIndex + 1);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
inviteToRoom(this.props.roomId, input).then(() => {
|
|
||||||
if (this._canceled) { return; }
|
|
||||||
|
|
||||||
this.setState((s) => {
|
|
||||||
s.completionStates[nextIndex] = 'invited'
|
|
||||||
return s;
|
|
||||||
});
|
|
||||||
this._inviteMore(nextIndex + 1);
|
|
||||||
}, (err) => {
|
|
||||||
if (this._canceled) { return; }
|
|
||||||
|
|
||||||
let errorText;
|
|
||||||
let fatal = false;
|
|
||||||
if (err.errcode == 'M_FORBIDDEN') {
|
|
||||||
fatal = true;
|
|
||||||
errorText = 'You do not have permission to invite people to this room.';
|
|
||||||
} else if (err.errcode == 'M_LIMIT_EXCEEDED') {
|
|
||||||
// we're being throttled so wait a bit & try again
|
|
||||||
setTimeout(() => {
|
|
||||||
this._inviteMore(nextIndex);
|
|
||||||
}, 5000);
|
|
||||||
return;
|
|
||||||
} else {
|
|
||||||
errorText = 'Unknown server error';
|
|
||||||
}
|
|
||||||
this.setState((s) => {
|
|
||||||
s.completionStates[nextIndex] = 'error';
|
|
||||||
s.errorTexts[nextIndex] = errorText;
|
|
||||||
s.busy = !fatal;
|
|
||||||
s.done = fatal;
|
|
||||||
return s;
|
|
||||||
});
|
|
||||||
if (!fatal) {
|
|
||||||
this._inviteMore(nextIndex + 1);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
_getProgressIndicator() {
|
|
||||||
let numErrors = 0;
|
|
||||||
for (const k of Object.keys(this.state.completionStates)) {
|
|
||||||
if (this.state.completionStates[k] == 'error') {
|
|
||||||
++numErrors;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
let errorText;
|
|
||||||
if (numErrors > 0) {
|
|
||||||
const plural = numErrors > 1 ? 's' : '';
|
|
||||||
errorText = <span className="error">({numErrors} error{plural})</span>
|
|
||||||
}
|
|
||||||
return <span>
|
|
||||||
{Object.keys(this.state.completionStates).length} / {this.props.inputs.length} {errorText}
|
|
||||||
</span>;
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const Spinner = sdk.getComponent("elements.Spinner");
|
|
||||||
const inviteTiles = [];
|
|
||||||
|
|
||||||
for (let i = 0; i < this.props.inputs.length; ++i) {
|
|
||||||
const input = this.props.inputs[i];
|
|
||||||
let statusClass = '';
|
|
||||||
let statusElement;
|
|
||||||
if (this.state.completionStates[i] == 'error') {
|
|
||||||
statusClass = 'error';
|
|
||||||
statusElement = <p className="mx_MultiInviteDialog_statusText">{this.state.errorTexts[i]}</p>;
|
|
||||||
} else if (this.state.completionStates[i] == 'invited') {
|
|
||||||
statusClass = 'invited';
|
|
||||||
}
|
|
||||||
inviteTiles.push(
|
|
||||||
<li key={i}>
|
|
||||||
<p className={statusClass}>{input}</p>
|
|
||||||
{statusElement}
|
|
||||||
</li>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
let controls = [];
|
|
||||||
if (this.state.busy) {
|
|
||||||
controls.push(<Spinner key="spinner" />);
|
|
||||||
controls.push(<button key="cancel" onClick={this._onCancel}>Cancel</button>);
|
|
||||||
controls.push(<span key="progr">{this._getProgressIndicator()}</span>);
|
|
||||||
} else if (this.state.done) {
|
|
||||||
controls.push(
|
|
||||||
<button
|
|
||||||
key="cancel"
|
|
||||||
className="mx_Dialog_primary"
|
|
||||||
onClick={this._onCancel}
|
|
||||||
>Done</button>
|
|
||||||
);
|
|
||||||
controls.push(<span key="progr">{this._getProgressIndicator()}</span>);
|
|
||||||
} else {
|
|
||||||
controls.push(
|
|
||||||
<button
|
|
||||||
key="invite"
|
|
||||||
onClick={this._startInviting}
|
|
||||||
autoFocus={true}
|
|
||||||
className="mx_Dialog_primary"
|
|
||||||
>
|
|
||||||
Invite
|
|
||||||
</button>);
|
|
||||||
controls.push(<button key="cancel" onClick={this._onCancel}>Cancel</button>);
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className="mx_MultiInviteDialog">
|
|
||||||
<div className="mx_Dialog_title">
|
|
||||||
Inviting {this.props.inputs.length} People
|
|
||||||
</div>
|
|
||||||
<div className="mx_Dialog_content">
|
|
||||||
<ul>
|
|
||||||
{inviteTiles}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div className="mx_Dialog_buttons">
|
|
||||||
{controls}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
MultiInviteDialog.propTypes = {
|
|
||||||
onFinished: React.PropTypes.func.isRequired,
|
|
||||||
inputs: React.PropTypes.array.isRequired,
|
|
||||||
roomId: React.PropTypes.string.isRequired,
|
|
||||||
};
|
|
||||||
Loading…
Reference in New Issue