66 lines
1.2 KiB
Vue
66 lines
1.2 KiB
Vue
|
<script>
|
||
|
|
import { mapActions } from 'vuex';
|
||
|
|
import RepoTab from './repo_tab.vue';
|
||
|
|
import EditorMode from './editor_mode_dropdown.vue';
|
||
|
|
import router from '../ide_router';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
RepoTab,
|
||
|
|
EditorMode,
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
activeFile: {
|
||
|
|
type: Object,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
files: {
|
||
|
|
type: Array,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
viewer: {
|
||
|
|
type: String,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
hasChanges: {
|
||
|
|
type: Boolean,
|
||
|
|
required: true,
|
||
|
|
},
|
||
|
|
mergeRequestId: {
|
||
|
|
type: String,
|
||
|
|
required: false,
|
||
|
|
default: '',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
...mapActions(['updateViewer', 'removePendingTab']),
|
||
|
|
openFileViewer(viewer) {
|
||
|
|
this.updateViewer(viewer);
|
||
|
|
|
||
|
|
if (this.activeFile.pending) {
|
||
|
|
return this.removePendingTab(this.activeFile).then(() => {
|
||
|
|
router.push(`/project${this.activeFile.url}`);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
return null;
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="multi-file-tabs">
|
||
|
|
<ul
|
||
|
|
class="list-unstyled append-bottom-0"
|
||
|
|
ref="tabsScroller"
|
||
|
|
>
|
||
|
|
<repo-tab
|
||
|
|
v-for="tab in files"
|
||
|
|
:key="tab.key"
|
||
|
|
:tab="tab"
|
||
|
|
/>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</template>
|