tyler.durden
/
opensupports
mirror of https://github.com/opensupports/opensupports.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Max Red - WIP [skip ci]

This commit is contained in:
ivan 2017-01-17 23:51:22 -03:00
parent 18b736dea7
commit cf7dbffbf3
3 changed files with 179 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/app-components/are-you-sure.js
View File

@ -9,7 +9,11 @@ class AreYouSure extends React.Component {
static propTypes = {
description: React.PropTypes.node,
onYes: React.PropTypes.func,
type: React.PropTypes.string
type: React.PropTypes.oneOf(['default', 'secure'])
};
static defaultProps = {
type: 'default'
};
static contextTypes = {
@ -39,7 +43,7 @@ class AreYouSure extends React.Component {
<div className="are-you-sure__description" id="are-you-sure__description">
{this.props.description}
</div>
{this.props.type === 'secure' ? this.renderPassword() : null}
{(this.props.type === 'secure') ? this.renderPassword() : null}
<div className="are-you-sure__buttons">
<div className="are-you-sure__yes-button">
<Button type="secondary" size="small" onClick={this.onYes.bind(this)} ref="yesButton" tabIndex="2">
@ -75,11 +79,11 @@ class AreYouSure extends React.Component {
}
onYes() {
if (this.state.password){
if (this.props.type === 'default' || this.state.password){
this.closeModal();
if (this.props.onYes) {
this.props.onYes();
this.props.onYes(this.state.password);
}
}
}

120
client/src/app/admin/panel/settings/admin-panel-advanced-settings.js
View File

@ -7,6 +7,7 @@ import i18n from 'lib-app/i18n';
import ToggleButton from 'app-components/toggle-button';
import AreYouSure from 'app-components/are-you-sure';
import Message from 'core-components/message';
import Button from 'core-components/button';
import FileUploader from 'core-components/file-uploader';
import Header from 'core-components/header';
@ -16,6 +17,10 @@ class AdminPanelAdvancedSettings extends React.Component {
state = {
loading: true,
messageType: '',
messageContent: '',
keyName: '',
keyCode: '',
values: {
apikeys: []
}
@ -29,18 +34,19 @@ class AdminPanelAdvancedSettings extends React.Component {
return (
<div className="admin-panel-system-settings">
<Header title={i18n('ADVANCED_SETTINGS')} description={i18n('ADVANCED_SETTINGS_DESCRIPTION')}/>
{(this.state.messageType) ? this.renderMessage() : null}
<div className="row">
<div className="col-md-12">
<div className="col-md-6">
<div className="admin-panel-system-settings__user-system-enabled">
<span className="admin-panel-system-settings__text">{i18n('USER_SYSTEM_ENABLED')}</span>
<ToggleButton className="admin-panel-system-settings__toggle-button" value={this.props.config['user-system-enabled']} onChange={this.onToggleButtonChange.bind(this)}/>
<ToggleButton className="admin-panel-system-settings__toggle-button" value={this.props.config['user-system-enabled']} onChange={this.onToggleButtonUserSystemChange.bind(this)}/>
</div>
</div>
<div className="col-md-6">
<div className="admin-panel-system-settings__registration">
<span className="admin-panel-system-settings__text">{i18n('REGISTRATION')}</span>
<ToggleButton className="admin-panel-system-settings__toggle-button" value={this.props.config['registration']} onChange={this.onToggleButtonChange.bind(this)}/>
<ToggleButton className="admin-panel-system-settings__toggle-button" value={this.props.config['registration']} onChange={this.onToggleButtonRegistrationChange.bind(this)}/>
</div>
</div>
</div>
@ -50,19 +56,19 @@ class AdminPanelAdvancedSettings extends React.Component {
<div className="col-md-12">
<div className="col-md-3">
<div className="admin-panel-system-settings__text">{i18n('INCLUDE_USERS_VIA_CSV')}</div>
<FileUploader className="admin-panel-system-settings__button" text="Upload"/>
<FileUploader className="admin-panel-system-settings__button" text="Upload" onChange={this.onImportCSV.bind(this)}/>
</div>
<div className="col-md-3">
<div className="admin-panel-system-settings__text">{i18n('INCLUDE_DATABASE_VIA_SQL')}</div>
<FileUploader className="admin-panel-system-settings__button" text="Upload"/>
<FileUploader className="admin-panel-system-settings__button" text="Upload" onChange={this.onImportSQL.bind(this)}/>
</div>
<div className="col-md-3">
<div className="admin-panel-system-settings__text">{i18n('BACKUP_DATABASE')}</div>
<Button className="admin-panel-system-settings__button" type="secondary" size="medium">Download</Button>
<Button className="admin-panel-system-settings__button" type="secondary" size="medium" onClick={this.onBackupDatabase.bind(this)}>Download</Button>
</div>
<div className="col-md-3">
<div className="admin-panel-system-settings__text">{i18n('DELETE_ALL_USERS')}</div>
<Button className="admin-panel-system-settings__button" size="medium">Delete</Button>
<Button className="admin-panel-system-settings__button" size="medium" onClick={this.onDeleteAllUsers.bind(this)}>Delete</Button>
</div>
</div>
<div className="col-md-12">
@ -86,6 +92,12 @@ class AdminPanelAdvancedSettings extends React.Component {
);
}
renderMessage() {
return (
<Message type={this.state.messageType}>{this.state.messageContent}</Message>
);
}
getListingProps() {
return {
title: i18n('REGISTRATION_API_KEYS'),
@ -114,10 +126,102 @@ class AdminPanelAdvancedSettings extends React.Component {
});
}
onToggleButtonChange() {
AreYouSure.openModal(<div>{i18n('PLEASE_CONFIRM_PASSWORD')}</div>, (a) => a, 'secure');
onToggleButtonUserSystemChange() {
AreYouSure.openModal(<div>{i18n('PLEASE_CONFIRM_PASSWORD')}</div>, this.onAreYouSureUserSystemOk.bind(this), 'secure');
}
onToggleButtonRegistrationChange() {
AreYouSure.openModal(<div>{i18n('PLEASE_CONFIRM_PASSWORD')}</div>, this.onAreYouSureRegistrationOk.bind(this), 'secure');
}
onAreYouSureUserSystemOk(password) {
API.call({
path: this.props.config['user-system-enabled'] ? '/system/disable-user-system' : '/system/enable-user-system',
data: {
password: password
}
}).then(() => {
this.setState({
messageType: 'success',
messageContent: this.props.config['user-system-enabled'] ? i18n('USER_SYSTEM_DISABLE_DESCRIPTION') : i18n('USER_SYSTEM_ENABLE_DESCRIPTION')
});
this.props.dispatch(ConfigActions.updateData());
}).catch(() => this.setState({messageType: 'fail', messageContent: i18n('ERROR_UPDATING_SETTINGS')}));
}
onAreYouSureRegistrationOk(password) {
API.call({
path: this.props.config['user-system-enabled'] ? '/system/disable-registration' : '/system/enable-registration',
data: {
password: password
}
}).then(() => {
this.setState({
messageType: 'success',
messageContent: this.props.config['user-system-enabled'] ? i18n('REGISTRATION_DISABLE_DESCRIPTION') : i18n('REGISTRATION_ENABLE_DESCRIPTION')
});
this.props.dispatch(ConfigActions.updateData());
}).catch(() => this.setState({messageType: 'fail', messageContent: i18n('ERROR_UPDATING_SETTINGS')}));
}
onImportCSV(event) {
AreYouSure.openModal(<div>{i18n('PLEASE_CONFIRM_PASSWORD')}</div>, this.onAreYouSureCSVOk.bind(this, event.target.value), 'secure');
}
onImportSQL(event) {
AreYouSure.openModal(<div>{i18n('PLEASE_CONFIRM_PASSWORD')}</div>, this.onAreYouSureSQLOk.bind(this, event.target.value), 'secure');
}
onAreYouSureCSVOk(file, password) {
API.call({
path: '/system/import-csv',
data: {
file: file,
password: password
}
}).then(() => this.setState({messageType: 'success', messageContent: i18n('SUCCESS_IMPORTING_CSV_DESCRIPTION')}
)).catch(() => this.setState({messageType: 'fail', messageContent: i18n('ERROR_IMPORTING_CSV_DESCRIPTION')}));
}
onAreYouSureSQLOk(file, password) {
API.call({
path: '/system/import-sql',
data: {
file: file,
password: password
}
}).then(() => this.setState({messageType: 'success', messageContent: i18n('SUCCESS_IMPORTING_SQL_DESCRIPTION')}
)).catch(() => this.setState({messageType: 'fail', messageContent: i18n('ERROR_IMPORTING_SQL_DESCRIPTION')}));
}
onBackupDatabase() {
API.call({
path: '/system/backup-database',
plain: true,
data: {}
}).then((result) => {
let contentType = 'application/octet-stream';
let link = document.createElement('a');
let blob = new Blob([result], {'type': contentType});
link.href = window.URL.createObjectURL(blob);
link.download = 'backup.sql';
link.click();
});
}
onDeleteAllUsers() {
AreYouSure.openModal(<div>{i18n('PLEASE_CONFIRM_PASSWORD')}</div>, this.onAreYouSureDeleteAllUsersOk.bind(this), 'secure');
}
onAreYouSureDeleteAllUsersOk(password) {
API.call({
path: '/system/delete-all-users',
data: {
password: password
}
}).then(() => this.setState({messageType: 'success', messageContent: i18n('SUCCESS_DELETING_ALL_USERS')}
)).catch(() => this.setState({messageType: 'fail', messageContent: i18n('ERROR_DELETING_ALL_USERS')}));
}
}

60
client/src/data/fixtures/system-fixtures.js
View File

@ -122,6 +122,24 @@ module.exports = [
return 'text content';
}
},
{
path: '/system/delete-all-users',
time: 100,
response: function () {
return {
status: 'success',
data: {}
};
}
},
{
path: '/system/backup-database',
time: 100,
contentType: 'application/octet-stream',
response: function () {
return 'text content';
}
},
{
path: '/system/get-mail-templates',
time: 100,
@ -169,12 +187,52 @@ module.exports = [
};
}
},
{
path: '/system/enable-user-system',
time: 100,
response: function () {
return {
status: 'success',
data: {}
}
}
},
{
path: '/system/disable-user-system',
time: 100,
response: function () {
return {
status: 'success',
data: {}
}
}
},
{
path: '/system/enable-registration',
time: 100,
response: function () {
return {
status: 'success',
data: {}
}
}
},
{
path: '/system/disable-registration',
time: 100,
response: function () {
return {
status: 'success',
data: {}
}
}
},
{
path: '/system/get-all-keys',
time: 300,
response: function () {
return {
status: "success",
status: 'success',
data: [
{
name: 'Game System Registration',