/*
 * SonarQube, open source software quality management tool.
 * Copyright (C) 2008-2014 SonarSource
 * mailto:contact AT sonarsource DOT com
 *
 * SonarQube 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.
 *
 * SonarQube 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.
 */
define(['components/common/modals'], function (ModalView) {

  return ModalView.extend({

    ui: function () {
      return {
        messagesContainer: '.js-modal-messages'
      };
    },

    events: function () {
      return _.extend(ModalView.prototype.events.apply(this, arguments), {
        'submit form': 'onFormSubmit'
      });
    },

    onRender: function () {
      ModalView.prototype.onRender.apply(this, arguments);
      var that = this;
      setTimeout(function () {
        that.$(':tabbable').first().focus();
      }, 0);
    },

    onFormSubmit: function (e) {
      e.preventDefault();
    },

    showErrors: function (errors, warnings) {
      var container = this.ui.messagesContainer.empty();
      if (_.isArray(errors)) {
        errors.forEach(function (error) {
          var html = '<div class="alert alert-danger">' + error.msg + '</div>';
          container.append(html);
        });
      }
      if (_.isArray(warnings)) {
        warnings.forEach(function (warn) {
          var html = '<div class="alert alert-warning">' + warn.msg + '</div>';
          container.append(html);
        });
      }
      this.ui.messagesContainer.scrollParent().scrollTop(0);
    },

    disableForm: function () {
      var form = this.$('form');
      this.disabledFields = form.find(':input:not(:disabled)');
      this.disabledFields.prop('disabled', true);
    },

    enableForm: function () {
      if (this.disabledFields != null) {
        this.disabledFields.prop('disabled', false);
      }
    }
  });

});
