/* eslint-disable func-names, space-before-function-paren, no-var, prefer-rest-params, wrap-iife, one-var, no-underscore-dangle, one-var-declaration-per-line, object-shorthand, no-unused-vars, no-new, comma-dangle, consistent-return, quotes, dot-notation, quote-props, prefer-arrow-callback, max-len */
/* global Flash */

require('./flash');
require('~/lib/utils/text_utility');
require('vendor/jquery.waitforimages');
require('./task_list');

class Issue {
  constructor() {
    if ($('a.btn-close').length) {
      this.taskList = new gl.TaskList({
        dataType: 'issue',
        fieldName: 'description',
        selector: '.detail-page-description',
        onSuccess: (result) => {
          document.querySelector('#task_status').innerText = result.task_status;
          document.querySelector('#task_status_short').innerText = result.task_status_short;
        }
      });
      Issue.initIssueBtnEventListeners();
    }
    Issue.initMergeRequests();
    Issue.initRelatedBranches();
    Issue.initCanCreateBranch();
  }

  static initIssueBtnEventListeners() {
    var issueFailMessage;
    issueFailMessage = 'Unable to update this issue at this time.';
    return $('a.btn-close, a.btn-reopen').on('click', function(e) {
      var $this, isClose, shouldSubmit, url;
      e.preventDefault();
      e.stopImmediatePropagation();
      $this = $(this);
      isClose = $this.hasClass('btn-close');
      shouldSubmit = $this.hasClass('btn-comment');
      if (shouldSubmit) {
        Issue.submitNoteForm($this.closest('form'));
      }
      $this.prop('disabled', true);
      url = $this.attr('href');
      return $.ajax({
        type: 'PUT',
        url: url,
        error: function(jqXHR, textStatus, errorThrown) {
          var issueStatus;
          issueStatus = isClose ? 'close' : 'open';
          return new Flash(issueFailMessage, 'alert');
        },
        success: function(data, textStatus, jqXHR) {
          if ('id' in data) {
            $(document).trigger('issuable:change');
            let total = Number($('.issue_counter').text().replace(/[^\d]/, ''));
            if (isClose) {
              $('a.btn-close').addClass('hidden');
              $('a.btn-reopen').removeClass('hidden');
              $('div.status-box-closed').removeClass('hidden');
              $('div.status-box-open').addClass('hidden');
              total -= 1;
            } else {
              $('a.btn-reopen').addClass('hidden');
              $('a.btn-close').removeClass('hidden');
              $('div.status-box-closed').addClass('hidden');
              $('div.status-box-open').removeClass('hidden');
              total += 1;
            }
            $('.issue_counter').text(gl.text.addDelimiter(total));
          } else {
            new Flash(issueFailMessage, 'alert');
          }
          return $this.prop('disabled', false);
        }
      });
    });
  }

  static submitNoteForm(form) {
    var noteText;
    noteText = form.find("textarea.js-note-text").val();
    if (noteText.trim().length > 0) {
      return form.submit();
    }
  }

  static initMergeRequests() {
    var $container;
    $container = $('#merge-requests');
    return $.getJSON($container.data('url')).error(function() {
      return new Flash('Failed to load referenced merge requests', 'alert');
    }).success(function(data) {
      if ('html' in data) {
        return $container.html(data.html);
      }
    });
  }

  static initRelatedBranches() {
    var $container;
    $container = $('#related-branches');
    return $.getJSON($container.data('url')).error(function() {
      return new Flash('Failed to load related branches', 'alert');
    }).success(function(data) {
      if ('html' in data) {
        return $container.html(data.html);
      }
    });
  }

  static initCanCreateBranch() {
    var $container;
    $container = $('#new-branch');
    // If the user doesn't have the required permissions the container isn't
    // rendered at all.
    if ($container.length === 0) {
      return;
    }
    return $.getJSON($container.data('path')).error(function() {
      $container.find('.unavailable').show();
      return new Flash('Failed to check if a new branch can be created.', 'alert');
    }).success(function(data) {
      if (data.can_create_branch) {
        $container.find('.available').show();
      } else {
        return $container.find('.unavailable').show();
      }
    });
  }
}

export default Issue;