92 lines
3.1 KiB
JavaScript
92 lines
3.1 KiB
JavaScript
/* eslint-disable new-cap, comma-dangle, no-new */
|
|
/* global Flash */
|
|
|
|
import Vue from 'vue';
|
|
import './merge_conflict_store';
|
|
import './merge_conflict_service';
|
|
import './mixins/line_conflict_utils';
|
|
import './mixins/line_conflict_actions';
|
|
import './components/diff_file_editor';
|
|
import './components/inline_conflict_lines';
|
|
import './components/parallel_conflict_lines';
|
|
|
|
$(() => {
|
|
const INTERACTIVE_RESOLVE_MODE = 'interactive';
|
|
const conflictsEl = document.querySelector('#conflicts');
|
|
const mergeConflictsStore = gl.mergeConflicts.mergeConflictsStore;
|
|
const mergeConflictsService = new gl.mergeConflicts.mergeConflictsService({
|
|
conflictsPath: conflictsEl.dataset.conflictsPath,
|
|
resolveConflictsPath: conflictsEl.dataset.resolveConflictsPath
|
|
});
|
|
|
|
gl.MergeConflictsResolverApp = new Vue({
|
|
el: '#conflicts',
|
|
data: mergeConflictsStore.state,
|
|
components: {
|
|
'diff-file-editor': gl.mergeConflicts.diffFileEditor,
|
|
'inline-conflict-lines': gl.mergeConflicts.inlineConflictLines,
|
|
'parallel-conflict-lines': gl.mergeConflicts.parallelConflictLines
|
|
},
|
|
computed: {
|
|
conflictsCountText() { return mergeConflictsStore.getConflictsCountText(); },
|
|
readyToCommit() { return mergeConflictsStore.isReadyToCommit(); },
|
|
commitButtonText() { return mergeConflictsStore.getCommitButtonText(); },
|
|
showDiffViewTypeSwitcher() { return mergeConflictsStore.fileTextTypePresent(); }
|
|
},
|
|
created() {
|
|
mergeConflictsService
|
|
.fetchConflictsData()
|
|
.done((data) => {
|
|
if (data.type === 'error') {
|
|
mergeConflictsStore.setFailedRequest(data.message);
|
|
} else {
|
|
mergeConflictsStore.setConflictsData(data);
|
|
}
|
|
})
|
|
.error(() => {
|
|
mergeConflictsStore.setFailedRequest();
|
|
})
|
|
.always(() => {
|
|
mergeConflictsStore.setLoadingState(false);
|
|
|
|
this.$nextTick(() => {
|
|
$('.js-syntax-highlight').syntaxHighlight();
|
|
});
|
|
});
|
|
},
|
|
methods: {
|
|
handleViewTypeChange(viewType) {
|
|
mergeConflictsStore.setViewType(viewType);
|
|
},
|
|
onClickResolveModeButton(file, mode) {
|
|
if (mode === INTERACTIVE_RESOLVE_MODE && file.resolveEditChanged) {
|
|
mergeConflictsStore.setPromptConfirmationState(file, true);
|
|
return;
|
|
}
|
|
|
|
mergeConflictsStore.setFileResolveMode(file, mode);
|
|
},
|
|
acceptDiscardConfirmation(file) {
|
|
mergeConflictsStore.setPromptConfirmationState(file, false);
|
|
mergeConflictsStore.setFileResolveMode(file, INTERACTIVE_RESOLVE_MODE);
|
|
},
|
|
cancelDiscardConfirmation(file) {
|
|
mergeConflictsStore.setPromptConfirmationState(file, false);
|
|
},
|
|
commit() {
|
|
mergeConflictsStore.setSubmitState(true);
|
|
|
|
mergeConflictsService
|
|
.submitResolveConflicts(mergeConflictsStore.getCommitData())
|
|
.done((data) => {
|
|
window.location.href = data.redirect_to;
|
|
})
|
|
.error(() => {
|
|
mergeConflictsStore.setSubmitState(false);
|
|
new Flash('Failed to save merge conflicts resolutions. Please try again!');
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|