Skip to content
Permalink
Browse files

Add experimental "Labs" section to settings

  • Loading branch information
aviraldg committed Jun 13, 2016
1 parent 469c415 commit c3a96583928305e42a5bb5f5296dde4cd1a0583d
Showing with 43 additions and 0 deletions.
  1. +10 −0 src/UserSettingsStore.js
  2. +33 −0 src/components/structures/UserSettings.js
@@ -112,4 +112,14 @@ module.exports = {
append: true, // We always append for email pushers since we don't want to stop other accounts notifying to the same email address
});
},

isFeatureEnabled: function(feature: string): boolean {
feature = feature.match(/\w+/g).join('_').toLowerCase();
return localStorage.getItem(`mx_labs_feature_${feature}`) === 'true';
},

setFeatureEnabled: function(feature: string, enabled: boolean) {
feature = feature.match(/\w+/g).join('_').toLowerCase();
localStorage.setItem(`mx_labs_feature_${feature}`, enabled);
}
};
@@ -26,6 +26,11 @@ var GeminiScrollbar = require('react-gemini-scrollbar');
var Email = require('../../email');
var AddThreepid = require('../../AddThreepid');

const LABS_FEATURES = [
'Rich Text Editor',
'End-to-End Encryption'
];

module.exports = React.createClass({
displayName: 'UserSettings',

@@ -357,6 +362,32 @@ module.exports = React.createClass({
</div>);
}

this._renderLabs = function () {
let features = LABS_FEATURES.map(feature => (
<div>
<input key={feature}
type="checkbox"
id={feature}
name={feature}
defaultChecked={UserSettingsStore.isFeatureEnabled(feature)}
onChange={e => UserSettingsStore.setFeatureEnabled(feature, e.target.checked)} />
<label htmlFor={feature}>{feature}</label>
</div>
));
return (
<div>
<h3>Labs</h3>

<div className="mx_UserSettings_section">
<p>These experimental features may change, break or disappear at any time. We make absolutely no guarantees about what may happen if you turn one of these experiments on, and your client may even spontaneously combust. Jokes aside, your client may delete all your data or your security and privacy could be compromised in unexpected ways. Please proceed with caution.</p>
{features}
<br />
<div className="mx_UserSettings_button" onClick={() => window.location.reload()}>Restart Vector</div>
</div>
</div>
)
};

return (
<div className="mx_UserSettings">
<SimpleRoomHeader title="Settings" onCancelClick={ this.props.onClose }/>
@@ -411,6 +442,8 @@ module.exports = React.createClass({

{this._renderDeviceInfo()}

{this._renderLabs()}

<h3>Advanced</h3>

<div className="mx_UserSettings_section">

0 comments on commit c3a9658

Please sign in to comment.
You can’t perform that action at this time.