import GlobalNavMenu from './GlobalNavMenu';
import GlobalNavUserContainer from './GlobalNavUserContainer';
import Search from '../../search/Search';
-import ShortcutsHelpView from './ShortcutsHelpView';
+import ShortcutsHelp from './ShortcutsHelp';
import { getCurrentUser, getAppState } from '../../../../store/rootReducer';
class GlobalNav extends React.PureComponent {
+ state = { helpOpen: false };
+
componentDidMount() {
window.addEventListener('keypress', this.onKeyPress);
}
}
};
- openHelp = e => {
- if (e) {
- e.preventDefault();
- }
- new ShortcutsHelpView().render();
+ handleHelpClick = event => {
+ event.preventDefault();
+ this.openHelp();
};
+ openHelp = () => this.setState({ helpOpen: true });
+
+ closeHelp = () => this.setState({ helpOpen: false });
+
render() {
/* eslint-disable max-len */
return (
<ul className="nav navbar-nav navbar-right">
<Search {...this.props} />
<li>
- <a className="navbar-help" onClick={this.openHelp} href="#">
+ <a className="navbar-help" onClick={this.handleHelpClick} href="#">
<svg width="16" height="16">
<g transform="matrix(0.0364583,0,0,0.0364583,1,-0.166667)">
<path
<GlobalNavUserContainer {...this.props} />
</ul>
</div>
+
+ {this.state.helpOpen && <ShortcutsHelp onClose={this.closeHelp} />}
</nav>
);
}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2017 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+// @flow
+import React from 'react';
+import Modal from 'react-modal';
+import { Link } from 'react-router';
+import { translate } from '../../../../helpers/l10n';
+
+type Props = {
+ onClose: () => void
+};
+
+export default class ShortcutsHelp extends React.PureComponent {
+ props: Props;
+
+ handleCloseClick = (event: Event) => {
+ event.preventDefault();
+ this.props.onClose();
+ };
+
+ render() {
+ return (
+ <Modal
+ isOpen={true}
+ contentLabel="shortcuts help"
+ className="modal modal-large"
+ overlayClassName="modal-overlay"
+ onRequestClose={this.props.onClose}>
+
+ <div className="modal-head">
+ <h2>{translate('help')}</h2>
+ </div>
+
+ <div className="modal-body modal-container">
+ <div className="spacer-bottom">
+ <a href="http://www.sonarqube.org">{translate('footer.community')}</a>{' - '}
+ <a href="https://redirect.sonarsource.com/doc/home.html">
+ {translate('footer.documentation')}
+ </a>
+ {' - '}
+ <a href="https://redirect.sonarsource.com/doc/community.html">
+ {translate('footer.support')}
+ </a>
+ {' - '}
+ <a href="https://redirect.sonarsource.com/doc/plugin-library.html">
+ {translate('footer.plugins')}
+ </a>
+ {' - '}
+ <Link to="/web_api" onClick={this.props.onClose}>{translate('footer.web_api')}</Link>
+ {' - '}
+ <Link to="/about" onClick={this.props.onClose}>{translate('footer.about')}</Link>
+ </div>
+
+ <h2 className="spacer-top spacer-bottom">{translate('shortcuts.modal_title')}</h2>
+
+ <div className="columns">
+ <div className="column-half">
+ <div className="spacer-bottom">
+ <h3 className="shortcuts-section-title">{translate('shortcuts.section.global')}</h3>
+ <ul className="shortcuts-list">
+ <li>
+ <span className="shortcut-button spacer-right">s</span>
+ {translate('shortcuts.section.global.search')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">?</span>
+ {translate('shortcuts.section.global.shortcuts')}
+ </li>
+ </ul>
+ </div>
+
+ <h3 className="shortcuts-section-title">{translate('shortcuts.section.rules')}</h3>
+ <ul className="shortcuts-list">
+ <li>
+ <span className="shortcut-button little-spacer-right">↑</span>
+ <span className="shortcut-button spacer-right">↓</span>
+ {translate('shortcuts.section.rules.navigate_between_rules')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">→</span>
+ {translate('shortcuts.section.rules.open_details')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">←</span>
+ {translate('shortcuts.section.rules.return_to_list')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">a</span>
+ {translate('shortcuts.section.rules.activate')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">d</span>
+ {translate('shortcuts.section.rules.deactivate')}
+ </li>
+ </ul>
+ </div>
+
+ <div className="column-half">
+ <h3 className="shortcuts-section-title">{translate('shortcuts.section.issues')}</h3>
+ <ul className="shortcuts-list">
+ <li>
+ <span className="shortcut-button little-spacer-right">↑</span>
+ <span className="shortcut-button spacer-right">↓</span>
+ {translate('shortcuts.section.issues.navigate_between_issues')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">→</span>
+ {translate('shortcuts.section.issues.open_details')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">←</span>
+ {translate('shortcuts.section.issues.return_to_list')}
+ </li>
+ <li>
+ <span className="shortcut-button little-spacer-right">alt</span>
+ <span className="little-spacer-right">+</span>
+ <span className="shortcut-button little-spacer-right">↑</span>
+ <span className="shortcut-button spacer-right">↓</span>
+ {translate('issues.to_navigate_issue_locations')}
+ </li>
+ <li>
+ <span className="shortcut-button little-spacer-right">alt</span>
+ <span className="little-spacer-right">+</span>
+ <span className="shortcut-button little-spacer-right">←</span>
+ <span className="shortcut-button spacer-right">→</span>
+ {translate('issues.to_switch_flows')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">f</span>
+ {translate('shortcuts.section.issue.do_transition')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">a</span>
+ {translate('shortcuts.section.issue.assign')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">m</span>
+ {translate('shortcuts.section.issue.assign_to_me')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">i</span>
+ {translate('shortcuts.section.issue.change_severity')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">c</span>
+ {translate('shortcuts.section.issue.comment')}
+ </li>
+ <li>
+ <span className="shortcut-button little-spacer-right">ctrl</span>
+ <span className="shortcut-button spacer-right">enter</span>
+ {translate('shortcuts.section.issue.submit_comment')}
+ </li>
+ <li>
+ <span className="shortcut-button spacer-right">t</span>
+ {translate('shortcuts.section.issue.change_tags')}
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ <div className="modal-foot">
+ <a className="js-modal-close" href="#" onClick={this.handleCloseClick}>
+ {translate('close')}
+ </a>
+ </div>
+
+ </Modal>
+ );
+ }
+}
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2017 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-import ModalView from '../../../../components/common/modals';
-import ShortcutsHelpTemplate from '../templates/nav-shortcuts-help.hbs';
-
-export default ModalView.extend({
- className: 'modal modal-large',
- template: ShortcutsHelpTemplate
-});
+++ /dev/null
-<div class="modal-head">
- <h2>{{t 'help'}}</h2>
-</div>
-
-<div class="modal-body modal-container">
- <div class="spacer-bottom">
- <a href="http://www.sonarqube.org">Community</a> -
- <a href="https://redirect.sonarsource.com/doc/home.html">Documentation</a> -
- <a href="https://redirect.sonarsource.com/doc/community.html">Get Support</a> -
- <a href="https://redirect.sonarsource.com/doc/plugin-library.html">Plugins</a> -
- <a href="{{link '/web_api'}}">Web API</a> -
- <a href="{{link '/about'}}">About</a>
- </div>
-
- <h2 class="spacer-top spacer-bottom">{{t 'shortcuts.modal_title'}}</h2>
-
- <div class="columns">
- <div class="column-half">
- <div class="spacer-bottom">
- <h3 class="shortcuts-section-title">{{t 'shortcuts.section.global'}}</h3>
- <ul class="shortcuts-list">
- <li><span class="shortcut-button">s</span> {{t 'shortcuts.section.global.search'}}</li>
- <li><span class="shortcut-button">?</span> {{t 'shortcuts.section.global.shortcuts'}}</li>
- </ul>
- </div>
-
- <h3 class="shortcuts-section-title">{{t 'shortcuts.section.rules'}}</h3>
- <ul class="shortcuts-list">
- <li><span class="shortcut-button">↑</span> <span class="shortcut-button">↓</span> {{t 'shortcuts.section.rules.navigate_between_rules'}}</li>
- <li><span class="shortcut-button">→</span> {{t 'shortcuts.section.rules.open_details'}}</li>
- <li><span class="shortcut-button">←</span> {{t 'shortcuts.section.rules.return_to_list'}}</li>
- <li><span class="shortcut-button">a</span> {{t 'shortcuts.section.rules.activate'}}</li>
- <li><span class="shortcut-button">d</span> {{t 'shortcuts.section.rules.deactivate'}}</li>
- </ul>
- </div>
-
- <div class="column-half">
- <h3 class="shortcuts-section-title">{{t 'shortcuts.section.issues'}}</h3>
- <ul class="shortcuts-list">
- <li><span class="shortcut-button">↑</span> <span class="shortcut-button">↓</span> {{t 'shortcuts.section.issues.navigate_between_issues'}}
- </li>
- <li><span class="shortcut-button">→</span> {{t 'shortcuts.section.issues.open_details'}}</li>
- <li><span class="shortcut-button">←</span> {{t 'shortcuts.section.issues.return_to_list'}}</li>
- <li>
- <span class="shortcut-button">alt</span>
- <span class=>+</span>
- <span class="shortcut-button">↑</span>
- <span class="shortcut-button">↓</span> {{t 'issues.to_navigate_issue_locations'}}
- </li>
- <li>
- <span class="shortcut-button">alt</span>
- <span class=>+</span>
- <span class="shortcut-button">←</span>
- <span class="shortcut-button">→</span> {{t 'issues.to_switch_flows'}}
- </li>
- <li><span class="shortcut-button">f</span> {{t 'shortcuts.section.issue.do_transition'}}</li>
- <li><span class="shortcut-button">a</span> {{t 'shortcuts.section.issue.assign'}}</li>
- <li><span class="shortcut-button">m</span> {{t 'shortcuts.section.issue.assign_to_me'}}</li>
- <li><span class="shortcut-button">i</span> {{t 'shortcuts.section.issue.change_severity'}}</li>
- <li><span class="shortcut-button">c</span> {{t 'shortcuts.section.issue.comment'}}</li>
- <li><span class="shortcut-button">ctrl</span> + <span class="shortcut-button">enter</span> {{t 'shortcuts.section.issue.submit_comment'}}</li>
- <li><span class="shortcut-button">t</span> {{t 'shortcuts.section.issue.change_tags'}}</li>
- </ul>
- </div>
- </div>
-</div>
-
-<div class="modal-foot">
- <a class="js-modal-close" href="#">{{t 'close'}}</a>
-</div>
\ No newline at end of file
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2017 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+// @flow
+import React from 'react';
+import Modal from 'react-modal';
+import { getTask } from '../../../api/ce';
+import { translate } from '../../../helpers/l10n';
+
+type Props = {
+ onClose: () => void,
+ task: { componentName: string, id: string, type: string }
+};
+
+type State = {
+ scannerContext: ?string
+};
+
+export default class ScannerContext extends React.PureComponent {
+ mounted: boolean;
+ props: Props;
+ state: State = {
+ scannerContext: null
+ };
+
+ componentDidMount() {
+ this.mounted = true;
+ this.loadScannerContext();
+ }
+
+ componentWillUnmount() {
+ this.mounted = false;
+ }
+
+ loadScannerContext() {
+ getTask(this.props.task.id, ['scannerContext']).then(task => {
+ if (this.mounted) {
+ this.setState({ scannerContext: task.scannerContext });
+ }
+ });
+ }
+
+ handleCloseClick = (event: Event) => {
+ event.preventDefault();
+ this.props.onClose();
+ };
+
+ render() {
+ const { task } = this.props;
+ const { scannerContext } = this.state;
+
+ return (
+ <Modal
+ isOpen={true}
+ contentLabel="scanner context"
+ className="modal modal-large"
+ overlayClassName="modal-overlay"
+ onRequestClose={this.props.onClose}>
+
+ <div className="modal-head">
+ <h2>
+ {translate('background_tasks.scanner_context')}
+ {': '}
+ {task.componentName}
+ {' ['}
+ {translate('background_task.type', task.type)}
+ {']'}
+ </h2>
+ </div>
+
+ <div className="modal-body modal-container">
+ {scannerContext != null
+ ? <pre className="js-task-scanner-context">{scannerContext}</pre>
+ : <i className="spinner" />}
+ </div>
+
+ <div className="modal-foot">
+ <a href="#" className="js-modal-close" onClick={this.handleCloseClick}>
+ {translate('close')}
+ </a>
+ </div>
+
+ </Modal>
+ );
+ }
+}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2017 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+// @flow
+import React from 'react';
+import Modal from 'react-modal';
+import { getTask } from '../../../api/ce';
+import { translate } from '../../../helpers/l10n';
+
+type Props = {
+ onClose: () => void,
+ task: { componentName: string, errorMessage: string, id: string, type: string }
+};
+
+type State = {
+ loading: boolean,
+ stacktrace: ?string
+};
+
+export default class Stacktrace extends React.PureComponent {
+ mounted: boolean;
+ props: Props;
+ state: State = {
+ loading: true,
+ stacktrace: null
+ };
+
+ componentDidMount() {
+ this.mounted = true;
+ this.loadStacktrace();
+ }
+
+ componentWillUnmount() {
+ this.mounted = false;
+ }
+
+ loadStacktrace() {
+ getTask(this.props.task.id, ['stacktrace']).then(task => {
+ if (this.mounted) {
+ this.setState({ loading: false, stacktrace: task.errorStacktrace });
+ }
+ });
+ }
+
+ handleCloseClick = (event: Event) => {
+ event.preventDefault();
+ this.props.onClose();
+ };
+
+ render() {
+ const { task } = this.props;
+ const { loading, stacktrace } = this.state;
+
+ return (
+ <Modal
+ isOpen={true}
+ contentLabel="stacktrace"
+ className="modal modal-large"
+ overlayClassName="modal-overlay"
+ onRequestClose={this.props.onClose}>
+
+ <div className="modal-head">
+ <h2>
+ {translate('background_tasks.error_stacktrace')}
+ {': '}
+ {task.componentName}
+ {' ['}
+ {translate('background_task.type', task.type)}
+ {']'}
+ </h2>
+ </div>
+
+ <div className="modal-body modal-container">
+ {loading
+ ? <i className="spinner" />
+ : stacktrace
+ ? <div>
+ <h4 className="spacer-bottom">
+ {translate('background_tasks.error_stacktrace')}
+ </h4>
+ <pre className="js-task-stacktrace">{stacktrace}</pre>
+ </div>
+ : <div>
+ <h4 className="spacer-bottom">{translate('background_tasks.error_message')}</h4>
+ <pre className="js-task-error-message">{task.errorMessage}</pre>
+ </div>}
+ </div>
+
+ <div className="modal-foot">
+ <a href="#" className="js-modal-close" onClick={this.handleCloseClick}>
+ {translate('close')}
+ </a>
+ </div>
+
+ </Modal>
+ );
+ }
+}
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import React from 'react';
-import ScannerContextView from '../views/ScannerContextView';
-import StacktraceView from '../views/StacktraceView';
+import ScannerContext from './ScannerContext';
+import Stacktrace from './Stacktrace';
import { STATUSES } from './../constants';
import { translate, translateWithParameters } from '../../../helpers/l10n';
export default class TaskActions extends React.PureComponent {
+ state = {
+ scannerContextOpen: false,
+ stacktraceOpen: false
+ };
+
handleFilterClick(e) {
e.preventDefault();
this.props.onFilterTask(this.props.task);
handleShowScannerContextClick(e) {
e.preventDefault();
- new ScannerContextView({ task: this.props.task }).render();
+ this.setState({ scannerContextOpen: true });
}
+ closeScannerContext = () => this.setState({ scannerContextOpen: false });
+
handleShowStacktraceClick(e) {
e.preventDefault();
- new StacktraceView({ task: this.props.task }).render();
+ this.setState({ stacktraceOpen: true });
}
+ closeStacktrace = () => this.setState({ stacktraceOpen: false });
+
render() {
const { component, task } = this.props;
</li>}
</ul>
</div>
+
+ {this.state.scannerContextOpen &&
+ <ScannerContext onClose={this.closeScannerContext} task={task} />}
+
+ {this.state.stacktraceOpen && <Stacktrace onClose={this.closeStacktrace} task={task} />}
</td>
);
}
+++ /dev/null
-<form id="deactivate-user-form" autocomplete="off">
- <div class="modal-head">
- <h2>{{t 'background_tasks.scanner_context'}}: {{task.componentName}} [{{t 'background_task.type' task.type}}]</h2>
- </div>
- <div class="modal-body modal-container">
- <div class="js-modal-messages"></div>
-
- {{#if scannerContext}}
- <pre class="js-task-scanner-context">{{scannerContext}}</pre>
- {{else}}
- <i class="spinner"></i>
- {{/if}}
- </div>
- <div class="modal-foot">
- <a href="#" class="js-modal-close">{{t 'close'}}</a>
- </div>
-</form>
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2017 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-import Modal from '../../../components/common/modals';
-import Template from './ScannerContextView.hbs';
-import { getTask } from '../../../api/ce';
-
-export default Modal.extend({
- template: Template,
- className: 'modal modal-large',
-
- initialize() {
- this.scannerContext = null;
- this.loadScannerContext();
- },
-
- loadScannerContext() {
- getTask(this.options.task.id, ['scannerContext']).then(task => {
- this.scannerContext = task.scannerContext;
- this.render();
- });
- },
-
- serializeData() {
- return {
- task: this.options.task,
- scannerContext: this.scannerContext
- };
- }
-});
+++ /dev/null
-<form id="deactivate-user-form" autocomplete="off">
- <div class="modal-head">
- <h2>{{t 'background_tasks.error_stacktrace'}}: {{task.componentName}} [{{t 'background_task.type' task.type}}]</h2>
- </div>
- <div class="modal-body modal-container">
- <div class="js-modal-messages"></div>
-
- {{#if loaded}}
- {{#if stacktrace}}
- <h4 class="spacer-bottom">{{t 'background_tasks.error_stacktrace'}}</h4>
- <pre class="js-task-stacktrace">{{stacktrace}}</pre>
- {{else}}
- <h4 class="spacer-bottom">{{t 'background_tasks.error_message'}}</h4>
- <pre class="js-task-error-message">{{task.errorMessage}}</pre>
- {{/if}}
- {{else}}
- <i class="spinner"></i>
- {{/if}}
- </div>
- <div class="modal-foot">
- <a href="#" class="js-modal-close">{{t 'close'}}</a>
- </div>
-</form>
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2017 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-import Modal from '../../../components/common/modals';
-import Template from './StacktraceView.hbs';
-import { getTask } from '../../../api/ce';
-
-export default Modal.extend({
- template: Template,
- className: 'modal modal-large',
-
- initialize() {
- this.loaded = false;
- this.stacktrace = null;
- this.loadStacktrace();
- },
-
- loadStacktrace() {
- getTask(this.options.task.id, ['stacktrace']).then(task => {
- this.loaded = true;
- this.stacktrace = task.errorStacktrace;
- this.render();
- });
- },
-
- serializeData() {
- return {
- task: this.options.task,
- stacktrace: this.stacktrace,
- loaded: this.loaded
- };
- }
-});
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2017 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-import ModalForm from '../../../components/common/modal-form';
-import Template from './ConfirmationModalTemplate.hbs';
-import { deleteProject } from '../../../api/components';
-
-export default ModalForm.extend({
- template: Template,
-
- onFormSubmit() {
- ModalForm.prototype.onFormSubmit.apply(this, arguments);
- this.disableForm();
- this.showSpinner();
-
- deleteProject(this.options.project.key)
- .then(() => {
- this.trigger('done');
- })
- .catch(function(e) {
- e.response.json().then(r => {
- this.hideSpinner();
- this.showErrors(r.errors, r.warnings);
- this.enableForm();
- });
- });
- },
-
- serializeData() {
- return { project: this.options.project };
- }
-});
+++ /dev/null
-<form id="deactivate-user-form" autocomplete="off">
- <div class="modal-head">
- <h2>{{t 'qualifiers.delete.TRK'}}</h2>
- </div>
- <div class="modal-body">
- <div class="js-modal-messages"></div>
- {{tp 'project_deletion.delete_resource_confirmation' project.name}}
- </div>
- <div class="modal-foot">
- <i class="js-modal-spinner spinner spacer-right hidden"></i>
- <button id="delete-project-confirm" class="button-red">{{t 'delete'}}</button>
- <a href="#" class="js-modal-close">{{t 'cancel'}}</a>
- </div>
-</form>
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import React from 'react';
-import ConfirmationModal from './ConfirmationModal';
-import { translate } from '../../../helpers/l10n';
+import Modal from 'react-modal';
+import { deleteProject } from '../../../api/components';
+import { translate, translateWithParameters } from '../../../helpers/l10n';
export default class Form extends React.PureComponent {
static propTypes = {
component: React.PropTypes.object.isRequired
};
- handleDelete(e) {
- e.preventDefault();
- new ConfirmationModal({ project: this.props.component })
- .on('done', () => {
- window.location = window.baseUrl + '/';
- })
- .render();
+ static contextTypes = {
+ router: React.PropTypes.object
+ };
+
+ state = { loading: false, modalOpen: false };
+
+ componentDidMount() {
+ this.mounted = true;
+ }
+
+ componentWillUnmount() {
+ this.mounted = false;
}
+ handleDeleteClick = event => {
+ event.preventDefault();
+ this.setState({ modalOpen: true });
+ };
+
+ closeModal = () => this.setState({ modalOpen: false });
+
+ stopLoading = () => {
+ if (this.mounted) {
+ this.setState({ loading: false });
+ }
+ };
+
+ handleSubmit = event => {
+ event.preventDefault();
+ this.setState({ loading: true });
+ deleteProject(this.props.component.key)
+ .then(() => this.context.router.replace('/'))
+ .catch(this.stopLoading);
+ };
+
+ handleCloseClick = (event: Event) => {
+ event.preventDefault();
+ this.closeModal();
+ };
+
render() {
+ const { component } = this.props;
+
return (
- <form onSubmit={this.handleDelete.bind(this)}>
- <button id="delete-project" className="button-red">
+ <div>
+ <button id="delete-project" className="button-red" onClick={this.handleDeleteClick}>
{translate('delete')}
</button>
- </form>
+
+ {this.state.modalOpen &&
+ <Modal
+ isOpen={true}
+ contentLabel="project deletion"
+ className="modal"
+ overlayClassName="modal-overlay"
+ onRequestClose={this.closeModal}>
+ <form onSubmit={this.handleSubmit}>
+ <div className="modal-head">
+ <h2>{translate('qualifiers.delete.TRK')}</h2>
+ </div>
+ <div className="modal-body">
+ <div className="js-modal-messages" />
+ {translateWithParameters(
+ 'project_deletion.delete_resource_confirmation',
+ component.name
+ )}
+ </div>
+ <div className="modal-foot">
+ {this.state.loading && <i className="js-modal-spinner spinner spacer-right" />}
+ <button
+ id="delete-project-confirm"
+ className="button-red"
+ disabled={this.state.loading}>
+ {translate('delete')}
+ </button>
+ <a href="#" className="js-modal-close" onClick={this.handleCloseClick}>
+ {translate('cancel')}
+ </a>
+ </div>
+ </form>
+ </Modal>}
+ </div>
);
}
}
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import React from 'react';
-import LicenseValueView from './LicenseValueView';
-import { translate } from '../../../helpers/l10n';
+import Modal from 'react-modal';
+import { translate, translateWithParameters } from '../../../helpers/l10n';
export default class LicenseChangeForm extends React.PureComponent {
static propTypes = {
onChange: React.PropTypes.func.isRequired
};
+ state = {
+ loading: false,
+ modalOpen: false
+ };
+
onClick(e) {
e.preventDefault();
e.target.blur();
+ this.setState({ modalOpen: true });
+ }
- const { license, onChange } = this.props;
+ closeModal = () => this.setState({ modalOpen: false });
- new LicenseValueView({
- productName: license.name || license.key,
- value: license.value,
- onChange
- }).render();
- }
+ handleSubmit = event => {
+ event.preventDefault();
+ if (this.textarea) {
+ const { value } = this.textarea;
+ this.setState({ loading: true });
+ this.props
+ .onChange(value)
+ .then(
+ () => this.setState({ loading: false, modalOpen: false }),
+ () => this.setState({ loading: false })
+ );
+ }
+ };
+
+ handleCancelClick = event => {
+ event.preventDefault();
+ this.closeModal();
+ };
render() {
+ const { license } = this.props;
+ const productName = license.name || license.key;
+
return (
<button className="js-change" onClick={e => this.onClick(e)}>
{translate('update_verb')}
+
+ {this.state.modalOpen &&
+ <Modal
+ isOpen={true}
+ contentLabel="license update"
+ className="modal"
+ overlayClassName="modal-overlay"
+ onRequestClose={this.closeModal}>
+ <form onSubmit={this.handleSubmit}>
+ <div className="modal-head">
+ <h2>{translateWithParameters('licenses.update_license_for_x', productName)}</h2>
+ </div>
+ <div className="modal-body">
+ <label htmlFor="license-input">{translate('licenses.license_input_label')}</label>
+ <textarea
+ autoFocus={true}
+ className="width-100 spacer-top"
+ ref={node => (this.textarea = node)}
+ rows="7"
+ id="license-input"
+ defaultValue={license.value}
+ />
+ <div className="spacer-top note">{translate('licenses.license_input_note')}</div>
+ </div>
+ <div className="modal-foot">
+ {this.state.loading && <i className="js-modal-spinner spinner spacer-right" />}
+ <button className="js-modal-submit" disabled={this.state.loading}>
+ {translate('save')}
+ </button>
+ <a href="#" className="js-modal-close" onClick={this.handleCancelClick}>
+ {translate('cancel')}
+ </a>
+ </div>
+ </form>
+ </Modal>}
</button>
);
}
setLicense: React.PropTypes.func.isRequired
};
- handleSet(value) {
- return this.props.setLicense(this.props.license.key, value).catch(() => {
- /* do nothing */
- });
- }
+ handleSet = value => this.props.setLicense(this.props.license.key, value);
render() {
const { license } = this.props;
</div>
</td>
<td className="text-right">
- <LicenseChangeForm license={license} onChange={value => this.handleSet(value)} />
+ <LicenseChangeForm license={license} onChange={this.handleSet} />
</td>
</tr>
);
+++ /dev/null
-<form>
- <div class="modal-head">
- <h2>{{tp 'licenses.update_license_for_x' productName}}</h2>
- </div>
- <div class="modal-body">
- <div class="js-modal-messages"></div>
- <label for="license-input">{{t 'licenses.license_input_label'}}</label>
- <textarea class="width-100 spacer-top" rows="7" id="license-input">{{value}}</textarea>
- <div class="spacer-top note">{{t 'licenses.license_input_note'}}</div>
- </div>
- <div class="modal-foot">
- <i class="js-modal-spinner spinner spacer-right hidden"></i>
- <button class="js-modal-submit">{{t 'save'}}</button>
- <a href="#" class="js-modal-close">{{t 'cancel'}}</a>
- </div>
-</form>
+++ /dev/null
-/*
- * SonarQube
- * Copyright (C) 2009-2017 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
-import ModalForm from '../../../components/common/modal-form';
-import Template from './LicenseValueView.hbs';
-
-export default ModalForm.extend({
- template: Template,
-
- onFormSubmit() {
- ModalForm.prototype.onFormSubmit.apply(this, arguments);
- this.disableForm();
- this.showSpinner();
-
- const value = this.$('textarea').val();
- this.options.onChange(value).then(() => this.destroy());
- },
-
- serializeData() {
- return {
- productName: this.options.productName,
- value: this.options.value
- };
- }
-});
const request = value ? licenses.setLicense(key, value) : licenses.resetLicense(key);
return request
- .then(() => {
+ .then(() =>
licenses.getLicenses().then(licenses => {
dispatch(receiveLicenses(licenses));
if (isLicenseFromListInvalid(licenses, key)) {
} else {
dispatch(addGlobalSuccessMessage(translate('licenses.success_message')));
}
- });
- })
+ })
+ )
.catch(handleError(dispatch));
};
projects / sonarqube.git / commitdiff