1
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
|
/* eslint-disable no-new */
import $ from 'jquery';
import Vue from 'vue';
import loadAwardsHandler from '~/awards_handler';
import ShortcutsNavigation from '~/behaviors/shortcuts/shortcuts_navigation';
import Diff from '~/diff';
import { createAlert } from '~/flash';
import initDeprecatedNotes from '~/init_deprecated_notes';
import { initDiffStatsDropdown } from '~/init_diff_stats_dropdown';
import axios from '~/lib/utils/axios_utils';
import { handleLocationHash } from '~/lib/utils/common_utils';
import { __ } from '~/locale';
import initCommitActions from '~/projects/commit';
import { initCommitBoxInfo } from '~/projects/commit_box/info';
import syntaxHighlight from '~/syntax_highlight';
import ZenMode from '~/zen_mode';
import '~/sourcegraph/load';
import DiffStats from '~/diffs/components/diff_stats.vue';
const hasPerfBar = document.querySelector('.with-performance-bar');
const performanceHeight = hasPerfBar ? 35 : 0;
initDiffStatsDropdown(document.querySelector('.navbar-gitlab').offsetHeight + performanceHeight);
new ZenMode();
new ShortcutsNavigation();
initCommitBoxInfo();
initDeprecatedNotes();
const loadDiffStats = () => {
const diffStatsElements = document.querySelectorAll('#js-diff-stats');
if (diffStatsElements.length) {
diffStatsElements.forEach((diffStatsEl) => {
const { addedLines, removedLines, oldSize, newSize, viewerName } = diffStatsEl.dataset;
new Vue({
el: diffStatsEl,
render(createElement) {
return createElement(DiffStats, {
props: {
diffFile: {
old_size: oldSize,
new_size: newSize,
viewer: { name: viewerName },
},
addedLines: Number(addedLines),
removedLines: Number(removedLines),
},
});
},
});
});
}
};
const filesContainer = $('.js-diffs-batch');
if (filesContainer.length) {
const batchPath = filesContainer.data('diffFilesPath');
axios
.get(batchPath)
.then(({ data }) => {
filesContainer.html($(data));
syntaxHighlight(filesContainer);
handleLocationHash();
new Diff();
loadDiffStats();
})
.catch(() => {
createAlert({ message: __('An error occurred while retrieving diff files') });
});
} else {
new Diff();
loadDiffStats();
}
loadAwardsHandler();
initCommitActions();
|