1 files changed, 111 insertions, 0 deletions
diff --git a/server/sonar-web/src/main/js/apps/project-admin/key/BulkUpdateResults.js b/server/sonar-web/src/main/js/apps/project-admin/key/BulkUpdateResults.js
new file mode 100644
index 00000000000..56f5531875b
--- /dev/null
+++ b/server/sonar-web/src/main/js/apps/project-admin/key/BulkUpdateResults.js
@@ -0,0 +1,111 @@
+/*
+ * SonarQube
+ * Copyright (C) 2009-2016 SonarSource SA
+ * mailto:contact 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 React from 'react';
+import some from 'lodash/some';
+import { translateWithParameters, translate } from '../../../helpers/l10n';
+
+export default class BulkUpdateResults extends React.Component {
+  static propTypes = {
+    results: React.PropTypes.array.isRequired,
+    onConfirm: React.PropTypes.func.isRequired
+  };
+
+  handleConfirm (e) {
+    e.preventDefault();
+    e.target.blur();
+    this.props.onConfirm();
+  }
+
+  render () {
+    const { results, replace, by } = this.props;
+    const isEmpty = results.length === 0;
+    const hasDuplications = some(results, r => r.duplicate);
+    const canUpdate = !isEmpty && !hasDuplications;
+
+    return (
+        <div id="bulk-update-simulation" className="big-spacer-top">
+          {isEmpty && (
+              <div id="bulk-update-nothing" className="alert alert-warning">
+                {translateWithParameters(
+                    'update_key.no_key_to_update',
+                    replace
+                )}
+              </div>
+          )}
+
+          {hasDuplications && (
+              <div id="bulk-update-duplicate" className="alert alert-danger">
+                {translateWithParameters(
+                    'update_key.cant_update_because_duplicate_keys',
+                    replace,
+                    by
+                )}
+              </div>
+          )}
+
+          {canUpdate && (
+              <div className="spacer-bottom">
+                {translate('update_key.keys_will_be_updated_as_follows')}
+              </div>
+          )}
+
+          {!isEmpty && (
+              <table
+                  id="bulk-update-results"
+                  className="data zebra zebra-hover">
+                <thead>
+                  <tr>
+                    <th>{translate('update_key.old_key')}</th>
+                    <th>{translate('update_key.new_key')}</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {results.map(result => (
+                      <tr key={result.key} data-key={result.key}>
+                        <td className="js-old-key">
+                          {result.key}
+                        </td>
+                        <td className="js-new-key">
+                          {result.duplicate && (
+                              <span className="spacer-right badge badge-danger">
+                                {translate('update_key.duplicate_key')}
+                              </span>
+                          )}
+                          {result.newKey}
+                        </td>
+                      </tr>
+                  ))}
+                </tbody>
+              </table>
+          )}
+
+          <div className="big-spacer-top">
+            {canUpdate && (
+                <button
+                    id="bulk-update-confirm"
+                    onClick={this.handleConfirm.bind(this)}>
+                  {translate('update_verb')}
+                </button>
+            )}
+          </div>
+        </div>
+    );
+  }
+}