2018-03-09 15:18:59 -05:00
|
|
|
import $ from 'jquery';
|
2017-03-17 13:21:25 -04:00
|
|
|
import Vue from 'vue';
|
2018-06-15 05:30:07 -04:00
|
|
|
import createFlash from '../flash';
|
2017-07-26 06:13:35 -04:00
|
|
|
import initIssuableSidebar from '../init_issuable_sidebar';
|
2017-05-16 16:52:40 -04:00
|
|
|
import './merge_conflict_store';
|
2018-06-13 07:35:32 -04:00
|
|
|
import MergeConflictsService from './merge_conflict_service';
|
2017-05-16 16:52:40 -04:00
|
|
|
import './components/diff_file_editor';
|
|
|
|
import './components/inline_conflict_lines';
|
|
|
|
import './components/parallel_conflict_lines';
|
2017-12-13 04:26:44 -05:00
|
|
|
import syntaxHighlight from '../syntax_highlight';
|
2016-09-28 06:12:13 -04:00
|
|
|
|
2018-02-27 17:53:49 -05:00
|
|
|
export default function initMergeConflicts() {
|
2016-09-28 06:12:13 -04:00
|
|
|
const INTERACTIVE_RESOLVE_MODE = 'interactive';
|
2016-10-05 21:49:43 -04:00
|
|
|
const conflictsEl = document.querySelector('#conflicts');
|
2018-06-16 17:50:13 -04:00
|
|
|
const { mergeConflictsStore } = gl.mergeConflicts;
|
2018-06-13 07:35:32 -04:00
|
|
|
const mergeConflictsService = new MergeConflictsService({
|
2016-10-05 21:49:43 -04:00
|
|
|
conflictsPath: conflictsEl.dataset.conflictsPath,
|
2018-06-15 05:30:07 -04:00
|
|
|
resolveConflictsPath: conflictsEl.dataset.resolveConflictsPath,
|
2016-09-28 06:12:13 -04:00
|
|
|
});
|
|
|
|
|
2017-07-26 06:13:35 -04:00
|
|
|
initIssuableSidebar();
|
|
|
|
|
2016-10-05 21:49:43 -04:00
|
|
|
gl.MergeConflictsResolverApp = new Vue({
|
2016-09-28 06:12:13 -04:00
|
|
|
el: '#conflicts',
|
|
|
|
components: {
|
2016-10-05 08:57:22 -04:00
|
|
|
'diff-file-editor': gl.mergeConflicts.diffFileEditor,
|
|
|
|
'inline-conflict-lines': gl.mergeConflicts.inlineConflictLines,
|
2018-06-15 05:30:07 -04:00
|
|
|
'parallel-conflict-lines': gl.mergeConflicts.parallelConflictLines,
|
2016-09-28 06:12:13 -04:00
|
|
|
},
|
2018-01-03 18:14:55 -05:00
|
|
|
data: mergeConflictsStore.state,
|
2016-09-28 06:12:13 -04:00
|
|
|
computed: {
|
2018-06-15 05:30:07 -04:00
|
|
|
conflictsCountText() {
|
|
|
|
return mergeConflictsStore.getConflictsCountText();
|
|
|
|
},
|
|
|
|
readyToCommit() {
|
|
|
|
return mergeConflictsStore.isReadyToCommit();
|
|
|
|
},
|
|
|
|
commitButtonText() {
|
|
|
|
return mergeConflictsStore.getCommitButtonText();
|
|
|
|
},
|
|
|
|
showDiffViewTypeSwitcher() {
|
|
|
|
return mergeConflictsStore.fileTextTypePresent();
|
|
|
|
},
|
2016-09-28 06:12:13 -04:00
|
|
|
},
|
|
|
|
created() {
|
2018-06-15 05:30:07 -04:00
|
|
|
mergeConflictsService
|
|
|
|
.fetchConflictsData()
|
2018-01-30 11:47:19 -05:00
|
|
|
.then(({ data }) => {
|
2016-09-28 06:12:13 -04:00
|
|
|
if (data.type === 'error') {
|
|
|
|
mergeConflictsStore.setFailedRequest(data.message);
|
|
|
|
} else {
|
|
|
|
mergeConflictsStore.setConflictsData(data);
|
|
|
|
}
|
2018-01-30 11:47:19 -05:00
|
|
|
|
2016-09-28 06:12:13 -04:00
|
|
|
mergeConflictsStore.setLoadingState(false);
|
|
|
|
|
|
|
|
this.$nextTick(() => {
|
2017-12-13 04:26:44 -05:00
|
|
|
syntaxHighlight($('.js-syntax-highlight'));
|
2016-09-28 06:12:13 -04:00
|
|
|
});
|
2018-01-30 11:47:19 -05:00
|
|
|
})
|
|
|
|
.catch(() => {
|
2018-02-02 11:33:38 -05:00
|
|
|
mergeConflictsStore.setLoadingState(false);
|
2018-01-30 11:47:19 -05:00
|
|
|
mergeConflictsStore.setFailedRequest();
|
2016-09-28 06:12:13 -04:00
|
|
|
});
|
|
|
|
},
|
|
|
|
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())
|
2018-01-30 11:47:19 -05:00
|
|
|
.then(({ data }) => {
|
2016-09-28 06:12:13 -04:00
|
|
|
window.location.href = data.redirect_to;
|
|
|
|
})
|
2018-01-30 11:47:19 -05:00
|
|
|
.catch(() => {
|
2016-09-28 06:12:13 -04:00
|
|
|
mergeConflictsStore.setSubmitState(false);
|
2018-06-15 05:30:07 -04:00
|
|
|
createFlash('Failed to save merge conflicts resolutions. Please try again!');
|
2016-09-28 06:12:13 -04:00
|
|
|
});
|
2018-06-15 05:30:07 -04:00
|
|
|
},
|
|
|
|
},
|
2017-01-10 17:54:56 -05:00
|
|
|
});
|
2018-02-27 17:53:49 -05:00
|
|
|
}
|