mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-11-16 06:06:56 +08:00
50 lines
1 KiB
Vue
50 lines
1 KiB
Vue
|
<template>
|
||
|
|
<MenuDropdown
|
||
|
|
:listItems="viewModesMenu"
|
||
|
|
:btnClasses="'btn btn-secondary !border-sn-light-grey px-3'"
|
||
|
|
:btnText="btnText"
|
||
|
|
:caret="true"
|
||
|
|
position='right'>
|
||
|
|
</MenuDropdown>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
/* global I18n */
|
||
|
|
import MenuDropdown from '../shared/menu_dropdown.vue';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
MenuDropdown
|
||
|
|
},
|
||
|
|
name: 'RepositoryStateMenu',
|
||
|
|
props: {
|
||
|
|
viewMode: { type: String, required: true },
|
||
|
|
activeUrl: { type: String, required: true },
|
||
|
|
archivedUrl: { type: String, required: true }
|
||
|
|
},
|
||
|
|
beforeDestroy() {
|
||
|
|
delete window.initRepositoryStateMenu;
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
btnText() {
|
||
|
|
return I18n.t(`toolbar.${this.viewMode}_state`);
|
||
|
|
},
|
||
|
|
viewModesMenu() {
|
||
|
|
return [
|
||
|
|
{
|
||
|
|
text: I18n.t('toolbar.active_state'),
|
||
|
|
active: this.viewMode === 'active',
|
||
|
|
url: this.activeUrl
|
||
|
|
},
|
||
|
|
{
|
||
|
|
text: I18n.t('toolbar.archived_state'),
|
||
|
|
active: this.viewMode === 'archived',
|
||
|
|
url: this.archivedUrl
|
||
|
|
}
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|