BigW Consortium Gitlab

todos.js 4.62 KB
Newer Older
1
/* eslint-disable class-methods-use-this, no-unneeded-ternary, quote-props */
2 3

import UsersSelect from './users_select';
4
import { isMetaClick } from './lib/utils/common_utils';
5

6
export default class Todos {
7 8 9
  constructor() {
    this.initFilters();
    this.bindEvents();
10
    this.todo_ids = [];
11

12 13 14
    this.cleanupWrapper = this.cleanup.bind(this);
    document.addEventListener('beforeunload', this.cleanupWrapper);
  }
Fatih Acet committed
15

16 17 18 19
  cleanup() {
    this.unbindEvents();
    document.removeEventListener('beforeunload', this.cleanupWrapper);
  }
Fatih Acet committed
20

21 22
  unbindEvents() {
    $('.js-done-todo, .js-undo-todo, .js-add-todo').off('click', this.updateRowStateClickedWrapper);
23
    $('.js-todos-mark-all', '.js-todos-undo-all').off('click', this.updateallStateClickedWrapper);
24 25
    $('.todo').off('click', this.goToTodoUrl);
  }
26

27 28
  bindEvents() {
    this.updateRowStateClickedWrapper = this.updateRowStateClicked.bind(this);
29
    this.updateAllStateClickedWrapper = this.updateAllStateClicked.bind(this);
30

31
    $('.js-done-todo, .js-undo-todo, .js-add-todo').on('click', this.updateRowStateClickedWrapper);
32
    $('.js-todos-mark-all, .js-todos-undo-all').on('click', this.updateAllStateClickedWrapper);
33 34
    $('.todo').on('click', this.goToTodoUrl);
  }
Fatih Acet committed
35

36 37 38 39
  initFilters() {
    this.initFilterDropdown($('.js-project-search'), 'project_id', ['text']);
    this.initFilterDropdown($('.js-type-search'), 'type');
    this.initFilterDropdown($('.js-action-search'), 'action_id');
40

41 42
    return new UsersSelect();
  }
43

44 45 46 47 48 49 50 51 52 53
  initFilterDropdown($dropdown, fieldName, searchFields) {
    $dropdown.glDropdown({
      fieldName,
      selectable: true,
      filterable: searchFields ? true : false,
      search: { fields: searchFields },
      data: $dropdown.data('data'),
      clicked: () => $dropdown.closest('form.filter-form').submit(),
    });
  }
54

55
  updateRowStateClicked(e) {
56
    e.stopPropagation();
57 58 59
    e.preventDefault();

    const target = e.target;
60
    target.setAttribute('disabled', true);
61 62 63
    target.classList.add('disabled');
    $.ajax({
      type: 'POST',
64
      url: target.dataset.href,
65 66
      dataType: 'json',
      data: {
67
        '_method': target.dataset.method,
68 69 70 71 72 73 74
      },
      success: (data) => {
        this.updateRowState(target);
        return this.updateBadges(data);
      },
    });
  }
Fatih Acet committed
75

76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92
  updateRowState(target) {
    const row = target.closest('li');
    const restoreBtn = row.querySelector('.js-undo-todo');
    const doneBtn = row.querySelector('.js-done-todo');

    target.classList.add('hidden');
    target.removeAttribute('disabled');
    target.classList.remove('disabled');

    if (target === doneBtn) {
      row.classList.add('done-reversible');
      restoreBtn.classList.remove('hidden');
    } else if (target === restoreBtn) {
      row.classList.remove('done-reversible');
      doneBtn.classList.remove('hidden');
    } else {
      row.parentNode.removeChild(row);
Bryce Johnson committed
93
    }
94
  }
Fatih Acet committed
95

96
  updateAllStateClicked(e) {
97
    e.stopPropagation();
98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131
    e.preventDefault();

    const target = e.currentTarget;
    const requestData = { '_method': target.dataset.method, ids: this.todo_ids };
    target.setAttribute('disabled', true);
    target.classList.add('disabled');
    $.ajax({
      type: 'POST',
      url: target.dataset.href,
      dataType: 'json',
      data: requestData,
      success: (data) => {
        this.updateAllState(target, data);
        return this.updateBadges(data);
      },
    });
  }

  updateAllState(target, data) {
    const markAllDoneBtn = document.querySelector('.js-todos-mark-all');
    const undoAllBtn = document.querySelector('.js-todos-undo-all');
    const todoListContainer = document.querySelector('.js-todos-list-container');
    const nothingHereContainer = document.querySelector('.js-nothing-here-container');

    target.removeAttribute('disabled');
    target.classList.remove('disabled');

    this.todo_ids = (target === markAllDoneBtn) ? data.updated_ids : [];
    undoAllBtn.classList.toggle('hidden');
    markAllDoneBtn.classList.toggle('hidden');
    todoListContainer.classList.toggle('hidden');
    nothingHereContainer.classList.toggle('hidden');
  }

132 133 134 135 136
  updateBadges(data) {
    $(document).trigger('todo:toggle', data.count);
    document.querySelector('.todos-pending .badge').innerHTML = data.count;
    document.querySelector('.todos-done .badge').innerHTML = data.done_count;
  }
137

138 139
  goToTodoUrl(e) {
    const todoLink = this.dataset.url;
140

Phil Hughes committed
141
    if (!todoLink || e.target.tagName === 'A' || e.target.tagName === 'IMG') {
142
      return;
Bryce Johnson committed
143
    }
Fatih Acet committed
144

Phil Hughes committed
145 146 147
    e.stopPropagation();
    e.preventDefault();

148
    if (isMetaClick(e)) {
149
      const windowTarget = '_blank';
Phil Hughes committed
150 151

      window.open(todoLink, windowTarget);
152 153
    } else {
      gl.utils.visitUrl(todoLink);
Bryce Johnson committed
154 155
    }
  }
156
}