85 lines
2.8 KiB
JavaScript
85 lines
2.8 KiB
JavaScript
/*
|
|
* Copyright 2014 Mirantis, Inc.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the 'License'); you may
|
|
* not use this file except in compliance with the License. You may obtain
|
|
* a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an 'AS IS' BASIS, WITHOUT
|
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
* License for the specific language governing permissions and limitations
|
|
* under the License.
|
|
**/
|
|
import i18n from 'i18n';
|
|
import React from 'react';
|
|
import utils from 'utils';
|
|
import {backboneMixin} from 'component_mixins';
|
|
import statisticsMixin from 'views/statistics_mixin';
|
|
import {ProgressButton} from 'views/controls';
|
|
|
|
var WelcomePage = React.createClass({
|
|
mixins: [
|
|
statisticsMixin,
|
|
backboneMixin('settings')
|
|
],
|
|
statics: {
|
|
title: i18n('welcome_page.title'),
|
|
hiddenLayout: true,
|
|
fetchData() {
|
|
return app.fuelSettings.fetch()
|
|
.then(() => ({settings: app.fuelSettings}));
|
|
}
|
|
},
|
|
onStartButtonClick() {
|
|
this.props.settings.set('statistics.user_choice_saved.value', true);
|
|
this.setState({
|
|
actionInProgress: true
|
|
});
|
|
this.saveSettings(this.getStatisticsSettingsToSave())
|
|
.done(() => app.navigate('', {trigger: true}))
|
|
.fail((response) => {
|
|
this.setState({actionInProgress: false});
|
|
utils.showErrorDialog({response});
|
|
});
|
|
},
|
|
render() {
|
|
var ns = 'welcome_page.';
|
|
var statsCollectorLink = 'https://stats.fuel-infra.org/';
|
|
var disabled = this.state.actionInProgress;
|
|
var buttonProps = {
|
|
disabled,
|
|
onClick: this.onStartButtonClick,
|
|
className: 'btn btn-lg btn-block btn-success',
|
|
progress: this.state.actionInProgress
|
|
};
|
|
return (
|
|
<div className='welcome-page tracking'>
|
|
<div className='col-md-8 col-md-offset-2 col-xs-10 col-xs-offset-1'>
|
|
<h1 className='text-center'>{i18n(ns + 'title')}</h1>
|
|
<div>
|
|
{this.renderIntro()}
|
|
{this.renderInput('send_anonymous_statistic', 'welcome-checkbox-box')}
|
|
<div>
|
|
<div>{i18n(ns + 'statistics_collector')}</div>
|
|
<div><a href={statsCollectorLink} target='_blank'>{statsCollectorLink}</a></div>
|
|
</div>
|
|
</div>
|
|
<div className='welcome-button-box row'>
|
|
<div className='col-xs-6 col-xs-offset-3'>
|
|
<ProgressButton autoFocus {...buttonProps}>
|
|
{i18n(ns + 'start_fuel')}
|
|
</ProgressButton>
|
|
</div>
|
|
</div>
|
|
<div className='welcome-text-box'>{i18n(ns + 'thanks')}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
});
|
|
|
|
export default WelcomePage;
|