37 lines
595 B
Vue
37 lines
595 B
Vue
|
<script>
|
||
|
|
import Store from '../stores/repo_store';
|
||
|
|
import RepoTab from './repo_tab.vue';
|
||
|
|
import RepoMixin from '../mixins/repo_mixin';
|
||
|
|
|
||
|
|
const RepoTabs = {
|
||
|
|
mixins: [RepoMixin],
|
||
|
|
|
||
|
|
components: {
|
||
|
|
'repo-tab': RepoTab,
|
||
|
|
},
|
||
|
|
|
||
|
|
data: () => Store,
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
tabClosed(file) {
|
||
|
|
Store.removeFromOpenedFiles(file);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export default RepoTabs;
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<ul id="tabs">
|
||
|
|
<repo-tab
|
||
|
|
v-for="tab in openedFiles"
|
||
|
|
:key="tab.id"
|
||
|
|
:tab="tab"
|
||
|
|
:class="{'active' : tab.active}"
|
||
|
|
@tabclosed="tabClosed"
|
||
|
|
/>
|
||
|
|
<li class="tabs-divider" />
|
||
|
|
</ul>
|
||
|
|
</template>
|