Prettify ide modules
This commit is contained in:
parent
550f55745a
commit
69b7c032ec
14 changed files with 96 additions and 131 deletions
|
@ -38,14 +38,18 @@ export default {
|
|||
return this.modifiedFilesLength ? 'multi-file-modified' : '';
|
||||
},
|
||||
additionsTooltip() {
|
||||
return sprintf(n__('1 %{type} addition', '%{count} %{type} additions', this.addedFilesLength), {
|
||||
type: this.title.toLowerCase(),
|
||||
count: this.addedFilesLength,
|
||||
});
|
||||
return sprintf(
|
||||
n__('1 %{type} addition', '%{count} %{type} additions', this.addedFilesLength),
|
||||
{
|
||||
type: this.title.toLowerCase(),
|
||||
count: this.addedFilesLength,
|
||||
},
|
||||
);
|
||||
},
|
||||
modifiedTooltip() {
|
||||
return sprintf(
|
||||
n__('1 %{type} modification', '%{count} %{type} modifications', this.modifiedFilesLength), {
|
||||
n__('1 %{type} modification', '%{count} %{type} modifications', this.modifiedFilesLength),
|
||||
{
|
||||
type: this.title.toLowerCase(),
|
||||
count: this.modifiedFilesLength,
|
||||
},
|
||||
|
|
|
@ -25,10 +25,7 @@ export default {
|
|||
return `discard-file-${this.path}`;
|
||||
},
|
||||
modalTitle() {
|
||||
return sprintf(
|
||||
__('Discard changes to %{path}?'),
|
||||
{ path: this.path },
|
||||
);
|
||||
return sprintf(__('Discard changes to %{path}?'), { path: this.path });
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
|
|
|
@ -24,13 +24,7 @@ export default {
|
|||
IdeProjectHeader,
|
||||
},
|
||||
computed: {
|
||||
...mapState([
|
||||
'loading',
|
||||
'currentActivityView',
|
||||
'changedFiles',
|
||||
'stagedFiles',
|
||||
'lastCommitMsg',
|
||||
]),
|
||||
...mapState(['loading', 'currentActivityView', 'changedFiles', 'stagedFiles', 'lastCommitMsg']),
|
||||
...mapGetters(['currentProject', 'someUncommitedChanges']),
|
||||
showSuccessMessage() {
|
||||
return (
|
||||
|
|
|
@ -37,14 +37,10 @@ export default {
|
|||
return this.hasSearchFocus && !this.search && !this.currentSearchType;
|
||||
},
|
||||
type() {
|
||||
return this.currentSearchType
|
||||
? this.currentSearchType.type
|
||||
: '';
|
||||
return this.currentSearchType ? this.currentSearchType.type : '';
|
||||
},
|
||||
searchTokens() {
|
||||
return this.currentSearchType
|
||||
? [this.currentSearchType]
|
||||
: [];
|
||||
return this.currentSearchType ? [this.currentSearchType] : [];
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
|
|
|
@ -13,9 +13,7 @@ export default {
|
|||
computed: {
|
||||
...mapState(['currentBranchId', 'currentMergeRequestId']),
|
||||
mergeRequestLabel() {
|
||||
return this.currentMergeRequestId
|
||||
? `!${this.currentMergeRequestId}`
|
||||
: EMPTY_LABEL;
|
||||
return this.currentMergeRequestId ? `!${this.currentMergeRequestId}` : EMPTY_LABEL;
|
||||
},
|
||||
branchLabel() {
|
||||
return this.currentBranchId || EMPTY_LABEL;
|
||||
|
|
|
@ -43,34 +43,25 @@ export default {
|
|||
{
|
||||
show: this.currentMergeRequestId,
|
||||
title: __('Merge Request'),
|
||||
views: [
|
||||
rightSidebarViews.mergeRequestInfo,
|
||||
],
|
||||
views: [rightSidebarViews.mergeRequestInfo],
|
||||
icon: 'text-description',
|
||||
},
|
||||
{
|
||||
show: true,
|
||||
title: __('Pipelines'),
|
||||
views: [
|
||||
rightSidebarViews.pipelines,
|
||||
rightSidebarViews.jobsDetail,
|
||||
],
|
||||
views: [rightSidebarViews.pipelines, rightSidebarViews.jobsDetail],
|
||||
icon: 'rocket',
|
||||
},
|
||||
{
|
||||
show: this.showLivePreview,
|
||||
title: __('Live preview'),
|
||||
views: [
|
||||
rightSidebarViews.clientSidePreview,
|
||||
],
|
||||
views: [rightSidebarViews.clientSidePreview],
|
||||
icon: 'live-preview',
|
||||
},
|
||||
];
|
||||
},
|
||||
tabs() {
|
||||
return this.defaultTabs
|
||||
.concat(this.extensionTabs)
|
||||
.filter(tab => tab.show);
|
||||
return this.defaultTabs.concat(this.extensionTabs).filter(tab => tab.show);
|
||||
},
|
||||
tabViews() {
|
||||
return _.flatten(this.tabs.map(tab => tab.views));
|
||||
|
|
|
@ -25,12 +25,7 @@ export default {
|
|||
...mapState('rightPane', {
|
||||
rightPaneIsOpen: 'isOpen',
|
||||
}),
|
||||
...mapState([
|
||||
'rightPanelCollapsed',
|
||||
'viewer',
|
||||
'panelResizing',
|
||||
'currentActivityView',
|
||||
]),
|
||||
...mapState(['rightPanelCollapsed', 'viewer', 'panelResizing', 'currentActivityView']),
|
||||
...mapGetters([
|
||||
'currentMergeRequest',
|
||||
'getStagedFile',
|
||||
|
|
|
@ -30,9 +30,7 @@ export default {
|
|||
},
|
||||
computed: {
|
||||
placeholderText() {
|
||||
return this.tokens.length
|
||||
? ''
|
||||
: this.placeholder;
|
||||
return this.tokens.length ? '' : this.placeholder;
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
|
|
|
@ -21,10 +21,7 @@ Vue.use(Translate);
|
|||
export function initIde(el, options = {}) {
|
||||
if (!el) return null;
|
||||
|
||||
const {
|
||||
extraInitialData = () => ({}),
|
||||
rootComponent = ide,
|
||||
} = options;
|
||||
const { extraInitialData = () => ({}), rootComponent = ide } = options;
|
||||
|
||||
return new Vue({
|
||||
el,
|
||||
|
|
|
@ -11,14 +11,16 @@ export const computeDiff = (originalContent, newContent) => {
|
|||
if (findOnLine) {
|
||||
Object.assign(findOnLine, change, {
|
||||
modified: true,
|
||||
endLineNumber: (lineNumber + change.count) - 1,
|
||||
endLineNumber: lineNumber + change.count - 1,
|
||||
});
|
||||
} else if ('added' in change || 'removed' in change) {
|
||||
acc.push(Object.assign({}, change, {
|
||||
lineNumber,
|
||||
modified: undefined,
|
||||
endLineNumber: (lineNumber + change.count) - 1,
|
||||
}));
|
||||
acc.push(
|
||||
Object.assign({}, change, {
|
||||
lineNumber,
|
||||
modified: undefined,
|
||||
endLineNumber: lineNumber + change.count - 1,
|
||||
}),
|
||||
);
|
||||
}
|
||||
|
||||
if (!change.removed) {
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
import { computeDiff } from './diff';
|
||||
|
||||
// eslint-disable-next-line no-restricted-globals
|
||||
self.addEventListener('message', (e) => {
|
||||
self.addEventListener('message', e => {
|
||||
const { data } = e;
|
||||
|
||||
// eslint-disable-next-line no-restricted-globals
|
||||
|
|
|
@ -116,57 +116,57 @@ export const openMergeRequest = (
|
|||
targetProjectId,
|
||||
mergeRequestId,
|
||||
})
|
||||
.then(mr => {
|
||||
dispatch('setCurrentBranchId', mr.source_branch);
|
||||
.then(mr => {
|
||||
dispatch('setCurrentBranchId', mr.source_branch);
|
||||
|
||||
dispatch('getBranchData', {
|
||||
projectId,
|
||||
branchId: mr.source_branch,
|
||||
});
|
||||
dispatch('getBranchData', {
|
||||
projectId,
|
||||
branchId: mr.source_branch,
|
||||
});
|
||||
|
||||
return dispatch('getFiles', {
|
||||
projectId,
|
||||
branchId: mr.source_branch,
|
||||
});
|
||||
})
|
||||
.then(() =>
|
||||
dispatch('getMergeRequestVersions', {
|
||||
projectId,
|
||||
targetProjectId,
|
||||
mergeRequestId,
|
||||
}),
|
||||
)
|
||||
.then(() =>
|
||||
dispatch('getMergeRequestChanges', {
|
||||
projectId,
|
||||
targetProjectId,
|
||||
mergeRequestId,
|
||||
}),
|
||||
)
|
||||
.then(mrChanges => {
|
||||
if (mrChanges.changes.length) {
|
||||
dispatch('updateActivityBarView', activityBarViews.review);
|
||||
}
|
||||
|
||||
mrChanges.changes.forEach((change, ind) => {
|
||||
const changeTreeEntry = state.entries[change.new_path];
|
||||
|
||||
if (changeTreeEntry) {
|
||||
dispatch('setFileMrChange', {
|
||||
file: changeTreeEntry,
|
||||
mrChange: change,
|
||||
});
|
||||
|
||||
if (ind < 10) {
|
||||
dispatch('getFileData', {
|
||||
path: change.new_path,
|
||||
makeFileActive: ind === 0,
|
||||
});
|
||||
}
|
||||
return dispatch('getFiles', {
|
||||
projectId,
|
||||
branchId: mr.source_branch,
|
||||
});
|
||||
})
|
||||
.then(() =>
|
||||
dispatch('getMergeRequestVersions', {
|
||||
projectId,
|
||||
targetProjectId,
|
||||
mergeRequestId,
|
||||
}),
|
||||
)
|
||||
.then(() =>
|
||||
dispatch('getMergeRequestChanges', {
|
||||
projectId,
|
||||
targetProjectId,
|
||||
mergeRequestId,
|
||||
}),
|
||||
)
|
||||
.then(mrChanges => {
|
||||
if (mrChanges.changes.length) {
|
||||
dispatch('updateActivityBarView', activityBarViews.review);
|
||||
}
|
||||
|
||||
mrChanges.changes.forEach((change, ind) => {
|
||||
const changeTreeEntry = state.entries[change.new_path];
|
||||
|
||||
if (changeTreeEntry) {
|
||||
dispatch('setFileMrChange', {
|
||||
file: changeTreeEntry,
|
||||
mrChange: change,
|
||||
});
|
||||
|
||||
if (ind < 10) {
|
||||
dispatch('getFileData', {
|
||||
path: change.new_path,
|
||||
makeFileActive: ind === 0,
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(e => {
|
||||
flash(__('Error while loading the merge request. Please try again.'));
|
||||
throw e;
|
||||
});
|
||||
})
|
||||
.catch(e => {
|
||||
flash(__('Error while loading the merge request. Please try again.'));
|
||||
throw e;
|
||||
});
|
||||
|
|
|
@ -125,10 +125,7 @@ export const showBranchNotFoundError = ({ dispatch }, branchId) => {
|
|||
});
|
||||
};
|
||||
|
||||
export const openBranch = (
|
||||
{ dispatch, state },
|
||||
{ projectId, branchId, basePath },
|
||||
) => {
|
||||
export const openBranch = ({ dispatch, state }, { projectId, branchId, basePath }) => {
|
||||
dispatch('setCurrentBranchId', branchId);
|
||||
|
||||
dispatch('getBranchData', {
|
||||
|
@ -136,23 +133,20 @@ export const openBranch = (
|
|||
branchId,
|
||||
});
|
||||
|
||||
return (
|
||||
dispatch('getFiles', {
|
||||
projectId,
|
||||
branchId,
|
||||
})
|
||||
.then(() => {
|
||||
if (basePath) {
|
||||
const path = basePath.slice(-1) === '/' ? basePath.slice(0, -1) : basePath;
|
||||
const treeEntryKey = Object.keys(state.entries).find(
|
||||
key => key === path && !state.entries[key].pending,
|
||||
);
|
||||
const treeEntry = state.entries[treeEntryKey];
|
||||
return dispatch('getFiles', {
|
||||
projectId,
|
||||
branchId,
|
||||
}).then(() => {
|
||||
if (basePath) {
|
||||
const path = basePath.slice(-1) === '/' ? basePath.slice(0, -1) : basePath;
|
||||
const treeEntryKey = Object.keys(state.entries).find(
|
||||
key => key === path && !state.entries[key].pending,
|
||||
);
|
||||
const treeEntry = state.entries[treeEntryKey];
|
||||
|
||||
if (treeEntry) {
|
||||
dispatch('handleTreeEntryAction', treeEntry);
|
||||
}
|
||||
if (treeEntry) {
|
||||
dispatch('handleTreeEntryAction', treeEntry);
|
||||
}
|
||||
})
|
||||
);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
|
|
@ -3,8 +3,7 @@ import Api from '../../../../api';
|
|||
import { scopes } from './constants';
|
||||
import * as types from './mutation_types';
|
||||
|
||||
export const requestMergeRequests = ({ commit }) =>
|
||||
commit(types.REQUEST_MERGE_REQUESTS);
|
||||
export const requestMergeRequests = ({ commit }) => commit(types.REQUEST_MERGE_REQUESTS);
|
||||
export const receiveMergeRequestsError = ({ commit, dispatch }, { type, search }) => {
|
||||
dispatch(
|
||||
'setErrorMessage',
|
||||
|
|
Loading…
Reference in a new issue