mirrors/VueTorrent
1
0
Fork 0
mirror of https://github.com/VueTorrent/VueTorrent.git synced 2025-02-26 20:31:13 +03:00
Code Issues Projects Releases Packages Wiki Activity

perf: Extend RSS Feeds / Rules to use full width instead of half (#811)

Browse source 
* perf: Extend RSS Feeds / Rules to use full width instead of half

* fix: misplaced v-key
This commit is contained in:
Rémi Marseault 2023-05-12 13:42:36 +02:00 • committed by GitHub
parent 879bb6eb0c
commit 5056133c25
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 63 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/components/Settings/Tabs/Rss/Feeds.vue
View file

@ -1,10 +1,8 @@
<template> <template>
<v-card flat> <v-card flat>
<v-row dense class="ma-0 pa-0"> <v-row dense class="ma-0 pa-0">
<v-col cols="12" md="6"> <v-col cols="12" sm="6" lg="3" v-for="item in availableFeeds" :key="item.uid">
<v-subheader>{{ $t('modals.settings.rss.feeds.feeds') }}</v-subheader> <v-list-item>
<template v-for="(item, index) in availableFeeds">
<v-list-item :key="item.uid">
<v-list-item-content> <v-list-item-content>
<v-list-item-title v-text="item.name" /> <v-list-item-title v-text="item.name" />
</v-list-item-content> </v-list-item-content>
@ -24,29 +22,31 @@
</v-icon> </v-icon>
</v-list-item-action> </v-list-item-action>
</v-list-item> </v-list-item>
<v-divider v-if="index < availableFeeds.length - 1" :key="index" /> <v-divider />
</template> </v-col>
<v-list-item> </v-row>
<v-row class="mb-3">
<v-col cols="6" class="d-flex align-center justify-center">
<v-btn class="mx-auto accent white--text elevation-0 px-4" @click="createFeed"> <v-btn class="mx-auto accent white--text elevation-0 px-4" @click="createFeed">
{{ $t('modals.settings.rss.feeds.btnCreateNew') }} {{ $t('modals.settings.rss.feeds.btnCreateNew') }}
</v-btn> </v-btn>
</v-col>
<v-col cols="6" class="d-flex align-center justify-center">
<v-btn class="mx-auto accent white--text elevation-0 px-4" @click="refreshAll"> <v-btn class="mx-auto accent white--text elevation-0 px-4" @click="refreshAll">
{{ $t('modals.settings.rss.feeds.refreshAll') }} {{ $t('modals.settings.rss.feeds.refreshAll') }}
</v-btn> </v-btn>
</v-list-item>
</v-col> </v-col>
</v-row> </v-row>
</v-card> </v-card>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import qbit from '@/services/qbit'
import { mdiDelete, mdiPencil, mdiSync } from '@mdi/js' import { mdiDelete, mdiPencil, mdiSync } from '@mdi/js'
import qbit from '@/services/qbit'
import { Tab, General, FullScreenModal } from '@/mixins' import { Tab, General, FullScreenModal } from '@/mixins'
import { Feed } from '@/types/vuetorrent' import { Feed } from '@/types/vuetorrent'
import { defineComponent } from 'vue'
export default defineComponent({ export default defineComponent({
name: 'Feeds', name: 'Feeds',
@ -58,9 +58,9 @@ export default defineComponent({
}), }),
computed: { computed: {
...mapGetters(['getFeeds']), ...mapGetters(['getFeeds']),
availableFeeds() { availableFeeds(): Feed[] {
// @ts-expect-error: TS2349: This expression is not callable. Type 'never' has no call signatures. // @ts-expect-error: TS2349: This expression is not callable. Type 'never' has no call signatures.
return this.getFeeds() as Feed[] return this.getFeeds()
} }
}, },
created() { created() {

15
src/components/Settings/Tabs/Rss/Rules.vue
View file

@ -1,10 +1,8 @@
<template> <template>
<v-card flat> <v-card flat>
<v-row dense class="ma-0 pa-0"> <v-row dense class="ma-0 pa-0">
<v-col cols="12" md="6"> <v-col cols="12" sm="6" lg="3" v-for="(item, index) in availableRules" :key="item.uid">
<v-subheader>{{ $t('modals.settings.rss.rules.rules') }}</v-subheader> <v-list-item>
<template v-for="(item, index) in availableRules">
<v-list-item :key="item.uid">
<v-list-item-content> <v-list-item-content>
<v-list-item-title v-text="item.name" /> <v-list-item-title v-text="item.name" />
</v-list-item-content> </v-list-item-content>
@ -24,13 +22,14 @@
</v-icon> </v-icon>
</v-list-item-action> </v-list-item-action>
</v-list-item> </v-list-item>
<v-divider v-if="index < availableRules.length - 1" :key="index" /> <v-divider />
</template> </v-col>
<v-list-item> </v-row>
<v-row class="mb-3">
<v-col cols="12" class="d-flex align-center justify-center">
<v-btn class="mx-auto accent white--text elevation-0 px-4" @click="createRule"> <v-btn class="mx-auto accent white--text elevation-0 px-4" @click="createRule">
{{ $t('modals.settings.rss.rules.btnCreateNew') }} {{ $t('modals.settings.rss.rules.btnCreateNew') }}
</v-btn> </v-btn>
</v-list-item>
</v-col> </v-col>
</v-row> </v-row>
</v-card> </v-card>

2
src/lang/en.json
View file

@ -446,12 +446,10 @@
} }
}, },
"feeds": { "feeds": {
"feeds": "Feeds",
"btnCreateNew": "Add feed", "btnCreateNew": "Add feed",
"refreshAll": "Refresh All" "refreshAll": "Refresh All"
}, },
"rules": { "rules": {
"rules": "Rules",
"btnCreateNew": "Create Rule" "btnCreateNew": "Create Rule"
} }
}, },