import $ from 'jquery'; import { n__ } from '~/locale'; import axios from './lib/utils/axios_utils'; import { localTimeAgo } from './lib/utils/datetime_utility'; import Pager from './pager'; export default class CommitsList { constructor(limit = 0) { this.timer = null; this.$contentList = $('.content_list'); Pager.init(parseInt(limit, 10), false, false, this.processCommits.bind(this)); this.content = $('#commits-list'); this.searchField = $('#commits-search'); this.lastSearch = this.searchField.val(); this.initSearch(); } initSearch() { this.timer = null; this.searchField.on('keyup', () => { clearTimeout(this.timer); this.timer = setTimeout(this.filterResults.bind(this), 500); }); } filterResults() { const form = $('.commits-search-form'); const search = this.searchField.val(); if (search === this.lastSearch) return Promise.resolve(); const commitsUrl = `${form.attr('action')}?${form.serialize()}`; this.content.addClass('gl-opacity-5'); const params = form.serializeArray().reduce( (acc, obj) => Object.assign(acc, { [obj.name]: obj.value, }), {}, ); return axios .get(form.attr('action'), { params, }) .then(({ data }) => { this.lastSearch = search; this.content.html(data.html); this.content.removeClass('gl-opacity-5'); // Change url so if user reload a page - search results are saved window.history.replaceState( { page: commitsUrl, }, document.title, commitsUrl, ); }) .catch(() => { this.content.removeClass('gl-opacity-5'); this.lastSearch = null; }); } // Prepare loaded data. processCommits(data) { let processedData = data; const $processedData = $(processedData); const $commitsHeadersLast = this.$contentList.find('li.js-commit-header').last(); const lastShownDay = $commitsHeadersLast.data('day'); const $loadedCommitsHeadersFirst = $processedData.filter('li.js-commit-header').first(); const loadedShownDayFirst = $loadedCommitsHeadersFirst.data('day'); let commitsCount; // If commits headers show the same date, // remove the last header and change the previous one. if (lastShownDay === loadedShownDayFirst) { // Last shown commits count under the last commits header. commitsCount = $commitsHeadersLast.nextUntil('li.js-commit-header').find('li.commit').length; // Remove duplicate of commits header. processedData = $processedData.not(`li.js-commit-header[data-day='${loadedShownDayFirst}']`); // Update commits count in the previous commits header. commitsCount += Number( $(processedData).nextUntil('li.js-commit-header').first().find('li.commit').length, ); $commitsHeadersLast .find('span.commits-count') .text(n__('%d commit', '%d commits', commitsCount)); } localTimeAgo($processedData.find('.js-timeago')); return processedData; } }