--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 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 * as React from 'react';
+import ConditionModal from './ConditionModal';
+import { Button } from '../../../components/ui/buttons';
+import { translate } from '../../../helpers/l10n';
+import { Metric } from '../../../app/types';
+
+interface Props {
+ metrics: Metric[];
+}
+
+interface State {
+ modal: boolean;
+}
+
+export default class AddConditionButton extends React.PureComponent<Props, State> {
+ mounted = false;
+ state: State = { modal: false };
+
+ componentDidMount() {
+ this.mounted = true;
+ }
+
+ componentWillUnmount() {
+ this.mounted = false;
+ }
+
+ handleClick = () => {
+ this.setState({ modal: true });
+ };
+
+ handleModalClose = () => {
+ if (this.mounted) {
+ this.setState({ modal: false });
+ }
+ };
+
+ render() {
+ return (
+ <>
+ <Button onClick={this.handleClick}>{translate('quality_gates.add_condition')}</Button>
+ {this.state.modal && (
+ <ConditionModal
+ header={translate('quality_gates.add_condition')}
+ metrics={this.props.metrics}
+ onClose={this.handleModalClose}
+ />
+ )}
+ </>
+ );
+ }
+}
});
return (
- <div className="big-spacer-top panel bg-muted">
- <Select
- className="text-middle input-large"
- onChange={this.handleChange}
- options={optionsWithDomains}
- placeholder={translate('quality_gates.add_condition')}
- />
- </div>
+ <Select
+ className="text-middle input-large"
+ onChange={this.handleChange}
+ options={optionsWithDomains}
+ placeholder={translate('quality_gates.add_condition')}
+ />
);
}
}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 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 * as React from 'react';
+import AddConditionSelect from './AddConditionSelect';
+import ConditionOperator from './ConditionOperator';
+import Modal from '../../../components/controls/Modal';
+import { SubmitButton, ResetButtonLink } from '../../../components/ui/buttons';
+import { translate } from '../../../helpers/l10n';
+import { Metric } from '../../../app/types';
+
+interface Props {
+ metrics: Metric[];
+ header: string;
+ onClose: () => void;
+}
+
+interface State {
+ metric: string;
+ submitting: boolean;
+}
+
+export default class ConditionModal extends React.PureComponent<Props, State> {
+ state = { metric: '', submitting: false };
+
+ handleFormSubmit = (event: React.SyntheticEvent<HTMLFormElement>) => {
+ event.preventDefault();
+ this.setState({ submitting: true });
+ };
+
+ handleChooseType = (metric: string) => {
+ this.setState({ metric });
+ };
+
+ render() {
+ const { header, metrics, onClose } = this.props;
+ const { submitting } = this.state;
+ return (
+ <Modal contentLabel={header} onRequestClose={onClose}>
+ <form onSubmit={this.handleFormSubmit}>
+ <div className="modal-head">
+ <h2>{header}</h2>
+ </div>
+
+ <div className="modal-body">
+ <div className="modal-field">
+ <label htmlFor="create-user-login">
+ {translate('quality_gates.conditions.metric')}
+ </label>
+ <AddConditionSelect metrics={metrics} onAddCondition={this.handleChooseType} />
+ </div>
+ <div className="modal-field">
+ <label htmlFor="create-user-login">
+ {translate('quality_gates.conditions.metric')}
+ </label>
+ <ConditionOperator
+ canEdit={true}
+ condition={}
+ metric={this.state.metric}
+ onOperatorChange={() => {}}
+ />
+ </div>
+ </div>
+
+ <div className="modal-foot">
+ {submitting && <i className="spinner spacer-right" />}
+ <SubmitButton disabled={submitting} id="coding-rules-custom-rule-creation-reactivate">
+ {header}
+ </SubmitButton>
+ <ResetButtonLink
+ disabled={submitting}
+ id="coding-rules-custom-rule-creation-cancel"
+ onClick={onClose}>
+ {translate('cancel')}
+ </ResetButtonLink>
+ </div>
+ </form>
+ </Modal>
+ );
+ }
+}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 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 * as React from 'react';
+import Select from '../../../components/controls/Select';
+import { Condition as ICondition, Metric } from '../../../app/types';
+import { translate } from '../../../helpers/l10n';
+
+interface Props {
+ condition: ICondition;
+ canEdit: boolean;
+ metric: Metric;
+ onOperatorChange: ({ value }: any) => void;
+}
+
+export default function ConditionOperator({ condition, canEdit, metric, onOperatorChange }: Props) {
+ if (!canEdit && condition.op) {
+ return metric.type === 'RATING' ? (
+ <span className="note">{translate('quality_gates.operator', condition.op, 'rating')}</span>
+ ) : (
+ <span className="note">{translate('quality_gates.operator', condition.op)}</span>
+ );
+ }
+
+ if (metric.type === 'RATING') {
+ return <span className="note">{translate('quality_gates.operator.GT.rating')}</span>;
+ }
+
+ const operators = ['LT', 'GT', 'EQ', 'NE'];
+ const operatorOptions = operators.map(op => {
+ const label = translate('quality_gates.operator', op);
+ return { label, value: op };
+ });
+
+ return (
+ <Select
+ autofocus={true}
+ className="input-medium"
+ clearable={false}
+ name="operator"
+ onChange={onOperatorChange}
+ options={operatorOptions}
+ searchable={false}
+ value={condition.op}
+ />
+ );
+}
import { differenceWith, map, sortBy, uniqBy } from 'lodash';
import AddConditionSelect from './AddConditionSelect';
import Condition from './Condition';
+import AddConditionButton from './AddConditionButton';
import DocTooltip from '../../../components/docs/DocTooltip';
import { translate, getLocalizedMetricName } from '../../../helpers/l10n';
import { Condition as ICondition, Metric, QualityGate } from '../../../app/types';
return (
<div className="quality-gate-section" id="quality-gate-conditions">
+ <div className="pull-right">
+ <AddConditionButton metrics={availableMetrics} />
+ </div>
<header className="display-flex-center spacer-bottom">
<h3>{translate('quality_gates.conditions')}</h3>
<DocTooltip className="spacer-left" doc="quality-gates/quality-gate-conditions" />
projects / sonarqube.git / commitdiff