debian-mirror-gitlab/app/assets/javascripts/notes/mixins/discussion_navigation.js

import { mapGetters, mapActions, mapState } from 'vuex';
import { scrollToElement } from '~/lib/utils/common_utils';
import eventHub from '../../notes/event_hub';

export default {
  computed: {
    ...mapGetters([
      'nextUnresolvedDiscussionId',
      'previousUnresolvedDiscussionId',
      'getDiscussion',
    ]),
    ...mapState({
      currentDiscussionId: state => state.notes.currentDiscussionId,
    }),
  },
  methods: {
    ...mapActions(['expandDiscussion', 'setCurrentDiscussionId']),

    diffsJump(id) {
      const selector = `ul.notes[data-discussion-id="${id}"]`;

      eventHub.$once('scrollToDiscussion', () => {
        const el = document.querySelector(selector);

        if (el) {
          scrollToElement(el);

          return true;
        }

        return false;
      });

      this.expandDiscussion({ discussionId: id });
    },
    discussionJump(id) {
      const selector = `div.discussion[data-discussion-id="${id}"]`;

      const el = document.querySelector(selector);

      this.expandDiscussion({ discussionId: id });

      if (el) {
        scrollToElement(el);

        return true;
      }

      return false;
    },

    switchToDiscussionsTabAndJumpTo(id) {
      window.mrTabs.eventHub.$once('MergeRequestTabChange', () => {
        setTimeout(() => this.discussionJump(id), 0);
      });

      window.mrTabs.tabShown('show');
    },

    jumpToDiscussion(discussion) {
      const { id, diff_discussion: isDiffDiscussion } = discussion;
      if (id) {
        const activeTab = window.mrTabs.currentAction;

        if (activeTab === 'diffs' && isDiffDiscussion) {
          this.diffsJump(id);
        } else if (activeTab === 'show') {
          this.discussionJump(id);
        } else {
          this.switchToDiscussionsTabAndJumpTo(id);
        }
      }
    },

    jumpToNextDiscussion() {
      this.handleDiscussionJump(this.nextUnresolvedDiscussionId);
    },

    jumpToPreviousDiscussion() {
      this.handleDiscussionJump(this.previousUnresolvedDiscussionId);
    },

    handleDiscussionJump(fn) {
      const isDiffView = window.mrTabs.currentAction === 'diffs';
      const targetId = fn(this.currentDiscussionId, isDiffView);
      const discussion = this.getDiscussion(targetId);
      this.jumpToDiscussion(discussion);
      this.setCurrentDiscussionId(targetId);
    },
  },
};