BigW Consortium Gitlab

notes.js 30.2 KB
Newer Older
1
/* eslint-disable */
Fatih Acet committed
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51

/*= 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() {
    var isMetaKey;

    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);
      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();
    }

    Notes.prototype.addBinding = function() {
52
      // add note to UI after creation
Fatih Acet committed
53 54
      $(document).on("ajax:success", ".js-main-target-form", this.addNote);
      $(document).on("ajax:success", ".js-discussion-note-form", this.addDiscussionNote);
55
      // catch note ajax errors
Fatih Acet committed
56
      $(document).on("ajax:error", ".js-main-target-form", this.addNoteError);
57
      // change note in UI after update
Fatih Acet committed
58
      $(document).on("ajax:success", "form.edit-note", this.updateNote);
59
      // Edit note link
Fatih Acet committed
60 61
      $(document).on("click", ".js-note-edit", this.showEditForm);
      $(document).on("click", ".note-edit-cancel", this.cancelEdit);
62
      // Reopen and close actions for Issue/MR combined with note form submit
Fatih Acet committed
63 64
      $(document).on("click", ".js-comment-button", this.updateCloseButton);
      $(document).on("keyup input", ".js-note-text", this.updateTargetButtons);
65
      // resolve a discussion
66
      $(document).on('click', '.js-comment-resolve-button', this.resolveDiscussion);
67
      // remove a note (in general)
Fatih Acet committed
68
      $(document).on("click", ".js-note-delete", this.removeNote);
69
      // delete note attachment
Fatih Acet committed
70
      $(document).on("click", ".js-note-attachment-delete", this.removeAttachment);
71
      // reset main target form after submit
Fatih Acet committed
72 73
      $(document).on("ajax:complete", ".js-main-target-form", this.reenableTargetFormSubmitButton);
      $(document).on("ajax:success", ".js-main-target-form", this.resetMainTargetForm);
74
      // reset main target form when clicking discard
Fatih Acet committed
75
      $(document).on("click", ".js-note-discard", this.resetMainTargetForm);
76
      // update the file name when an attachment is selected
Fatih Acet committed
77
      $(document).on("change", ".js-note-attachment-input", this.updateFormAttachment);
78
      // reply to diff/discussion notes
Fatih Acet committed
79
      $(document).on("click", ".js-discussion-reply-button", this.replyToDiscussionNote);
80
      // add diff note
Fatih Acet committed
81
      $(document).on("click", ".js-add-diff-note-button", this.addDiffNote);
82
      // hide diff note form
Fatih Acet committed
83
      $(document).on("click", ".js-close-discussion-note-form", this.cancelDiscussionForm);
84
      // fetch notes when tab becomes visible
Fatih Acet committed
85
      $(document).on("visibilitychange", this.visibilityChange);
86
      // when issue status changes, we need to refresh data
Fatih Acet committed
87
      $(document).on("issuable:change", this.refresh);
88
      // when a key is clicked on the notes
Fatih Acet committed
89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109
      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");
110
      $(document).off('click', '.js-comment-resolve-button');
Fatih Acet committed
111 112 113 114 115 116 117 118 119 120
      $('.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;
      if (isMetaKey(e)) {
        return;
      }
      $textarea = $(e.target);
121
      // Edit previous note when UP arrow is hit
Fatih Acet committed
122 123 124 125 126 127 128 129 130 131 132
      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;
133
        // Cancel creating diff note or editing any note when ESCAPE is hit
Fatih Acet committed
134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 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
        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);
          }
      }
    };

    isMetaKey = function(e) {
      return e.metaKey || e.ctrlKey || e.altKey || e.shiftKey;
    };

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

Fatih Acet committed
215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235
    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.
236

Fatih Acet committed
237 238 239 240 241 242 243
    Note: for rendering inline notes use renderDiscussionNote
     */

    Notes.prototype.renderNote = function(note) {
      var $notesList, votesBlock;
      if (!note.valid) {
        if (note.award) {
244 245 246 247 248
          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);
249
            this.refresh();
250
          }
Fatih Acet committed
251 252 253 254 255 256 257
        }
        return;
      }
      if (note.award) {
        votesBlock = $('.js-awards-block').eq(0);
        gl.awardsHandler.addAwardToEmojiBar(votesBlock, note.name);
        return gl.awardsHandler.scrollToAwards();
258 259
      // render note if it not present in loaded list
      // or skip if rendered
Fatih Acet committed
260 261 262 263
      } else if (this.isNewNote(note)) {
        this.note_ids.push(note.id);
        $notesList = $('ul.main-notes-list');
        $notesList.append(note.html).syntaxHighlight();
264
        // Update datetime format on the recent note
Fatih Acet committed
265 266
        gl.utils.localTimeAgo($notesList.find("#note_" + note.id + " .js-timeago"), false);
        this.initTaskList();
267
        this.refresh();
Fatih Acet committed
268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287
        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.
288

Fatih Acet committed
289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304
    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);
      note_html.syntaxHighlight();
305
      // is this the first note of discussion?
Fatih Acet committed
306 307 308 309 310
      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) {
311
        // insert the note and the reply button after the temp row
Fatih Acet committed
312
        row.after(note.diff_discussion_html);
313
        // remove the note (will be added again below)
Fatih Acet committed
314
        row.next().find(".note").remove();
315
        // Before that, the container didn't exist
Fatih Acet committed
316
        discussionContainer = $(".notes[data-discussion-id='" + note.discussion_id + "']");
317
        // Add note to 'Changes' page discussions
Fatih Acet committed
318
        discussionContainer.append(note_html);
319
        // Init discussion on 'Discussion' page if it is merge request page
Fatih Acet committed
320 321 322 323
        if ($('body').attr('data-page').indexOf('projects:merge_request') === 0) {
          $('ul.main-notes-list').append(note.discussion_html).syntaxHighlight();
        }
      } else {
324
        // append new note to all matching discussions
Fatih Acet committed
325 326
        discussionContainer.append(note_html);
      }
327

328 329
      if (typeof gl.diffNotesCompileComponents !== 'undefined') {
        gl.diffNotesCompileComponents();
330 331
      }

Fatih Acet committed
332 333 334 335 336 337 338
      gl.utils.localTimeAgo($('.js-timeago', note_html), false);
      return this.updateNotesCount(1);
    };


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

Fatih Acet committed
340 341 342 343 344 345 346 347
    Removes any errors.
    Resets text and preview.
    Resets buttons.
     */

    Notes.prototype.resetMainTargetForm = function(e) {
      var form;
      form = $(".js-main-target-form");
348
      // remove validation errors
Fatih Acet committed
349
      form.find(".js-errors").remove();
350
      // reset text and preview
Fatih Acet committed
351 352 353
      form.find(".js-md-write-button").click();
      form.find(".js-note-text").val("").trigger("input");
      form.find(".js-note-text").data("autosave").reset();
354 355 356 357 358 359

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

      this.updateTargetButtons(e);
Fatih Acet committed
360 361 362 363 364 365 366 367 368 369 370
    };

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

Fatih Acet committed
372 373 374 375 376
    Sets some hidden fields in the form.
     */

    Notes.prototype.setupMainTargetNoteForm = function() {
      var form;
377
      // find the form
Fatih Acet committed
378
      form = $(".js-new-note-form");
379
      // Set a global clone of the form for later cloning
Fatih Acet committed
380
      this.formClone = form.clone();
381
      // show the form
Fatih Acet committed
382
      this.setupNoteForm(form);
383
      // fix classes
Fatih Acet committed
384 385 386 387 388
      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();
389
      form.find('.js-comment-resolve-button').closest('comment-and-resolve-btn').remove();
Fatih Acet committed
390 391 392 393 394 395
      return this.parentTimeline = form.parents('.timeline');
    };


    /*
    General note form setup.
396

Fatih Acet committed
397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412
    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
413

Fatih Acet committed
414 415 416 417 418 419 420 421 422 423 424 425 426 427
    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
428

Fatih Acet committed
429 430 431 432
    Adds new note to list.
     */

    Notes.prototype.addDiscussionNote = function(xhr, note, status) {
433 434 435
      var $form = $(xhr.target);

      if ($form.attr('data-resolve-all') != null) {
436 437 438
        var projectPath = $form.data('project-path')
            discussionId = $form.data('discussion-id'),
            mergeRequestId = $form.data('noteable-iid');
439 440

        if (ResolveService != null) {
441
          ResolveService.toggleResolveForDiscussion(projectPath, mergeRequestId, discussionId);
442 443
        }
      }
444

Fatih Acet committed
445
      this.renderDiscussionNote(note);
446
      // cleanup after successfully creating a diff/discussion note
447
      this.removeDiscussionNoteForm($form);
Fatih Acet committed
448 449 450 451 452
    };


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

Fatih Acet committed
454 455 456 457 458
    Updates the current note field.
     */

    Notes.prototype.updateNote = function(_xhr, note, _status) {
      var $html, $note_li;
459
      // Convert returned HTML to a jQuery object so we can modify it further
Fatih Acet committed
460 461 462 463
      $html = $(note.html);
      gl.utils.localTimeAgo($('.js-timeago', $html));
      $html.syntaxHighlight();
      $html.find('.js-task-list-container').taskList('enable');
464
      // Find the note's `li` element by ID and replace it with the updated HTML
Fatih Acet committed
465
      $note_li = $('.note-row-' + note.id);
466 467 468

      $note_li.replaceWith($html);

469 470
      if (typeof gl.diffNotesCompileComponents !== 'undefined') {
        gl.diffNotesCompileComponents();
471
      }
Fatih Acet committed
472 473 474 475 476
    };


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

Fatih Acet committed
478 479 480 481 482 483 484 485 486 487 488
    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
     */

    Notes.prototype.showEditForm = function(e, scrollTo, myLastNote) {
      var $noteText, done, form, note;
      e.preventDefault();
      note = $(this).closest(".note");
      note.addClass("is-editting");
      form = note.find(".note-edit-form");
      form.addClass('current-note-edit-form');
489
      // Show the attachment delete link
Fatih Acet committed
490 491 492
      note.find(".js-note-attachment-delete").show();
      done = function($noteText) {
        var noteTextVal;
493
        // Neat little trick to put the cursor at the end
Fatih Acet committed
494
        noteTextVal = $noteText.val();
495
        // Store the original note text in a data attribute to retrieve if a user cancels edit.
Fatih Acet committed
496 497 498 499 500
        form.find('form.edit-note').data('original-note', noteTextVal);
        return $noteText.val('').val(noteTextVal);
      };
      new GLForm(form);
      if ((scrollTo != null) && (myLastNote != null)) {
501 502
        // scroll to the bottom
        // so the open of the last element doesn't make a jump
Fatih Acet committed
503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521
        $('html, body').scrollTop($(document).height());
        return $('html, body').animate({
          scrollTop: myLastNote.offset().top - 150
        }, 500, function() {
          var $noteText;
          $noteText = form.find(".js-note-text");
          $noteText.focus();
          return done($noteText);
        });
      } else {
        $noteText = form.find('.js-note-text');
        $noteText.focus();
        return done($noteText);
      }
    };


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

Fatih Acet committed
523 524 525 526 527 528 529 530 531 532 533 534 535 536 537
    Hides edit form and restores the original note text to the editor textarea.
     */

    Notes.prototype.cancelEdit = function(e) {
      var note;
      e.preventDefault();
      note = $(e.target).closest('.note');
      return this.removeNoteEditForm(note);
    };

    Notes.prototype.removeNoteEditForm = function(note) {
      var form;
      form = note.find(".current-note-edit-form");
      note.removeClass("is-editting");
      form.removeClass("current-note-edit-form");
538
      // Replace markdown textarea text with original note text.
Fatih Acet committed
539 540 541 542 543 544
      return form.find(".js-note-text").val(form.find('form.edit-note').data('original-note'));
    };


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

Fatih Acet committed
546 547 548 549 550 551 552 553
    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) {
554 555 556
        // 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
557 558 559 560
        return function(i, el) {
          var note, notes;
          note = $(el);
          notes = note.closest(".notes");
561

562 563 564
          if (typeof gl.diffNotesCompileComponents !== 'undefined') {
            if (gl.diffNoteApps[noteId]) {
              gl.diffNoteApps[noteId].$destroy();
565 566 567
            }
          }

568
          // check if this is the last note for this line
Fatih Acet committed
569
          if (notes.find(".note").length === 1) {
570
            // "Discussions" tab
Fatih Acet committed
571
            notes.closest(".timeline-entry").remove();
572
            // "Changes" tab / commit view
Fatih Acet committed
573 574 575 576 577
            notes.closest("tr").remove();
          }
          return note.remove();
        };
      })(this));
578
      // Decrement the "Discussions" counter only once
Fatih Acet committed
579 580 581 582 583 584
      return this.updateNotesCount(-1);
    };


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

Fatih Acet committed
586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601
    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.
602

Fatih Acet committed
603 604 605 606 607 608 609
    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");
610
      // insert the form after the button
611 612 613 614
      replyLink
        .closest('.discussion-reply-holder')
        .hide()
        .after(form);
615
      // show the form
Fatih Acet committed
616 617 618 619 620 621
      return this.setupDiscussionNoteForm(replyLink, form);
    };


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

Fatih Acet committed
623
    Sets some hidden fields in the form.
624

Fatih Acet committed
625 626 627 628 629
    Note: dataHolder must have the "discussionId", "lineCode", "noteableType"
    and "noteableId" data attributes set.
     */

    Notes.prototype.setupDiscussionNoteForm = function(dataHolder, form) {
630
      // setup note target
Fatih Acet committed
631 632 633 634 635 636 637 638 639 640
      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'));
641
      form.find('.js-note-target-close').remove();
Fatih Acet committed
642
      this.setupNoteForm(form);
643

644
      if (typeof gl.diffNotesCompileComponents !== 'undefined') {
645
        var $commentBtn = form.find('comment-and-resolve-btn');
646
        $commentBtn
647
          .attr(':discussion-id', "'" + dataHolder.data('discussionId') + "'");
648

649
        gl.diffNotesCompileComponents();
650 651
      }

Fatih Acet committed
652
      form.find(".js-note-text").focus();
653 654 655 656 657 658
      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
659 660 661 662 663
    };


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

Fatih Acet committed
665 666 667 668 669 670 671 672 673 674 675 676
    Inserts a temporary row for the form below the line.
    Sets up the form and shows it.
     */

    Notes.prototype.addDiffNote = function(e) {
      var $link, addForm, hasNotes, lineType, newForm, nextRow, noteForm, notesContent, replyButton, row, rowCssToAdd, targetContent;
      e.preventDefault();
      $link = $(e.currentTarget);
      row = $link.closest("tr");
      nextRow = row.next();
      hasNotes = nextRow.is(".notes_holder");
      addForm = false;
677 678
      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>";
679
      // In parallel view, look inside the correct left/right pane
Fatih Acet committed
680 681
      if (this.isParallelView()) {
        lineType = $link.data("lineType");
682 683
        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
684
      }
685
      notesContentSelector += " .content";
Fatih Acet committed
686
      if (hasNotes) {
687 688
        nextRow.show();
        notesContent = nextRow.find(notesContentSelector);
Fatih Acet committed
689
        if (notesContent.length) {
690
          notesContent.show();
Fatih Acet committed
691 692 693 694 695
          replyButton = notesContent.find(".js-discussion-reply-button:visible");
          if (replyButton.length) {
            e.target = replyButton[0];
            $.proxy(this.replyToDiscussionNote, replyButton[0], e).call();
          } else {
696
            // In parallel view, the form may not be present in one of the panes
Fatih Acet committed
697 698 699 700 701 702 703
            noteForm = notesContent.find(".js-discussion-note-form");
            if (noteForm.length === 0) {
              addForm = true;
            }
          }
        }
      } else {
704
        // add a notes row and insert the form
Fatih Acet committed
705
        row.after(rowCssToAdd);
706 707
        nextRow = row.next();
        notesContent = nextRow.find(notesContentSelector);
Fatih Acet committed
708 709 710 711
        addForm = true;
      }
      if (addForm) {
        newForm = this.formClone.clone();
712
        newForm.appendTo(notesContent);
713
        // show the form
Fatih Acet committed
714 715 716 717 718 719 720
        return this.setupDiscussionNoteForm($link, newForm);
      }
    };


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

Fatih Acet committed
722 723 724 725 726 727 728 729 730 731
    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();
732
      // show the reply button (will only work for replies)
733 734 735
      form
        .prev('.discussion-reply-holder')
        .show();
Fatih Acet committed
736
      if (row.is(".js-temp-notes-holder")) {
737
        // remove temporary row for diff lines
Fatih Acet committed
738 739
        return row.remove();
      } else {
740
        // only remove the form
Fatih Acet committed
741 742 743 744 745 746 747 748 749 750 751 752 753 754
        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.
755

Fatih Acet committed
756 757 758 759 760 761
    Updates the file name for the selected attachment.
     */

    Notes.prototype.updateFormAttachment = function() {
      var filename, form;
      form = $(this).closest("form");
762
      // get only the basename
Fatih Acet committed
763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 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
      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();
      return $(document).on('tasklist:changed', '.note .js-task-list-container', this.updateTaskList);
    };

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

    Notes.prototype.updateTaskList = function() {
      return $('form', this).submit();
    };

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

847
    Notes.prototype.resolveDiscussion = function () {
848 849 850 851 852 853 854
      var $this = $(this),
          discussionId = $this.attr('data-discussion-id');

      $this
        .closest('form')
        .attr('data-discussion-id', discussionId)
        .attr('data-resolve-all', 'true')
855
        .attr('data-project-path', $this.attr('data-project-path'));
856 857
    };

Fatih Acet committed
858 859 860 861 862
    return Notes;

  })();

}).call(this);