1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
// ==============================================================================
// Copyright (C) 2019 - Philip Paquette, Steven Bocco
//
// This program is free software: you can redistribute it and/or modify it under
// the terms of the GNU Affero General Public License as published by the Free
// Software Foundation, either version 3 of the License, or (at your option) any
// later version.
//
// This program is distributed in the hope that it will be useful, but WITHOUT
// ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
// FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
// details.
//
// You should have received a copy of the GNU Affero General Public License along
// with this program. If not, see <https://www.gnu.org/licenses/>.
// ==============================================================================
import React from 'react';
import {Connection} from "../../diplomacy/client/connection";
import {ConnectionForm} from "../forms/connection_form";
import {DipStorage} from "../utils/dipStorage";
import {Helmet} from "react-helmet";
import {Navigation} from "../components/navigation";
import {PageContext} from "../components/page_context";
export class ContentConnection extends React.Component {
constructor(props) {
super(props);
this.connection = null;
this.onSubmit = this.onSubmit.bind(this);
}
onSubmit(data) {
const page = this.context;
for (let fieldName of ['hostname', 'port', 'username', 'password', 'showServerFields'])
if (!Object.prototype.hasOwnProperty.call(data, fieldName))
return page.error(`Missing ${fieldName}, got ${JSON.stringify(data)}`);
page.info('Connecting ...');
if (this.connection) {
this.connection.currentConnectionProcessing.stop();
}
this.connection = new Connection(data.hostname, data.port, window.location.protocol.toLowerCase() === 'https:');
this.connection.onReconnectionError = page.onReconnectionError;
// Page is passed as logger object (with methods info(), error(), success()) when connecting.
this.connection.connect(page)
.then(() => {
page.connection = this.connection;
this.connection = null;
page.success(`Successfully connected to server ${data.username}:${data.port}`);
page.connection.authenticate(data.username, data.password)
.then((channel) => {
page.channel = channel;
return channel.getAvailableMaps();
})
.then(availableMaps => {
for (let mapName of Object.keys(availableMaps))
availableMaps[mapName].powers.sort();
page.availableMaps = availableMaps;
const userGameIndices = DipStorage.getUserGames(page.channel.username);
if (userGameIndices && userGameIndices.length) {
return page.channel.getGamesInfo({games: userGameIndices});
} else {
return null;
}
})
.then((gamesInfo) => {
if (gamesInfo) {
page.success('Found ' + gamesInfo.length + ' user games.');
page.updateMyGames(gamesInfo);
}
page.loadGames({success: `Account ${data.username} connected.`});
})
.catch((error) => {
page.error('Error while authenticating: ' + error + ' Please re-try.');
});
})
.catch((error) => {
page.error('Error while connecting: ' + error + ' Please re-try.');
});
}
render() {
const title = 'Connection';
return (
<main>
<Helmet>
<title>{title} | Diplomacy</title>
</Helmet>
<Navigation title={title}/>
<ConnectionForm onSubmit={this.onSubmit}/>
</main>
);
}
componentDidMount() {
window.scrollTo(0, 0);
}
}
ContentConnection.contextType = PageContext;
|
