100 lines
3.1 KiB
JavaScript
100 lines
3.1 KiB
JavaScript
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({ limit: parseInt(limit, 10), prepareData: 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').get());
|
|
|
|
return processedData;
|
|
}
|
|
}
|