BigW Consortium Gitlab

notes.js 34.8 KB
Newer Older
1
/* eslint-disable no-restricted-properties, func-names, space-before-function-paren, no-var, 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, no-sequences, no-shadow, newline-per-chained-call, no-useless-escape */
2 3 4 5
/* global Flash */
/* global GLForm */
/* global Autosave */
/* global ResolveService */
6
/* global mrRefreshWidgetUrl */
Fatih Acet committed
7 8 9 10 11 12 13 14 15 16

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

(function() {
17
  var bind = function(fn, me) { return function() { return fn.apply(me, arguments); }; };
Fatih Acet committed
18 19

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

    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);
41
      this.toggleCommitList = bind(this.toggleCommitList, this);
Fatih Acet committed
42 43 44 45 46 47 48 49 50 51 52 53 54
      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();
55
      this.collapseLongCommitList();
56 57 58 59

      // 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()
60
          .addClass('mr-note-edit-form').insertAfter('.note-edit-form');
61
      }
Fatih Acet committed
62 63 64
    }

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

104
      // when a key is clicked on the notes
Fatih Acet committed
105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125
      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");
126
      $(document).off('click', '.js-comment-resolve-button');
127
      $(document).off("click", '.system-note-commit-list-toggler');
Fatih Acet committed
128 129 130 131 132 133
      $('.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;
134
      if (gl.utils.isMetaKey(e)) {
Fatih Acet committed
135 136
        return;
      }
137

Fatih Acet committed
138
      $textarea = $(e.target);
139
      // Edit previous note when UP arrow is hit
Fatih Acet committed
140 141 142 143 144 145 146 147 148 149 150
      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;
151
        // Cancel creating diff note or editing any note when ESCAPE is hit
Fatih Acet committed
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 227
        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.
228

Fatih Acet committed
229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247
    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();
    };


248 249 250 251 252
    Notes.prototype.handleCreateChanges = function(note) {
      if (typeof note === 'undefined') {
        return;
      }

Jarka Kadlecova committed
253
      if (note.commands_changes && note.commands_changes.indexOf('merge') !== -1) {
254 255 256 257
        $.get(mrRefreshWidgetUrl);
      }
    };

Fatih Acet committed
258 259
    /*
    Render note in main comments area.
260

Fatih Acet committed
261 262 263 264 265 266 267
    Note: for rendering inline notes use renderDiscussionNote
     */

    Notes.prototype.renderNote = function(note) {
      var $notesList, votesBlock;
      if (!note.valid) {
        if (note.award) {
268 269 270 271 272
          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);
273
            this.refresh();
274
          }
Fatih Acet committed
275 276 277 278 279 280 281
        }
        return;
      }
      if (note.award) {
        votesBlock = $('.js-awards-block').eq(0);
        gl.awardsHandler.addAwardToEmojiBar(votesBlock, note.name);
        return gl.awardsHandler.scrollToAwards();
282 283
      // render note if it not present in loaded list
      // or skip if rendered
Fatih Acet committed
284 285 286 287
      } else if (this.isNewNote(note)) {
        this.note_ids.push(note.id);
        $notesList = $('ul.main-notes-list');
        $notesList.append(note.html).syntaxHighlight();
288
        // Update datetime format on the recent note
Fatih Acet committed
289
        gl.utils.localTimeAgo($notesList.find("#note_" + note.id + " .js-timeago"), false);
290
        this.collapseLongCommitList();
Fatih Acet committed
291
        this.initTaskList();
292
        this.refresh();
Fatih Acet committed
293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312
        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.
313

Fatih Acet committed
314 315 316 317 318 319 320 321 322 323 324 325 326 327 328
    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);
329
      note_html.renderGFM();
330
      // is this the first note of discussion?
Fatih Acet committed
331 332 333 334 335
      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) {
336
        // insert the note and the reply button after the temp row
Fatih Acet committed
337
        row.after(note.diff_discussion_html);
338
        // remove the note (will be added again below)
Fatih Acet committed
339
        row.next().find(".note").remove();
340
        // Before that, the container didn't exist
Fatih Acet committed
341
        discussionContainer = $(".notes[data-discussion-id='" + note.discussion_id + "']");
342
        // Add note to 'Changes' page discussions
Fatih Acet committed
343
        discussionContainer.append(note_html);
344
        // Init discussion on 'Discussion' page if it is merge request page
Fatih Acet committed
345
        if ($('body').attr('data-page').indexOf('projects:merge_request') === 0) {
346
          $('ul.main-notes-list').append(note.discussion_html).renderGFM();
Fatih Acet committed
347 348
        }
      } else {
349
        // append new note to all matching discussions
Fatih Acet committed
350 351
        discussionContainer.append(note_html);
      }
352

353 354
      if (typeof gl.diffNotesCompileComponents !== 'undefined') {
        gl.diffNotesCompileComponents();
355 356
      }

357
      gl.utils.localTimeAgo($('.js-timeago'), false);
Fatih Acet committed
358 359 360 361 362 363
      return this.updateNotesCount(1);
    };


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

Fatih Acet committed
365 366 367 368 369 370 371 372
    Removes any errors.
    Resets text and preview.
    Resets buttons.
     */

    Notes.prototype.resetMainTargetForm = function(e) {
      var form;
      form = $(".js-main-target-form");
373
      // remove validation errors
Fatih Acet committed
374
      form.find(".js-errors").remove();
375
      // reset text and preview
Fatih Acet committed
376 377 378
      form.find(".js-md-write-button").click();
      form.find(".js-note-text").val("").trigger("input");
      form.find(".js-note-text").data("autosave").reset();
379 380 381 382 383 384

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

      this.updateTargetButtons(e);
Fatih Acet committed
385 386 387 388 389 390 391 392 393 394 395
    };

    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.
396

Fatih Acet committed
397 398 399 400 401
    Sets some hidden fields in the form.
     */

    Notes.prototype.setupMainTargetNoteForm = function() {
      var form;
402
      // find the form
Fatih Acet committed
403
      form = $(".js-new-note-form");
404
      // Set a global clone of the form for later cloning
Fatih Acet committed
405
      this.formClone = form.clone();
406
      // show the form
Fatih Acet committed
407
      this.setupNoteForm(form);
408
      // fix classes
Fatih Acet committed
409 410 411 412 413
      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();
414
      form.find('.js-comment-resolve-button').closest('comment-and-resolve-btn').remove();
Fatih Acet committed
415 416 417 418 419 420
      return this.parentTimeline = form.parents('.timeline');
    };


    /*
    General note form setup.
421

Fatih Acet committed
422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437
    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
438

Fatih Acet committed
439 440 441 442
    Adds new note to list.
     */

    Notes.prototype.addNote = function(xhr, note, status) {
443
      this.handleCreateChanges(note);
Fatih Acet committed
444 445 446 447 448 449 450 451 452 453
      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
454

Fatih Acet committed
455 456 457 458
    Adds new note to list.
     */

    Notes.prototype.addDiscussionNote = function(xhr, note, status) {
459 460 461
      var $form = $(xhr.target);

      if ($form.attr('data-resolve-all') != null) {
462 463 464
        var projectPath = $form.data('project-path');
        var discussionId = $form.data('discussion-id');
        var mergeRequestId = $form.data('noteable-iid');
465 466

        if (ResolveService != null) {
467
          ResolveService.toggleResolveForDiscussion(projectPath, mergeRequestId, discussionId);
468 469
        }
      }
470

Fatih Acet committed
471
      this.renderDiscussionNote(note);
472
      // cleanup after successfully creating a diff/discussion note
473
      this.removeDiscussionNoteForm($form);
Fatih Acet committed
474 475 476 477 478
    };


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

Fatih Acet committed
480 481 482 483 484
    Updates the current note field.
     */

    Notes.prototype.updateNote = function(_xhr, note, _status) {
      var $html, $note_li;
485
      // Convert returned HTML to a jQuery object so we can modify it further
Fatih Acet committed
486
      $html = $(note.html);
487
      this.revertNoteEditForm();
Fatih Acet committed
488
      gl.utils.localTimeAgo($('.js-timeago', $html));
489
      $html.renderGFM();
Fatih Acet committed
490
      $html.find('.js-task-list-container').taskList('enable');
491
      // Find the note's `li` element by ID and replace it with the updated HTML
Fatih Acet committed
492
      $note_li = $('.note-row-' + note.id);
493 494 495

      $note_li.replaceWith($html);

496 497
      if (typeof gl.diffNotesCompileComponents !== 'undefined') {
        gl.diffNotesCompileComponents();
498
      }
Fatih Acet committed
499 500 501
    };


502 503 504 505 506 507 508 509 510 511
    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
512
        var isWidgetVisible = gl.utils.isInViewport($el.get(0));
513

514
        if (!isWidgetVisible) {
Fatih Acet committed
515
          gl.utils.scrollToElement($el);
516 517 518 519 520 521 522
        }

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

      return isAllowed;
523
    };
524 525


Fatih Acet committed
526 527
    /*
    Called in response to clicking the edit note link
528

Fatih Acet committed
529 530
    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
531
    */
Fatih Acet committed
532 533
    Notes.prototype.showEditForm = function(e, scrollTo, myLastNote) {
      e.preventDefault();
534

535
      var $target = $(e.target);
536
      var $editForm = $(this.getEditFormSelector($target));
537
      var $note = $target.closest('.note');
538
      var $currentlyEditing = $('.note.is-editting:visible');
539

540 541 542 543 544 545 546 547
      if ($currentlyEditing.length) {
        var isEditAllowed = this.checkContentToAllowEditing($currentlyEditing);

        if (!isEditAllowed) {
          return;
        }
      }

548
      $note.find('.js-note-attachment-delete').show();
549 550 551
      $editForm.addClass('current-note-edit-form');
      $note.addClass('is-editting');
      this.putEditFormInPlace($target);
Fatih Acet committed
552 553 554 555 556
    };


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

Fatih Acet committed
558 559 560 561 562
    Hides edit form and restores the original note text to the editor textarea.
     */

    Notes.prototype.cancelEdit = function(e) {
      e.preventDefault();
563 564
      var $target = $(e.target);
      var note = $target.closest('.note');
565
      note.find('.js-edit-warning').hide();
566
      this.revertNoteEditForm($target);
Fatih Acet committed
567 568 569
      return this.removeNoteEditForm(note);
    };

570 571 572 573
    Notes.prototype.revertNoteEditForm = function($target) {
      $target = $target || $('.note.is-editting:visible');
      var selector = this.getEditFormSelector($target);
      var $editForm = $(selector);
574 575 576

      $editForm.insertBefore('.notes-form');
      $editForm.find('.js-comment-button').enable();
577
      $editForm.find('.js-edit-warning').hide();
578
    };
579

580
    Notes.prototype.getEditFormSelector = function($el) {
581
      var selector = '.note-edit-form:not(.mr-note-edit-form)';
582 583

      if ($el.parents('#diffs').length) {
584
        selector = '.note-edit-form.mr-note-edit-form';
585 586 587 588
      }

      return selector;
    };
589

Fatih Acet committed
590
    Notes.prototype.removeNoteEditForm = function(note) {
591 592 593
      var form = note.find('.current-note-edit-form');
      note.removeClass('is-editting');
      form.removeClass('current-note-edit-form');
Fatih Acet committed
594
      form.find('.js-edit-warning').hide();
595
      // Replace markdown textarea text with original note text.
596
      return form.find('.js-note-text').val(form.find('form.edit-note').data('original-note'));
Fatih Acet committed
597 598 599 600 601
    };


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

Fatih Acet committed
603 604 605 606 607 608 609 610
    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) {
611 612 613
        // 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
614 615 616 617
        return function(i, el) {
          var note, notes;
          note = $(el);
          notes = note.closest(".notes");
618

619 620 621
          if (typeof gl.diffNotesCompileComponents !== 'undefined') {
            if (gl.diffNoteApps[noteId]) {
              gl.diffNoteApps[noteId].$destroy();
622 623 624
            }
          }

625
          // check if this is the last note for this line
Fatih Acet committed
626
          if (notes.find(".note").length === 1) {
627
            // "Discussions" tab
Fatih Acet committed
628
            notes.closest(".timeline-entry").remove();
629
            // "Changes" tab / commit view
Fatih Acet committed
630 631 632 633 634
            notes.closest("tr").remove();
          }
          return note.remove();
        };
      })(this));
635
      // Decrement the "Discussions" counter only once
Fatih Acet committed
636 637 638 639 640 641
      return this.updateNotesCount(-1);
    };


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

Fatih Acet committed
643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658
    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.
659

Fatih Acet committed
660 661 662 663 664 665 666
    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");
667
      // insert the form after the button
668 669 670 671
      replyLink
        .closest('.discussion-reply-holder')
        .hide()
        .after(form);
672
      // show the form
Fatih Acet committed
673 674 675 676 677 678
      return this.setupDiscussionNoteForm(replyLink, form);
    };


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

Fatih Acet committed
680
    Sets some hidden fields in the form.
681

Fatih Acet committed
682 683 684 685 686
    Note: dataHolder must have the "discussionId", "lineCode", "noteableType"
    and "noteableId" data attributes set.
     */

    Notes.prototype.setupDiscussionNoteForm = function(dataHolder, form) {
687
      // setup note target
Fatih Acet committed
688 689 690 691 692 693 694 695 696 697
      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'));
698
      form.find('.js-note-target-close').remove();
Fatih Acet committed
699
      this.setupNoteForm(form);
700

701
      if (typeof gl.diffNotesCompileComponents !== 'undefined') {
702
        var $commentBtn = form.find('comment-and-resolve-btn');
703
        $commentBtn
704
          .attr(':discussion-id', "'" + dataHolder.data('discussionId') + "'");
705

706
        gl.diffNotesCompileComponents();
707 708
      }

Fatih Acet committed
709
      form.find(".js-note-text").focus();
710 711 712 713 714 715
      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
716 717 718 719 720
    };


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

Fatih Acet committed
722 723 724 725 726
    Inserts a temporary row for the form below the line.
    Sets up the form and shows it.
     */

    Notes.prototype.addDiffNote = function(e) {
727
      var $link, addForm, hasNotes, lineType, newForm, nextRow, noteForm, notesContent, notesContentSelector, replyButton, row, rowCssToAdd, targetContent;
Fatih Acet committed
728 729 730 731 732 733
      e.preventDefault();
      $link = $(e.currentTarget);
      row = $link.closest("tr");
      nextRow = row.next();
      hasNotes = nextRow.is(".notes_holder");
      addForm = false;
734 735
      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>";
736
      // In parallel view, look inside the correct left/right pane
Fatih Acet committed
737 738
      if (this.isParallelView()) {
        lineType = $link.data("lineType");
739 740
        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
741
      }
742
      notesContentSelector += " .content";
Fatih Acet committed
743
      if (hasNotes) {
744 745
        nextRow.show();
        notesContent = nextRow.find(notesContentSelector);
Fatih Acet committed
746
        if (notesContent.length) {
747
          notesContent.show();
Fatih Acet committed
748 749 750 751 752
          replyButton = notesContent.find(".js-discussion-reply-button:visible");
          if (replyButton.length) {
            e.target = replyButton[0];
            $.proxy(this.replyToDiscussionNote, replyButton[0], e).call();
          } else {
753
            // In parallel view, the form may not be present in one of the panes
Fatih Acet committed
754 755 756 757 758 759 760
            noteForm = notesContent.find(".js-discussion-note-form");
            if (noteForm.length === 0) {
              addForm = true;
            }
          }
        }
      } else {
761
        // add a notes row and insert the form
Fatih Acet committed
762
        row.after(rowCssToAdd);
763 764
        nextRow = row.next();
        notesContent = nextRow.find(notesContentSelector);
Fatih Acet committed
765 766 767 768
        addForm = true;
      }
      if (addForm) {
        newForm = this.formClone.clone();
769
        newForm.appendTo(notesContent);
770
        // show the form
Fatih Acet committed
771 772 773 774 775 776 777
        return this.setupDiscussionNoteForm($link, newForm);
      }
    };


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

Fatih Acet committed
779 780 781 782 783 784 785 786 787 788
    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();
789
      // show the reply button (will only work for replies)
790 791 792
      form
        .prev('.discussion-reply-holder')
        .show();
Fatih Acet committed
793
      if (row.is(".js-temp-notes-holder")) {
794
        // remove temporary row for diff lines
Fatih Acet committed
795 796
        return row.remove();
      } else {
797
        // only remove the form
Fatih Acet committed
798 799 800 801 802 803 804 805 806 807 808 809 810 811
        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.
812

Fatih Acet committed
813 814 815 816 817 818
    Updates the file name for the selected attachment.
     */

    Notes.prototype.updateFormAttachment = function() {
      var filename, form;
      form = $(this).closest("form");
819
      // get only the basename
Fatih Acet committed
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 877 878 879 880 881 882 883 884 885 886 887 888
      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();
889
      return $(document).on('tasklist:changed', '.note .js-task-list-container', this.updateTaskList.bind(this));
Fatih Acet committed
890 891 892 893 894 895
    };

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

896
    Notes.prototype.putEditFormInPlace = function($el) {
897
      var $editForm = $(this.getEditFormSelector($el));
898 899 900 901 902 903 904 905 906 907 908 909
      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'));

910 911 912
      $editForm.find('form')
        .attr('action', postUrl)
        .attr('data-remote', 'true');
Fatih Acet committed
913 914
      $editForm.find('.js-form-target-id').val(targetId);
      $editForm.find('.js-form-target-type').val(targetType);
915
      $editForm.find('.js-note-text').focus().val(originalContent);
Fatih Acet committed
916 917
      $editForm.find('.js-md-write-button').trigger('click');
      $editForm.find('.referenced-users').hide();
918
    };
919 920

    Notes.prototype.updateTaskList = function(e) {
921 922 923
      var $target = $(e.target);
      var $list = $target.closest('.js-task-list-container');
      var $editForm = $(this.getEditFormSelector($target));
924 925 926 927 928
      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
929 930 931
    };

    Notes.prototype.updateNotesCount = function(updateCount) {
932
      return this.notesCountBadge.text(parseInt(this.notesCountBadge.text(), 10) + updateCount);
Fatih Acet committed
933 934
    };

935 936 937
    Notes.prototype.resolveDiscussion = function() {
      var $this = $(this);
      var discussionId = $this.attr('data-discussion-id');
938 939 940 941 942

      $this
        .closest('form')
        .attr('data-discussion-id', discussionId)
        .attr('data-resolve-all', 'true')
943
        .attr('data-project-path', $this.attr('data-project-path'));
944 945
    };

946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975
    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
976 977 978
    return Notes;
  })();
}).call(this);