Load the Recaptcha script if we have a container for it

This is complex enough that the Registration component shouldn't have to
care about it, so it should probably be split into a pure UI component.
This commit is contained in:
Kegan Dougal 2015-11-18 17:46:17 +00:00
parent 5424567a66
commit bc55959fad

View file

@ -48,25 +48,41 @@ module.exports = React.createClass({
this.dispatcherRef = dis.register(this.onAction);
},
componentDidUpdate: function() {
// Just putting a script tag into the returned jsx doesn't work, annoyingly,
// so we do this instead.
var self = this;
if (this.refs.recaptchaContainer) {
console.log("Loading recaptcha script...");
var scriptTag = document.createElement('script');
window.mx_on_recaptcha_loaded = function() {
console.log("Loaded recaptcha script.");
self.props.registerLogic.tellStage("m.login.recaptcha", "loaded");
};
scriptTag.setAttribute(
'src', global.location.protocol+"//www.google.com/recaptcha/api.js?onload=mx_on_recaptcha_loaded&render=explicit"
);
this.refs.recaptchaContainer.appendChild(scriptTag);
}
},
componentWillUnmount: function() {
dis.unregister(this.dispatcherRef);
},
onHsUrlChanged: function(newHsUrl) {
this.props.registerLogic.setHomeserverUrl(newHsUrl);
this.forceUpdate(); // registration state may have changed.
},
onIsUrlChanged: function(newIsUrl) {
this.props.registerLogic.setIdentityServerUrl(newIsUrl);
this.forceUpdate(); // registration state may have changed.
},
onAction: function(payload) {
if (payload.action !== "registration_step_update") {
return;
}
this.forceUpdate();
this.forceUpdate(); // registration state has changed.
},
onFormSubmit: function(formVals) {