BigW Consortium Gitlab

issue.js 4.19 KB
Newer Older
1
/* 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 */
2 3
 /* global Flash */
import CreateMergeRequestDropdown from './create_merge_request_dropdown';
Fatih Acet committed
4

5
require('./flash');
6
require('~/lib/utils/text_utility');
7
require('vendor/jquery.waitforimages');
8
require('./task_list');
Fatih Acet committed
9

10 11 12 13 14 15 16 17 18 19 20 21
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;
        }
      });
22
      this.initIssueBtnEventListeners();
Fatih Acet committed
23
    }
24 25

    Issue.$btnNewBranch = $('#new-branch');
26
    Issue.createMrDropdownWrap = document.querySelector('.create-mr-dropdown-wrap');
27

28 29
    Issue.initMergeRequests();
    Issue.initRelatedBranches();
30 31 32 33

    if (Issue.createMrDropdownWrap) {
      this.createMergeRequestDropdown = new CreateMergeRequestDropdown(Issue.createMrDropdownWrap);
    }
34
  }
Fatih Acet committed
35

36
  initIssueBtnEventListeners() {
37 38 39 40 41 42 43
    const issueFailMessage = 'Unable to update this issue at this time.';
    const closeButtons = $('a.btn-close');
    const isClosedBadge = $('div.status-box-closed');
    const isOpenBadge = $('div.status-box-open');
    const projectIssuesCounter = $('.issue_counter');
    const reopenButtons = $('a.btn-reopen');

44 45
    return closeButtons.add(reopenButtons).on('click', (e) => {
      var $button, shouldSubmit, url;
46 47
      e.preventDefault();
      e.stopImmediatePropagation();
48 49
      $button = $(e.currentTarget);
      shouldSubmit = $button.hasClass('btn-comment');
50
      if (shouldSubmit) {
51
        Issue.submitNoteForm($button.closest('form'));
52
      }
53 54
      $button.prop('disabled', true);
      url = $button.attr('href');
55 56
      return $.ajax({
        type: 'PUT',
57
        url: url
58 59 60
      })
      .fail(() => new Flash(issueFailMessage))
      .done((data) => {
61 62 63
        if ('id' in data) {
          $(document).trigger('issuable:change');

64
          const isClosed = $button.hasClass('btn-close');
65 66 67 68 69 70 71 72
          closeButtons.toggleClass('hidden', isClosed);
          reopenButtons.toggleClass('hidden', !isClosed);
          isClosedBadge.toggleClass('hidden', !isClosed);
          isOpenBadge.toggleClass('hidden', isClosed);

          let numProjectIssues = Number(projectIssuesCounter.text().replace(/[^\d]/, ''));
          numProjectIssues = isClosed ? numProjectIssues - 1 : numProjectIssues + 1;
          projectIssuesCounter.text(gl.text.addDelimiter(numProjectIssues));
73 74 75 76 77 78 79 80 81 82

          if (this.createMergeRequestDropdown) {
            if (isClosed) {
              this.createMergeRequestDropdown.unavailable();
              this.createMergeRequestDropdown.disable();
            } else {
              // We should check in case a branch was created in another tab
              this.createMergeRequestDropdown.checkAbilityToCreateBranch();
            }
          }
83 84
        } else {
          new Flash(issueFailMessage);
85
        }
86

87
        $button.prop('disabled', false);
Fatih Acet committed
88
      });
89 90
    });
  }
Fatih Acet committed
91

92 93 94 95 96 97 98
  static submitNoteForm(form) {
    var noteText;
    noteText = form.find("textarea.js-note-text").val();
    if (noteText.trim().length > 0) {
      return form.submit();
    }
  }
Fatih Acet committed
99

100 101 102
  static initMergeRequests() {
    var $container;
    $container = $('#merge-requests');
103 104 105
    return $.getJSON($container.data('url')).fail(function() {
      return new Flash('Failed to load referenced merge requests');
    }).done(function(data) {
106 107 108 109 110
      if ('html' in data) {
        return $container.html(data.html);
      }
    });
  }
Fatih Acet committed
111

112 113 114
  static initRelatedBranches() {
    var $container;
    $container = $('#related-branches');
115 116 117
    return $.getJSON($container.data('url')).fail(function() {
      return new Flash('Failed to load related branches');
    }).done(function(data) {
118 119 120 121 122 123
      if ('html' in data) {
        return $container.html(data.html);
      }
    });
  }
}
Fatih Acet committed
124

125
export default Issue;