mirrors/VueTorrent
1
0
Fork 0
mirror of https://github.com/VueTorrent/VueTorrent.git synced 2024-11-28 21:18:54 +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>
<v-card flat>
<v-row dense class="ma-0 pa-0">
<v-col cols="12" md="6">
<v-subheader>{{ $t('modals.settings.rss.feeds.feeds') }}</v-subheader>
<template v-for="(item, index) in availableFeeds">
<v-list-item :key="item.uid">
<v-col cols="12" sm="6" lg="3" v-for="item in availableFeeds" :key="item.uid">
<v-list-item>
<v-list-item-content>
<v-list-item-title v-text="item.name" />
</v-list-item-content>
@ -24,29 +22,31 @@
</v-icon>
</v-list-item-action>
</v-list-item>
<v-divider v-if="index < availableFeeds.length - 1" :key="index" />
</template>
<v-list-item>
<v-divider />
</v-col>
</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">
{{ $t('modals.settings.rss.feeds.btnCreateNew') }}
</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">
{{ $t('modals.settings.rss.feeds.refreshAll') }}
</v-btn>
</v-list-item>
</v-col>
</v-row>
</v-card>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { mapGetters } from 'vuex'
import qbit from '@/services/qbit'
import { mdiDelete, mdiPencil, mdiSync } from '@mdi/js'
import qbit from '@/services/qbit'
import { Tab, General, FullScreenModal } from '@/mixins'
import { Feed } from '@/types/vuetorrent'
import { defineComponent } from 'vue'
export default defineComponent({
name: 'Feeds',
@ -58,9 +58,9 @@ export default defineComponent({
}),
computed: {
...mapGetters(['getFeeds']),
availableFeeds() {
availableFeeds(): Feed[] {
// @ts-expect-error: TS2349: This expression is not callable. Type 'never' has no call signatures.
return this.getFeeds() as Feed[]
return this.getFeeds()
}
},
created() {

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

@ -1,10 +1,8 @@
<template>
<v-card flat>
<v-row dense class="ma-0 pa-0">
<v-col cols="12" md="6">
<v-subheader>{{ $t('modals.settings.rss.rules.rules') }}</v-subheader>
<template v-for="(item, index) in availableRules">
<v-list-item :key="item.uid">
<v-col cols="12" sm="6" lg="3" v-for="(item, index) in availableRules" :key="item.uid">
<v-list-item>
<v-list-item-content>
<v-list-item-title v-text="item.name" />
</v-list-item-content>
@ -24,13 +22,14 @@
</v-icon>
</v-list-item-action>
</v-list-item>
<v-divider v-if="index < availableRules.length - 1" :key="index" />
</template>
<v-list-item>
<v-divider />
</v-col>
</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">
{{ $t('modals.settings.rss.rules.btnCreateNew') }}
</v-btn>
</v-list-item>
</v-col>
</v-row>
</v-card>

2
src/lang/en.json
View file

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