Mailspring/internal_packages/preferences/lib/tabs/workspace-section.jsx

164 lines
4.2 KiB
React
Raw Normal View History

import React from 'react';
import {DefaultClientHelper, SystemStartService} from 'nylas-exports';
import ConfigSchemaItem from './config-schema-item';
class DefaultMailClientItem extends React.Component {
constructor() {
super();
this.state = {defaultClient: false};
this._helper = new DefaultClientHelper();
if (this._helper.available()) {
this._helper.isRegisteredForURLScheme('mailto', (registered) => {
if (this._mounted) this.setState({defaultClient: registered});
});
}
}
componentDidMount() {
this._mounted = true;
}
componentWillUnmount() {
this._mounted = false;
}
toggleDefaultMailClient = (event) => {
if (this.state.defaultClient) {
this.setState({defaultClient: false});
this._helper.resetURLScheme('mailto');
} else {
this.setState({defaultClient: true});
this._helper.registerForURLScheme('mailto');
}
event.target.blur();
}
render() {
return (
<div className="item">
2016-05-07 07:06:16 +08:00
<input
type="checkbox"
id="default-client"
checked={this.state.defaultClient}
onChange={this.toggleDefaultMailClient}
/>
<label htmlFor="default-client">Use Nylas as default mail client</label>
</div>
);
}
}
class LaunchSystemStartItem extends React.Component {
constructor() {
super();
this.state = {
available: false,
launchOnStart: false,
};
this._service = new SystemStartService();
}
componentDidMount() {
this._mounted = true;
this._service.checkAvailability().then((available) => {
if (this._mounted) {
this.setState({available});
}
if (!available || !this._mounted) return;
this._service.doesLaunchOnSystemStart().then((launchOnStart) => {
if (this._mounted) {
this.setState({launchOnStart});
}
});
});
}
componentWillUnmount() {
this._mounted = false;
}
_toggleLaunchOnStart = (event) => {
if (this.state.launchOnStart) {
this.setState({launchOnStart: false});
this._service.dontLaunchOnSystemStart();
} else {
this.setState({launchOnStart: true});
this._service.configureToLaunchOnSystemStart();
}
event.target.blur();
}
render() {
if (!this.state.available) return false;
return (
<div className="item">
2016-05-07 07:06:16 +08:00
<input
type="checkbox"
id="launch-on-start"
checked={this.state.launchOnStart}
onChange={this._toggleLaunchOnStart}
/>
<label htmlFor="launch-on-start">Launch on system start</label>
</div>
);
}
}
2016-05-07 07:23:48 +08:00
const WorkspaceSection = (props) => {
return (
<section>
<DefaultMailClientItem />
<LaunchSystemStartItem />
<ConfigSchemaItem
configSchema={props.configSchema.properties.workspace.properties.systemTray}
keyPath="core.workspace.systemTray"
config={props.config}
/>
<ConfigSchemaItem
configSchema={props.configSchema.properties.workspace.properties.showImportant}
keyPath="core.workspace.showImportant"
config={props.config}
/>
<ConfigSchemaItem
configSchema={props.configSchema.properties.workspace.properties.showUnreadForAllCategories}
keyPath="core.workspace.showUnreadForAllCategories"
config={props.config}
/>
2016-04-10 12:39:38 +08:00
<ConfigSchemaItem
configSchema={props.configSchema.properties.workspace.properties.use24HourClock}
2016-04-10 12:39:38 +08:00
keyPath="core.workspace.use24HourClock"
config={props.config}
2016-04-10 12:39:38 +08:00
/>
2016-05-07 07:23:48 +08:00
<ConfigSchemaItem
configSchema={props.configSchema.properties.workspace.properties.interfaceZoom}
keyPath="core.workspace.interfaceZoom"
config={props.config}
/>
<div className="platform-note platform-linux-only">
2016-10-18 08:59:33 +08:00
&quot;Launch on system start&quot; only works in XDG-compliant desktop environments.
To enable the N1 icon in the system tray, you may need to install libappindicator1.
2016-10-18 08:59:33 +08:00
(i.e., &lt;code&gt;sudo apt-get install libappindicator1&lt;/code&gt;)
2016-05-07 07:23:48 +08:00
</div>
</section>
);
}
2016-05-07 07:23:48 +08:00
WorkspaceSection.propTypes = {
config: React.PropTypes.object,
configSchema: React.PropTypes.object,
}
export default WorkspaceSection;