mirror of
https://github.com/element-hq/element-web
synced 2024-11-27 03:36:07 +03:00
Wire up popup to the "What does this mean?" link
This commit is contained in:
parent
cdbbf4bfef
commit
68d408bfff
1 changed files with 14 additions and 1 deletions
|
@ -17,6 +17,10 @@ limitations under the License.
|
|||
'use strict';
|
||||
|
||||
var React = require('react');
|
||||
var Modal = require('../../../../src/Modal');
|
||||
var ComponentBroker = require('../../../../src/ComponentBroker');
|
||||
|
||||
var ErrorDialog = ComponentBroker.get('organisms/ErrorDialog');
|
||||
|
||||
var ServerConfigController = require("../../../../src/controllers/molecules/ServerConfig");
|
||||
|
||||
|
@ -24,6 +28,15 @@ module.exports = React.createClass({
|
|||
displayName: 'ServerConfig',
|
||||
mixins: [ServerConfigController],
|
||||
|
||||
showHelpPopup: function() {
|
||||
Modal.createDialog(ErrorDialog, {
|
||||
title: 'Custom Server Options',
|
||||
description: "You can use the custom server options to log into other Matrix servers by specifying a different Home server URL. This allows you to use Vector with an existing Matrix account on a different Home server. You can also set a cutom Identity server but this will affect people ability to find you if you use a server in a group other than tha main Matrix.org group.",
|
||||
button: "Dismiss",
|
||||
focus: true
|
||||
});
|
||||
},
|
||||
|
||||
render: function() {
|
||||
return (
|
||||
<div className="mx_ServerConfig">
|
||||
|
@ -31,7 +44,7 @@ module.exports = React.createClass({
|
|||
<input className="mx_Login_field" id="hsurl" type="text" value={this.state.hs_url} onChange={this.hsChanged} />
|
||||
<label className="mx_Login_label mx_ServerConfig_islabel" htmlFor="isurl">Identity server URL</label>
|
||||
<input className="mx_Login_field" type="text" value={this.state.is_url} onChange={this.isChanged} />
|
||||
<a className="mx_ServerConfig_help" href="#">What does this mean?</a>
|
||||
<a className="mx_ServerConfig_help" href="#" onClick={this.showHelpPopup}>What does this mean?</a>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue