import $ from 'jquery'; import { pluralize } from './lib/utils/text_utility'; import { localTimeAgo } from './lib/utils/datetime_utility'; import Pager from './pager'; import axios from './lib/utils/axios_utils'; 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.fadeTo('fast', 0.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.fadeTo('fast', 1.0); // Change url so if user reload a page - search results are saved history.replaceState({ page: commitsUrl, }, document.title, commitsUrl); }) .catch(() => { this.content.fadeTo('fast', 1.0); 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(`${commitsCount} ${pluralize('commit', commitsCount)}`); } localTimeAgo($processedData.find('.js-timeago')); return processedData; } }