remove file which was added by mistake during merge
Audric Ackermann
5 years ago
parent
956349a964
commit
85235dd461
@ -1,251 +0,0 @@
|
||||
import React from 'react';
|
||||
|
||||
import { SessionModal } from './session/SessionModal';
|
||||
import { SessionButton } from './session/SessionButton';
|
||||
import { SessionSpinner } from './session/SessionSpinner';
|
||||
|
||||
interface Props {
|
||||
i18n: any;
|
||||
onClose: any;
|
||||
}
|
||||
|
||||
interface State {
|
||||
title: string;
|
||||
error: string | null;
|
||||
connecting: boolean;
|
||||
success: boolean;
|
||||
view: 'connecting' | 'default';
|
||||
serverURL: string;
|
||||
}
|
||||
|
||||
export class AddServerDialog extends React.Component<Props, State> {
|
||||
constructor(props: any) {
|
||||
super(props);
|
||||
|
||||
this.state = {
|
||||
title: this.props.i18n('addServerDialogTitle'),
|
||||
error: null,
|
||||
connecting: false,
|
||||
success: false,
|
||||
view: 'default',
|
||||
serverURL: '',
|
||||
};
|
||||
|
||||
this.showError = this.showError.bind(this);
|
||||
this.showView = this.showView.bind(this);
|
||||
this.attemptConnection = this.attemptConnection.bind(this);
|
||||
|
||||
this.closeDialog = this.closeDialog.bind(this);
|
||||
this.onEnter = this.onEnter.bind(this);
|
||||
|
||||
window.addEventListener('keyup', this.onEnter);
|
||||
}
|
||||
|
||||
public render() {
|
||||
const { i18n } = this.props;
|
||||
|
||||
return (
|
||||
<SessionModal
|
||||
title={this.state.title}
|
||||
onOk={() => null}
|
||||
onClose={this.closeDialog}
|
||||
>
|
||||
{this.state.view === 'default' && (
|
||||
<>
|
||||
<div className="spacer-lg" />
|
||||
|
||||
<input
|
||||
type="text"
|
||||
id="server-url"
|
||||
placeholder={i18n('serverUrl')}
|
||||
defaultValue={this.state.serverURL}
|
||||
/>
|
||||
<div className="spacer-sm" />
|
||||
|
||||
{this.showError()}
|
||||
|
||||
<div className="session-modal__button-group">
|
||||
<SessionButton
|
||||
text={i18n('connect')}
|
||||
onClick={() => this.showView('connecting')}
|
||||
/>
|
||||
|
||||
<SessionButton text={i18n('cancel')} onClick={this.closeDialog} />
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
|
||||
{this.state.view === 'connecting' && (
|
||||
<>
|
||||
<div className="session-modal__centered">
|
||||
<div className="spacer-lg" />
|
||||
<SessionSpinner />
|
||||
<div className="spacer-lg" />
|
||||
</div>
|
||||
|
||||
<div className="session-modal__button-group">
|
||||
<SessionButton
|
||||
text={i18n('cancel')}
|
||||
onClick={() => this.showView('default')}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</SessionModal>
|
||||
);
|
||||
}
|
||||
|
||||
private showView(view: 'default' | 'connecting', error?: string) {
|
||||
const { i18n } = this.props;
|
||||
|
||||
const isDefaultView = view === 'default';
|
||||
const isConnectingView = view === 'connecting';
|
||||
|
||||
if (isDefaultView) {
|
||||
this.setState({
|
||||
title: i18n('addServerDialogTitle'),
|
||||
error: error || null,
|
||||
view: 'default',
|
||||
connecting: false,
|
||||
success: false,
|
||||
});
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
if (isConnectingView) {
|
||||
// TODO: Make this not hard coded
|
||||
const channelId = 1;
|
||||
const serverURL = String(
|
||||
$('.session-modal #server-url').val()
|
||||
).toLowerCase();
|
||||
|
||||
const serverURLExists = serverURL.length > 0;
|
||||
|
||||
if (!serverURLExists) {
|
||||
this.setState({
|
||||
error: i18n('noServerURL'),
|
||||
view: 'default',
|
||||
});
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
this.setState({
|
||||
title: i18n('connectingLoad'),
|
||||
serverURL: serverURL,
|
||||
view: 'connecting',
|
||||
connecting: true,
|
||||
error: null,
|
||||
});
|
||||
|
||||
const connectionResult = this.attemptConnection(serverURL, channelId);
|
||||
|
||||
// Give 10s maximum for promise to resolve. Else, throw error.
|
||||
const maxConnectionDuration = 10000;
|
||||
const connectionTimeout = setTimeout(() => {
|
||||
if (!this.state.success) {
|
||||
this.showView('default', i18n('connectToServerFail'));
|
||||
|
||||
return;
|
||||
}
|
||||
}, maxConnectionDuration);
|
||||
|
||||
connectionResult
|
||||
.then(() => {
|
||||
clearTimeout(connectionTimeout);
|
||||
|
||||
if (this.state.connecting) {
|
||||
this.setState({
|
||||
success: true,
|
||||
});
|
||||
window.pushToast({
|
||||
title: i18n('connectToServerSuccess'),
|
||||
id: 'connectToServerSuccess',
|
||||
type: 'success',
|
||||
});
|
||||
this.closeDialog();
|
||||
}
|
||||
})
|
||||
.catch((connectionError: string) => {
|
||||
clearTimeout(connectionTimeout);
|
||||
this.showView('default', connectionError);
|
||||
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
private showError() {
|
||||
const message = this.state.error;
|
||||
|
||||
return (
|
||||
<>
|
||||
{message && (
|
||||
<>
|
||||
<div className="session-label danger">{message}</div>
|
||||
<div className="spacer-lg" />
|
||||
</>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
private onEnter(event: any) {
|
||||
if (event.key === 'Enter') {
|
||||
if ($('#server-url').is(':focus')) {
|
||||
this.showView('connecting');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private closeDialog() {
|
||||
window.removeEventListener('keyup', this.onEnter);
|
||||
this.props.onClose();
|
||||
}
|
||||
|
||||
private async attemptConnection(serverURL: string, channelId: number) {
|
||||
const { i18n } = this.props;
|
||||
|
||||
const rawserverURL = serverURL
|
||||
.replace(/^https?:\/\//i, '')
|
||||
.replace(/[/\\]+$/i, '');
|
||||
const sslServerURL = `https://${rawserverURL}`;
|
||||
const conversationId = `publicChat:${channelId}@${rawserverURL}`;
|
||||
|
||||
const conversationExists = window.ConversationController.get(
|
||||
conversationId
|
||||
);
|
||||
if (conversationExists) {
|
||||
// We are already a member of this public chat
|
||||
return new Promise((_resolve, reject) => {
|
||||
reject(i18n('publicChatExists'));
|
||||
});
|
||||
}
|
||||
|
||||
const serverAPI = await window.lokiPublicChatAPI.findOrCreateServer(
|
||||
sslServerURL
|
||||
);
|
||||
if (!serverAPI) {
|
||||
// Url incorrect or server not compatible
|
||||
return new Promise((_resolve, reject) => {
|
||||
reject(i18n('connectToServerFail'));
|
||||
});
|
||||
}
|
||||
|
||||
const conversation = await window.ConversationController.getOrCreateAndWait(
|
||||
conversationId,
|
||||
'group'
|
||||
);
|
||||
|
||||
await serverAPI.findOrCreateChannel(channelId, conversationId);
|
||||
await conversation.setPublicSource(sslServerURL, channelId);
|
||||
await conversation.setFriendRequestStatus(
|
||||
window.friends.friendRequestStatusEnum.friends
|
||||
);
|
||||
|
||||
return conversation;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue