BigW Consortium Gitlab

notes.js 34.5 KB
Newer Older
1 2 3 4 5
/* eslint-disable no-restricted-properties, func-names, space-before-function-paren, no-var, space-before-blocks, prefer-rest-params, wrap-iife, no-use-before-define, camelcase, no-unused-expressions, quotes, max-len, one-var, one-var-declaration-per-line, default-case, prefer-template, consistent-return, no-alert, no-return-assign, no-param-reassign, prefer-arrow-callback, no-else-return, comma-dangle, no-new, brace-style, no-lonely-if, vars-on-top, no-unused-vars, semi, indent, no-sequences, no-shadow, newline-per-chained-call, no-useless-escape, radix, padded-blocks */
/* global Flash */
/* global GLForm */
/* global Autosave */
/* global ResolveService */
Fatih Acet committed
6 7 8 9 10 11 12 13 14 15 16 17 18

/*= require autosave */
/*= require autosize */
/*= require dropzone */
/*= require dropzone_input */
/*= require gfm_auto_complete */
/*= require jquery.atwho */
/*= require task_list */

(function() {
  var bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };

  this.Notes = (function() {
19
    const MAX_VISIBLE_COMMIT_LIST_COUNT = 3;
Fatih Acet committed
20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

    Notes.interval = null;

    function Notes(notes_url, note_ids, last_fetched_at, view) {
      this.updateTargetButtons = bind(this.updateTargetButtons, this);
      this.updateCloseButton = bind(this.updateCloseButton, this);
      this.visibilityChange = bind(this.visibilityChange, this);
      this.cancelDiscussionForm = bind(this.cancelDiscussionForm, this);
      this.addDiffNote = bind(this.addDiffNote, this);
      this.setupDiscussionNoteForm = bind(this.setupDiscussionNoteForm, this);
      this.replyToDiscussionNote = bind(this.replyToDiscussionNote, this);
      this.removeNote = bind(this.removeNote, this);
      this.cancelEdit = bind(this.cancelEdit, this);
      this.updateNote = bind(this.updateNote, this);
      this.addDiscussionNote = bind(this.addDiscussionNote, this);
      this.addNoteError = bind(this.addNoteError, this);
      this.addNote = bind(this.addNote, this);
      this.resetMainTargetForm = bind(this.resetMainTargetForm, this);
      this.refresh = bind(this.refresh, this);
      this.keydownNoteText = bind(this.keydownNoteText, this);
40
      this.toggleCommitList = bind(this.toggleCommitList, this);
Fatih Acet committed
41 42 43 44 45 46 47 48 49 50 51 52 53
      this.notes_url = notes_url;
      this.note_ids = note_ids;
      this.last_fetched_at = last_fetched_at;
      this.view = view;
      this.noteable_url = document.URL;
      this.notesCountBadge || (this.notesCountBadge = $(".issuable-details").find(".notes-tab .badge"));
      this.basePollingInterval = 15000;
      this.maxPollingSteps = 4;
      this.cleanBinding();
      this.addBinding();
      this.setPollingInterval();
      this.setupMainTargetNoteForm();
      this.initTaskList();
54
      this.collapseLongCommitList();
55 56 57 58

      // We are in the Merge Requests page so we need another edit form for Changes tab
      if (gl.utils.getPagePath(1) === 'merge_requests') {
        $('.note-edit-form').clone()
59
          .addClass('mr-note-edit-form').insertAfter('.note-edit-form');
60
      }
Fatih Acet committed
61 62 63
    }

    Notes.prototype.addBinding = function() {
64
      // add note to UI after creation
Fatih Acet committed
65 66
      $(document).on("ajax:success", ".js-main-target-form", this.addNote);
      $(document).on("ajax:success", ".js-discussion-note-form", this.addDiscussionNote);
67
      // catch note ajax errors
Fatih Acet committed
68
      $(document).on("ajax:error", ".js-main-target-form", this.addNoteError);
69
      // change note in UI after update
Fatih Acet committed
70
      $(document).on("ajax:success", "form.edit-note", this.updateNote);
71
      // Edit note link
72
      $(document).on("click", ".js-note-edit", this.showEditForm.bind(this));
Fatih Acet committed
73
      $(document).on("click", ".note-edit-cancel", this.cancelEdit);
74
      // Reopen and close actions for Issue/MR combined with note form submit
Fatih Acet committed
75 76
      $(document).on("click", ".js-comment-button", this.updateCloseButton);
      $(document).on("keyup input", ".js-note-text", this.updateTargetButtons);
77
      // resolve a discussion
78
      $(document).on('click', '.js-comment-resolve-button', this.resolveDiscussion);
79
      // remove a note (in general)
Fatih Acet committed
80
      $(document).on("click", ".js-note-delete", this.removeNote);
81
      // delete note attachment
Fatih Acet committed
82
      $(document).on("click", ".js-note-attachment-delete", this.removeAttachment);
83
      // reset main target form after submit
Fatih Acet committed
84 85
      $(document).on("ajax:complete", ".js-main-target-form", this.reenableTargetFormSubmitButton);
      $(document).on("ajax:success", ".js-main-target-form", this.resetMainTargetForm);
86
      // reset main target form when clicking discard
Fatih Acet committed
87
      $(document).on("click", ".js-note-discard", this.resetMainTargetForm);
88
      // update the file name when an attachment is selected
Fatih Acet committed
89
      $(document).on("change", ".js-note-attachment-input", this.updateFormAttachment);
90
      // reply to diff/discussion notes
Fatih Acet committed
91
      $(document).on("click", ".js-discussion-reply-button", this.replyToDiscussionNote);
92
      // add diff note
Fatih Acet committed
93
      $(document).on("click", ".js-add-diff-note-button", this.addDiffNote);
94
      // hide diff note form
Fatih Acet committed
95
      $(document).on("click", ".js-close-discussion-note-form", this.cancelDiscussionForm);
96 97
      // toggle commit list
      $(document).on("click", '.system-note-commit-list-toggler', this.toggleCommitList);
98
      // fetch notes when tab becomes visible
Fatih Acet committed
99
      $(document).on("visibilitychange", this.visibilityChange);
100
      // when issue status changes, we need to refresh data
Fatih Acet committed
101
      $(document).on("issuable:change", this.refresh);
102

103
      // when a key is clicked on the notes
Fatih Acet committed
104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124
      return $(document).on("keydown", ".js-note-text", this.keydownNoteText);
    };

    Notes.prototype.cleanBinding = function() {
      $(document).off("ajax:success", ".js-main-target-form");
      $(document).off("ajax:success", ".js-discussion-note-form");
      $(document).off("ajax:success", "form.edit-note");
      $(document).off("click", ".js-note-edit");
      $(document).off("click", ".note-edit-cancel");
      $(document).off("click", ".js-note-delete");
      $(document).off("click", ".js-note-attachment-delete");
      $(document).off("ajax:complete", ".js-main-target-form");
      $(document).off("ajax:success", ".js-main-target-form");
      $(document).off("click", ".js-discussion-reply-button");
      $(document).off("click", ".js-add-diff-note-button");
      $(document).off("visibilitychange");
      $(document).off("keyup", ".js-note-text");
      $(document).off("click", ".js-note-target-reopen");
      $(document).off("click", ".js-note-target-close");
      $(document).off("click", ".js-note-discard");
      $(document).off("keydown", ".js-note-text");
125
      $(document).off('click', '.js-comment-resolve-button');
126
      $(document).off("click", '.system-note-commit-list-toggler');
Fatih Acet committed
127 128 129 130 131 132
      $('.note .js-task-list-container').taskList('disable');
      return $(document).off('tasklist:changed', '.note .js-task-list-container');
    };

    Notes.prototype.keydownNoteText = function(e) {
      var $textarea, discussionNoteForm, editNote, myLastNote, myLastNoteEditBtn, newText, originalText;
133
      if (gl.utils.isMetaKey(e)) {
Fatih Acet committed
134 135
        return;
      }
136

Fatih Acet committed
137
      $textarea = $(e.target);
138
      // Edit previous note when UP arrow is hit
Fatih Acet committed
139 140 141 142 143 144 145 146 147 148 149
      switch (e.which) {
        case 38:
          if ($textarea.val() !== '') {
            return;
          }
          myLastNote = $("li.note[data-author-id='" + gon.current_user_id + "'][data-editable]:last");
          if (myLastNote.length) {
            myLastNoteEditBtn = myLastNote.find('.js-note-edit');
            return myLastNoteEditBtn.trigger('click', [true, myLastNote]);
          }
          break;
150
        // Cancel creating diff note or editing any note when ESCAPE is hit
Fatih Acet committed
151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226
        case 27:
          discussionNoteForm = $textarea.closest('.js-discussion-note-form');
          if (discussionNoteForm.length) {
            if ($textarea.val() !== '') {
              if (!confirm('Are you sure you want to cancel creating this comment?')) {
                return;
              }
            }
            this.removeDiscussionNoteForm(discussionNoteForm);
            return;
          }
          editNote = $textarea.closest('.note');
          if (editNote.length) {
            originalText = $textarea.closest('form').data('original-note');
            newText = $textarea.val();
            if (originalText !== newText) {
              if (!confirm('Are you sure you want to cancel editing this comment?')) {
                return;
              }
            }
            return this.removeNoteEditForm(editNote);
          }
      }
    };

    Notes.prototype.initRefresh = function() {
      clearInterval(Notes.interval);
      return Notes.interval = setInterval((function(_this) {
        return function() {
          return _this.refresh();
        };
      })(this), this.pollingInterval);
    };

    Notes.prototype.refresh = function() {
      if (!document.hidden && document.URL.indexOf(this.noteable_url) === 0) {
        return this.getContent();
      }
    };

    Notes.prototype.getContent = function() {
      if (this.refreshing) {
        return;
      }
      this.refreshing = true;
      return $.ajax({
        url: this.notes_url,
        data: "last_fetched_at=" + this.last_fetched_at,
        dataType: "json",
        success: (function(_this) {
          return function(data) {
            var notes;
            notes = data.notes;
            _this.last_fetched_at = data.last_fetched_at;
            _this.setPollingInterval(data.notes.length);
            return $.each(notes, function(i, note) {
              if (note.discussion_html != null) {
                return _this.renderDiscussionNote(note);
              } else {
                return _this.renderNote(note);
              }
            });
          };
        })(this)
      }).always((function(_this) {
        return function() {
          return _this.refreshing = false;
        };
      })(this));
    };


    /*
    Increase @pollingInterval up to 120 seconds on every function call,
    if `shouldReset` has a truthy value, 'null' or 'undefined' the variable
    will reset to @basePollingInterval.
227

Fatih Acet committed
228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248
    Note: this function is used to gradually increase the polling interval
    if there aren't new notes coming from the server
     */

    Notes.prototype.setPollingInterval = function(shouldReset) {
      var nthInterval;
      if (shouldReset == null) {
        shouldReset = true;
      }
      nthInterval = this.basePollingInterval * Math.pow(2, this.maxPollingSteps - 1);
      if (shouldReset) {
        this.pollingInterval = this.basePollingInterval;
      } else if (this.pollingInterval < nthInterval) {
        this.pollingInterval *= 2;
      }
      return this.initRefresh();
    };


    /*
    Render note in main comments area.
249

Fatih Acet committed
250 251 252 253 254 255 256
    Note: for rendering inline notes use renderDiscussionNote
     */

    Notes.prototype.renderNote = function(note) {
      var $notesList, votesBlock;
      if (!note.valid) {
        if (note.award) {
257 258 259 260 261
          new Flash('You have already awarded this emoji!', 'alert', this.parentTimeline);
        }
        else {
          if (note.errors.commands_only) {
            new Flash(note.errors.commands_only, 'notice', this.parentTimeline);
262
            this.refresh();
263
          }
Fatih Acet committed
264 265 266 267 268 269 270
        }
        return;
      }
      if (note.award) {
        votesBlock = $('.js-awards-block').eq(0);
        gl.awardsHandler.addAwardToEmojiBar(votesBlock, note.name);
        return gl.awardsHandler.scrollToAwards();
271 272
      // render note if it not present in loaded list
      // or skip if rendered
Fatih Acet committed
273 274 275 276
      } else if (this.isNewNote(note)) {
        this.note_ids.push(note.id);
        $notesList = $('ul.main-notes-list');
        $notesList.append(note.html).syntaxHighlight();
277
        // Update datetime format on the recent note
Fatih Acet committed
278
        gl.utils.localTimeAgo($notesList.find("#note_" + note.id + " .js-timeago"), false);
279
        this.collapseLongCommitList();
Fatih Acet committed
280
        this.initTaskList();
281
        this.refresh();
Fatih Acet committed
282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301
        return this.updateNotesCount(1);
      }
    };


    /*
    Check if note does not exists on page
     */

    Notes.prototype.isNewNote = function(note) {
      return $.inArray(note.id, this.note_ids) === -1;
    };

    Notes.prototype.isParallelView = function() {
      return this.view === 'parallel';
    };


    /*
    Render note in discussion area.
302

Fatih Acet committed
303 304 305 306 307 308 309 310 311 312 313 314 315 316 317
    Note: for rendering inline notes use renderDiscussionNote
     */

    Notes.prototype.renderDiscussionNote = function(note) {
      var discussionContainer, form, note_html, row;
      if (!this.isNewNote(note)) {
        return;
      }
      this.note_ids.push(note.id);
      form = $("#new-discussion-note-form-" + note.discussion_id);
      if ((note.original_discussion_id != null) && form.length === 0) {
        form = $("#new-discussion-note-form-" + note.original_discussion_id);
      }
      row = form.closest("tr");
      note_html = $(note.html);
318
      note_html.renderGFM();
319
      // is this the first note of discussion?
Fatih Acet committed
320 321 322 323 324
      discussionContainer = $(".notes[data-discussion-id='" + note.discussion_id + "']");
      if ((note.original_discussion_id != null) && discussionContainer.length === 0) {
        discussionContainer = $(".notes[data-discussion-id='" + note.original_discussion_id + "']");
      }
      if (discussionContainer.length === 0) {
325
        // insert the note and the reply button after the temp row
Fatih Acet committed
326
        row.after(note.diff_discussion_html);
327
        // remove the note (will be added again below)
Fatih Acet committed
328
        row.next().find(".note").remove();
329
        // Before that, the container didn't exist
Fatih Acet committed
330
        discussionContainer = $(".notes[data-discussion-id='" + note.discussion_id + "']");
331
        // Add note to 'Changes' page discussions
Fatih Acet committed
332
        discussionContainer.append(note_html);
333
        // Init discussion on 'Discussion' page if it is merge request page
Fatih Acet committed
334
        if ($('body').attr('data-page').indexOf('projects:merge_request') === 0) {
335
          $('ul.main-notes-list').append(note.discussion_html).renderGFM();
Fatih Acet committed
336 337
        }
      } else {
338
        // append new note to all matching discussions
Fatih Acet committed
339 340
        discussionContainer.append(note_html);
      }
341

342 343
      if (typeof gl.diffNotesCompileComponents !== 'undefined') {
        gl.diffNotesCompileComponents();
344 345
      }

346
      gl.utils.localTimeAgo($('.js-timeago'), false);
Fatih Acet committed
347 348 349 350 351 352
      return this.updateNotesCount(1);
    };


    /*
    Called in response the main target form has been successfully submitted.
353

Fatih Acet committed
354 355 356 357 358 359 360 361
    Removes any errors.
    Resets text and preview.
    Resets buttons.
     */

    Notes.prototype.resetMainTargetForm = function(e) {
      var form;
      form = $(".js-main-target-form");
362
      // remove validation errors
Fatih Acet committed
363
      form.find(".js-errors").remove();
364
      // reset text and preview
Fatih Acet committed
365 366 367
      form.find(".js-md-write-button").click();
      form.find(".js-note-text").val("").trigger("input");
      form.find(".js-note-text").data("autosave").reset();
368 369 370 371 372 373

      var event = document.createEvent('Event');
      event.initEvent('autosize:update', true, false);
      form.find('.js-autosize')[0].dispatchEvent(event);

      this.updateTargetButtons(e);
Fatih Acet committed
374 375 376 377 378 379 380 381 382 383 384
    };

    Notes.prototype.reenableTargetFormSubmitButton = function() {
      var form;
      form = $(".js-main-target-form");
      return form.find(".js-note-text").trigger("input");
    };


    /*
    Shows the main form and does some setup on it.
385

Fatih Acet committed
386 387 388 389 390
    Sets some hidden fields in the form.
     */

    Notes.prototype.setupMainTargetNoteForm = function() {
      var form;
391
      // find the form
Fatih Acet committed
392
      form = $(".js-new-note-form");
393
      // Set a global clone of the form for later cloning
Fatih Acet committed
394
      this.formClone = form.clone();
395
      // show the form
Fatih Acet committed
396
      this.setupNoteForm(form);
397
      // fix classes
Fatih Acet committed
398 399 400 401 402
      form.removeClass("js-new-note-form");
      form.addClass("js-main-target-form");
      form.find("#note_line_code").remove();
      form.find("#note_position").remove();
      form.find("#note_type").remove();
403
      form.find('.js-comment-resolve-button').closest('comment-and-resolve-btn').remove();
Fatih Acet committed
404 405 406 407 408 409
      return this.parentTimeline = form.parents('.timeline');
    };


    /*
    General note form setup.
410

Fatih Acet committed
411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426
    deactivates the submit button when text is empty
    hides the preview button when text is empty
    setup GFM auto complete
    show the form
     */

    Notes.prototype.setupNoteForm = function(form) {
      var textarea;
      new GLForm(form);
      textarea = form.find(".js-note-text");
      return new Autosave(textarea, ["Note", form.find("#note_noteable_type").val(), form.find("#note_noteable_id").val(), form.find("#note_commit_id").val(), form.find("#note_type").val(), form.find("#note_line_code").val(), form.find("#note_position").val()]);
    };


    /*
    Called in response to the new note form being submitted
427

Fatih Acet committed
428 429 430 431 432 433 434 435 436 437 438 439 440 441
    Adds new note to list.
     */

    Notes.prototype.addNote = function(xhr, note, status) {
      return this.renderNote(note);
    };

    Notes.prototype.addNoteError = function(xhr, note, status) {
      return new Flash('Your comment could not be submitted! Please check your network connection and try again.', 'alert', this.parentTimeline);
    };


    /*
    Called in response to the new note form being submitted
442

Fatih Acet committed
443 444 445 446
    Adds new note to list.
     */

    Notes.prototype.addDiscussionNote = function(xhr, note, status) {
447 448 449
      var $form = $(xhr.target);

      if ($form.attr('data-resolve-all') != null) {
450 451 452
        var projectPath = $form.data('project-path');
        var discussionId = $form.data('discussion-id');
        var mergeRequestId = $form.data('noteable-iid');
453 454

        if (ResolveService != null) {
455
          ResolveService.toggleResolveForDiscussion(projectPath, mergeRequestId, discussionId);
456 457
        }
      }
458

Fatih Acet committed
459
      this.renderDiscussionNote(note);
460
      // cleanup after successfully creating a diff/discussion note
461
      this.removeDiscussionNoteForm($form);
Fatih Acet committed
462 463 464 465 466
    };


    /*
    Called in response to the edit note form being submitted
467

Fatih Acet committed
468 469 470 471 472
    Updates the current note field.
     */

    Notes.prototype.updateNote = function(_xhr, note, _status) {
      var $html, $note_li;
473
      // Convert returned HTML to a jQuery object so we can modify it further
Fatih Acet committed
474
      $html = $(note.html);
475
      this.revertNoteEditForm();
Fatih Acet committed
476
      gl.utils.localTimeAgo($('.js-timeago', $html));
477
      $html.renderGFM();
Fatih Acet committed
478
      $html.find('.js-task-list-container').taskList('enable');
479
      // Find the note's `li` element by ID and replace it with the updated HTML
Fatih Acet committed
480
      $note_li = $('.note-row-' + note.id);
481 482 483

      $note_li.replaceWith($html);

484 485
      if (typeof gl.diffNotesCompileComponents !== 'undefined') {
        gl.diffNotesCompileComponents();
486
      }
Fatih Acet committed
487 488 489
    };


490 491 492 493 494 495 496 497 498 499
    Notes.prototype.checkContentToAllowEditing = function($el) {
      var initialContent = $el.find('.original-note-content').text().trim();
      var currentContent = $el.find('.note-textarea').val();
      var isAllowed = true;

      if (currentContent === initialContent) {
        this.removeNoteEditForm($el);
      }
      else {
        var $buttons = $el.find('.note-form-actions');
Fatih Acet committed
500
        var isWidgetVisible = gl.utils.isInViewport($el.get(0));
501

502
        if (!isWidgetVisible) {
Fatih Acet committed
503
          gl.utils.scrollToElement($el);
504 505 506 507 508 509 510 511 512 513
        }

        $el.find('.js-edit-warning').show();
        isAllowed = false;
      }

      return isAllowed;
    }


Fatih Acet committed
514 515
    /*
    Called in response to clicking the edit note link
516

Fatih Acet committed
517 518
    Replaces the note text with the note edit form
    Adds a data attribute to the form with the original content of the note for cancellations
519
    */
Fatih Acet committed
520 521
    Notes.prototype.showEditForm = function(e, scrollTo, myLastNote) {
      e.preventDefault();
522

523
      var $target = $(e.target);
524
      var $editForm = $(this.getEditFormSelector($target));
525
      var $note = $target.closest('.note');
526
      var $currentlyEditing = $('.note.is-editting:visible');
527

528 529 530 531 532 533 534 535
      if ($currentlyEditing.length) {
        var isEditAllowed = this.checkContentToAllowEditing($currentlyEditing);

        if (!isEditAllowed) {
          return;
        }
      }

536
      $note.find('.js-note-attachment-delete').show();
537 538 539
      $editForm.addClass('current-note-edit-form');
      $note.addClass('is-editting');
      this.putEditFormInPlace($target);
Fatih Acet committed
540 541 542 543 544
    };


    /*
    Called in response to clicking the edit note link
545

Fatih Acet committed
546 547 548 549 550
    Hides edit form and restores the original note text to the editor textarea.
     */

    Notes.prototype.cancelEdit = function(e) {
      e.preventDefault();
551 552
      var $target = $(e.target);
      var note = $target.closest('.note');
553
      note.find('.js-edit-warning').hide();
554
      this.revertNoteEditForm($target);
Fatih Acet committed
555 556 557
      return this.removeNoteEditForm(note);
    };

558 559 560 561
    Notes.prototype.revertNoteEditForm = function($target) {
      $target = $target || $('.note.is-editting:visible');
      var selector = this.getEditFormSelector($target);
      var $editForm = $(selector);
562 563 564

      $editForm.insertBefore('.notes-form');
      $editForm.find('.js-comment-button').enable();
565
      $editForm.find('.js-edit-warning').hide();
566
    };
567

568
    Notes.prototype.getEditFormSelector = function($el) {
569
      var selector = '.note-edit-form:not(.mr-note-edit-form)';
570 571

      if ($el.parents('#diffs').length) {
572
        selector = '.note-edit-form.mr-note-edit-form';
573 574 575 576
      }

      return selector;
    };
577

Fatih Acet committed
578
    Notes.prototype.removeNoteEditForm = function(note) {
579 580 581
      var form = note.find('.current-note-edit-form');
      note.removeClass('is-editting');
      form.removeClass('current-note-edit-form');
Fatih Acet committed
582
      form.find('.js-edit-warning').hide();
583
      // Replace markdown textarea text with original note text.
584
      return form.find('.js-note-text').val(form.find('form.edit-note').data('original-note'));
Fatih Acet committed
585 586 587 588 589
    };


    /*
    Called in response to deleting a note of any kind.
590

Fatih Acet committed
591 592 593 594 595 596 597 598
    Removes the actual note from view.
    Removes the whole discussion if the last note is being removed.
     */

    Notes.prototype.removeNote = function(e) {
      var noteId;
      noteId = $(e.currentTarget).closest(".note").attr("id");
      $(".note[id='" + noteId + "']").each((function(_this) {
599 600 601
        // A same note appears in the "Discussion" and in the "Changes" tab, we have
        // to remove all. Using $(".note[id='noteId']") ensure we get all the notes,
        // where $("#noteId") would return only one.
Fatih Acet committed
602 603 604 605
        return function(i, el) {
          var note, notes;
          note = $(el);
          notes = note.closest(".notes");
606

607 608 609
          if (typeof gl.diffNotesCompileComponents !== 'undefined') {
            if (gl.diffNoteApps[noteId]) {
              gl.diffNoteApps[noteId].$destroy();
610 611 612
            }
          }

613
          // check if this is the last note for this line
Fatih Acet committed
614
          if (notes.find(".note").length === 1) {
615
            // "Discussions" tab
Fatih Acet committed
616
            notes.closest(".timeline-entry").remove();
617
            // "Changes" tab / commit view
Fatih Acet committed
618 619 620 621 622
            notes.closest("tr").remove();
          }
          return note.remove();
        };
      })(this));
623
      // Decrement the "Discussions" counter only once
Fatih Acet committed
624 625 626 627 628 629
      return this.updateNotesCount(-1);
    };


    /*
    Called in response to clicking the delete attachment link
630

Fatih Acet committed
631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646
    Removes the attachment wrapper view, including image tag if it exists
    Resets the note editing form
     */

    Notes.prototype.removeAttachment = function() {
      var note;
      note = $(this).closest(".note");
      note.find(".note-attachment").remove();
      note.find(".note-body > .note-text").show();
      note.find(".note-header").show();
      return note.find(".current-note-edit-form").remove();
    };


    /*
    Called when clicking on the "reply" button for a diff line.
647

Fatih Acet committed
648 649 650 651 652 653 654
    Shows the note form below the notes.
     */

    Notes.prototype.replyToDiscussionNote = function(e) {
      var form, replyLink;
      form = this.formClone.clone();
      replyLink = $(e.target).closest(".js-discussion-reply-button");
655
      // insert the form after the button
656 657 658 659
      replyLink
        .closest('.discussion-reply-holder')
        .hide()
        .after(form);
660
      // show the form
Fatih Acet committed
661 662 663 664 665 666
      return this.setupDiscussionNoteForm(replyLink, form);
    };


    /*
    Shows the diff or discussion form and does some setup on it.
667

Fatih Acet committed
668
    Sets some hidden fields in the form.
669

Fatih Acet committed
670 671 672 673 674
    Note: dataHolder must have the "discussionId", "lineCode", "noteableType"
    and "noteableId" data attributes set.
     */

    Notes.prototype.setupDiscussionNoteForm = function(dataHolder, form) {
675
      // setup note target
Fatih Acet committed
676 677 678 679 680 681 682 683 684 685
      form.attr('id', "new-discussion-note-form-" + (dataHolder.data("discussionId")));
      form.attr("data-line-code", dataHolder.data("lineCode"));
      form.find("#note_type").val(dataHolder.data("noteType"));
      form.find("#line_type").val(dataHolder.data("lineType"));
      form.find("#note_commit_id").val(dataHolder.data("commitId"));
      form.find("#note_line_code").val(dataHolder.data("lineCode"));
      form.find("#note_position").val(dataHolder.attr("data-position"));
      form.find("#note_noteable_type").val(dataHolder.data("noteableType"));
      form.find("#note_noteable_id").val(dataHolder.data("noteableId"));
      form.find('.js-note-discard').show().removeClass('js-note-discard').addClass('js-close-discussion-note-form').text(form.find('.js-close-discussion-note-form').data('cancel-text'));
686
      form.find('.js-note-target-close').remove();
Fatih Acet committed
687
      this.setupNoteForm(form);
688

689
      if (typeof gl.diffNotesCompileComponents !== 'undefined') {
690
        var $commentBtn = form.find('comment-and-resolve-btn');
691
        $commentBtn
692
          .attr(':discussion-id', "'" + dataHolder.data('discussionId') + "'");
693

694
        gl.diffNotesCompileComponents();
695 696
      }

Fatih Acet committed
697
      form.find(".js-note-text").focus();
698 699 700 701 702 703
      form
        .find('.js-comment-resolve-button')
        .attr('data-discussion-id', dataHolder.data('discussionId'));
      form
        .removeClass('js-main-target-form')
        .addClass("discussion-form js-discussion-note-form");
Fatih Acet committed
704 705 706 707 708
    };


    /*
    Called when clicking on the "add a comment" button on the side of a diff line.
709

Fatih Acet committed
710 711 712 713 714
    Inserts a temporary row for the form below the line.
    Sets up the form and shows it.
     */

    Notes.prototype.addDiffNote = function(e) {
715
      var $link, addForm, hasNotes, lineType, newForm, nextRow, noteForm, notesContent, notesContentSelector, replyButton, row, rowCssToAdd, targetContent;
Fatih Acet committed
716 717 718 719 720 721
      e.preventDefault();
      $link = $(e.currentTarget);
      row = $link.closest("tr");
      nextRow = row.next();
      hasNotes = nextRow.is(".notes_holder");
      addForm = false;
722 723
      notesContentSelector = ".notes_content";
      rowCssToAdd = "<tr class=\"notes_holder js-temp-notes-holder\"><td class=\"notes_line\" colspan=\"2\"></td><td class=\"notes_content\"><div class=\"content\"></div></td></tr>";
724
      // In parallel view, look inside the correct left/right pane
Fatih Acet committed
725 726
      if (this.isParallelView()) {
        lineType = $link.data("lineType");
727 728
        notesContentSelector += "." + lineType;
        rowCssToAdd = "<tr class=\"notes_holder js-temp-notes-holder\"><td class=\"notes_line old\"></td><td class=\"notes_content parallel old\"><div class=\"content\"></div></td><td class=\"notes_line new\"></td><td class=\"notes_content parallel new\"><div class=\"content\"></div></td></tr>";
Fatih Acet committed
729
      }
730
      notesContentSelector += " .content";
Fatih Acet committed
731
      if (hasNotes) {
732 733
        nextRow.show();
        notesContent = nextRow.find(notesContentSelector);
Fatih Acet committed
734
        if (notesContent.length) {
735
          notesContent.show();
Fatih Acet committed
736 737 738 739 740
          replyButton = notesContent.find(".js-discussion-reply-button:visible");
          if (replyButton.length) {
            e.target = replyButton[0];
            $.proxy(this.replyToDiscussionNote, replyButton[0], e).call();
          } else {
741
            // In parallel view, the form may not be present in one of the panes
Fatih Acet committed
742 743 744 745 746 747 748
            noteForm = notesContent.find(".js-discussion-note-form");
            if (noteForm.length === 0) {
              addForm = true;
            }
          }
        }
      } else {
749
        // add a notes row and insert the form
Fatih Acet committed
750
        row.after(rowCssToAdd);
751 752
        nextRow = row.next();
        notesContent = nextRow.find(notesContentSelector);
Fatih Acet committed
753 754 755 756
        addForm = true;
      }
      if (addForm) {
        newForm = this.formClone.clone();
757
        newForm.appendTo(notesContent);
758
        // show the form
Fatih Acet committed
759 760 761 762 763 764 765
        return this.setupDiscussionNoteForm($link, newForm);
      }
    };


    /*
    Called in response to "cancel" on a diff note form.
766

Fatih Acet committed
767 768 769 770 771 772 773 774 775 776
    Shows the reply button again.
    Removes the form and if necessary it's temporary row.
     */

    Notes.prototype.removeDiscussionNoteForm = function(form) {
      var glForm, row;
      row = form.closest("tr");
      glForm = form.data('gl-form');
      glForm.destroy();
      form.find(".js-note-text").data("autosave").reset();
777
      // show the reply button (will only work for replies)
778 779 780
      form
        .prev('.discussion-reply-holder')
        .show();
Fatih Acet committed
781
      if (row.is(".js-temp-notes-holder")) {
782
        // remove temporary row for diff lines
Fatih Acet committed
783 784
        return row.remove();
      } else {
785
        // only remove the form
Fatih Acet committed
786 787 788 789 790 791 792 793 794 795 796 797 798 799
        return form.remove();
      }
    };

    Notes.prototype.cancelDiscussionForm = function(e) {
      var form;
      e.preventDefault();
      form = $(e.target).closest(".js-discussion-note-form");
      return this.removeDiscussionNoteForm(form);
    };


    /*
    Called after an attachment file has been selected.
800

Fatih Acet committed
801 802 803 804 805 806
    Updates the file name for the selected attachment.
     */

    Notes.prototype.updateFormAttachment = function() {
      var filename, form;
      form = $(this).closest("form");
807
      // get only the basename
Fatih Acet committed
808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876
      filename = $(this).val().replace(/^.*[\\\/]/, "");
      return form.find(".js-attachment-filename").text(filename);
    };


    /*
    Called when the tab visibility changes
     */

    Notes.prototype.visibilityChange = function() {
      return this.refresh();
    };

    Notes.prototype.updateCloseButton = function(e) {
      var closebtn, form, textarea;
      textarea = $(e.target);
      form = textarea.parents('form');
      closebtn = form.find('.js-note-target-close');
      return closebtn.text(closebtn.data('original-text'));
    };

    Notes.prototype.updateTargetButtons = function(e) {
      var closebtn, closetext, discardbtn, form, reopenbtn, reopentext, textarea;
      textarea = $(e.target);
      form = textarea.parents('form');
      reopenbtn = form.find('.js-note-target-reopen');
      closebtn = form.find('.js-note-target-close');
      discardbtn = form.find('.js-note-discard');
      if (textarea.val().trim().length > 0) {
        reopentext = reopenbtn.data('alternative-text');
        closetext = closebtn.data('alternative-text');
        if (reopenbtn.text() !== reopentext) {
          reopenbtn.text(reopentext);
        }
        if (closebtn.text() !== closetext) {
          closebtn.text(closetext);
        }
        if (reopenbtn.is(':not(.btn-comment-and-reopen)')) {
          reopenbtn.addClass('btn-comment-and-reopen');
        }
        if (closebtn.is(':not(.btn-comment-and-close)')) {
          closebtn.addClass('btn-comment-and-close');
        }
        if (discardbtn.is(':hidden')) {
          return discardbtn.show();
        }
      } else {
        reopentext = reopenbtn.data('original-text');
        closetext = closebtn.data('original-text');
        if (reopenbtn.text() !== reopentext) {
          reopenbtn.text(reopentext);
        }
        if (closebtn.text() !== closetext) {
          closebtn.text(closetext);
        }
        if (reopenbtn.is('.btn-comment-and-reopen')) {
          reopenbtn.removeClass('btn-comment-and-reopen');
        }
        if (closebtn.is('.btn-comment-and-close')) {
          closebtn.removeClass('btn-comment-and-close');
        }
        if (discardbtn.is(':visible')) {
          return discardbtn.hide();
        }
      }
    };

    Notes.prototype.initTaskList = function() {
      this.enableTaskList();
877
      return $(document).on('tasklist:changed', '.note .js-task-list-container', this.updateTaskList.bind(this));
Fatih Acet committed
878 879 880 881 882 883
    };

    Notes.prototype.enableTaskList = function() {
      return $('.note .js-task-list-container').taskList('enable');
    };

884
    Notes.prototype.putEditFormInPlace = function($el) {
885
      var $editForm = $(this.getEditFormSelector($el));
886 887 888 889 890 891 892 893 894 895 896 897
      var $note = $el.closest('.note');

      $editForm.insertAfter($note.find('.note-text'));

      var $originalContentEl = $note.find('.original-note-content');
      var originalContent = $originalContentEl.text().trim();
      var postUrl = $originalContentEl.data('post-url');
      var targetId = $originalContentEl.data('target-id');
      var targetType = $originalContentEl.data('target-type');

      new GLForm($editForm.find('form'));

898 899 900
      $editForm.find('form')
        .attr('action', postUrl)
        .attr('data-remote', 'true');
Fatih Acet committed
901 902
      $editForm.find('.js-form-target-id').val(targetId);
      $editForm.find('.js-form-target-type').val(targetType);
903
      $editForm.find('.js-note-text').focus().val(originalContent);
Fatih Acet committed
904 905
      $editForm.find('.js-md-write-button').trigger('click');
      $editForm.find('.referenced-users').hide();
906 907 908
    }

    Notes.prototype.updateTaskList = function(e) {
909 910 911
      var $target = $(e.target);
      var $list = $target.closest('.js-task-list-container');
      var $editForm = $(this.getEditFormSelector($target));
912 913 914 915 916
      var $note = $list.closest('.note');

      this.putEditFormInPlace($list);
      $editForm.find('#note_note').val($note.find('.original-task-list').val());
      $('form', $list).submit();
Fatih Acet committed
917 918 919 920 921 922
    };

    Notes.prototype.updateNotesCount = function(updateCount) {
      return this.notesCountBadge.text(parseInt(this.notesCountBadge.text()) + updateCount);
    };

923 924 925
    Notes.prototype.resolveDiscussion = function() {
      var $this = $(this);
      var discussionId = $this.attr('data-discussion-id');
926 927 928 929 930

      $this
        .closest('form')
        .attr('data-discussion-id', discussionId)
        .attr('data-resolve-all', 'true')
931
        .attr('data-project-path', $this.attr('data-project-path'));
932 933
    };

934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963
    Notes.prototype.toggleCommitList = function(e) {
      const $element = $(e.target);
      const $closestSystemCommitList = $element.siblings('.system-note-commit-list');

      $closestSystemCommitList.toggleClass('hide-shade');
    };

    /**
    Scans system notes with `ul` elements in system note body
    then collapse long commit list pushed by user to make it less
    intrusive.
     */
    Notes.prototype.collapseLongCommitList = function() {
      const systemNotes = $('#notes-list').find('li.system-note').has('ul');

      $.each(systemNotes, function(index, systemNote) {
        const $systemNote = $(systemNote);
        const headerMessage = $systemNote.find('.note-text').find('p:first').text().replace(':', '');

        $systemNote.find('.note-header .system-note-message').html(headerMessage);

        if ($systemNote.find('li').length > MAX_VISIBLE_COMMIT_LIST_COUNT) {
          $systemNote.find('.note-text').addClass('system-note-commit-list');
          $systemNote.find('.system-note-commit-list-toggler').show();
        } else {
          $systemNote.find('.note-text').addClass('system-note-commit-list hide-shade');
        }
      });
    };

Fatih Acet committed
964 965 966 967 968
    return Notes;

  })();

}).call(this);