/*
 * 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>
    );
  }
}