nas/qb-web
1
0
Fork 0
mirror of https://github.com/CzBiX/qb-web.git synced 2026-02-12 06:45:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

Adjust drawer menu items order

Browse Source
This commit is contained in:
CzBiX
2021-03-11 04:53:32 +08:00
parent 7c1ba217b7
commit 17fbf642da
1 changed files with 10 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/Drawer.vue
View File

@@ -151,12 +151,15 @@ export default class Drawer extends Vue {
@Prop()
readonly value: any
basicItems: MenuItem[] = [
{ icon: 'mdi-cog-box', title: tr('settings'), click: () => this.updateOptions('showSettings', true) },
]
endItems: MenuItem[] = [
{ icon: 'mdi-delta', title: tr('logs'), click: () => this.updateOptions('showLogs', true) },
{ icon: 'mdi-card-search-outline', title: tr('search'), click: () => this.updateOptions('showSearch', true) },
]
pcItems: MenuItem[] = [
{ icon: 'mdi-rss-box', title: 'RSS', click: () => this.updateOptions('showRss', true) },
{ icon: 'mdi-cog-box', title: tr('settings'), click: () => this.updateOptions('showSettings', true) },
{ icon: 'mdi-history', title: tr('label.switch_to_old_ui'), click: this.switchUi },
]
isDataReady!: boolean
@@ -167,25 +170,11 @@ export default class Drawer extends Vue {
torrentGroupByState!: {[state: string]: Torrent[]}
created() {
const searchMenuItem = {
icon: 'mdi-card-search-outline',
title: tr('search'),
click: () => this.updateOptions('showSearch', true),
};
if (this.phoneLayout) {
this.endItems = this.endItems.concat([
searchMenuItem,
]);
return;
}
this.endItems = this.endItems.concat([
{ icon: 'mdi-rss-box', title: 'RSS', click: () => this.updateOptions('showRss', true) },
searchMenuItem,
{ icon: 'mdi-history', title: tr('label.switch_to_old_ui'), click: this.switchUi },
])
this.endItems = this.endItems.concat(this.pcItems)
}
get phoneLayout() {
@@ -240,7 +229,7 @@ export default class Drawer extends Vue {
get items() {
if (!this.isDataReady) {
return this.basicItems.concat(this.endItems);
return this.endItems
}
const filterGroups: MenuItem[] = [];
@@ -288,7 +277,7 @@ export default class Drawer extends Vue {
],
});
return this.basicItems.concat([{filterGroups}] as any, this.endItems);
return ([] as MenuItem[]).concat([{filterGroups}] as any, this.endItems);
}
async switchUi() {