mirrors/VueTorrent
1
0
Fork 0
mirror of https://github.com/VueTorrent/VueTorrent.git synced 2025-04-14 12:46:29 +03:00
Code Issues Projects Releases Packages Wiki Activity

chore: fix peers tab in vite

Browse source
This commit is contained in:
WDaan 2022-11-15 11:17:59 +01:00
parent 8a59d10483
commit ab6ec174cb
12 changed files with 38 additions and 36 deletions
index.html
src
components/TorrentDetail/Tabs
Info.vueindex.js
utils
faker.ts
views
TorrentDetail.vue

2
index.html
View file

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="VueTorrent" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

4
src/components/TorrentDetail/Tabs/Info.vue
View file

@ -46,11 +46,11 @@
</tr>
<tr>
<td :class="commonStyle">
{{ $t("torrent.timeActive") | titleCase }}
{{ $t('torrent.timeActive') | titleCase }}
</td>
<td>
{{ torrent.time_active }}
<span v-if="torrent.seeding_time">{{ `(${$t("torrent.seededFor")} ${torrent.seeding_time})` }}</span>
<span v-if="torrent.seeding_time">{{ `(${$t('torrent.seededFor')} ${torrent.seeding_time})` }}</span>
</td>
</tr>
<tr>

4
src/components/TorrentDetail/Tabs/index.js
View file

@ -1,7 +1,7 @@
import Content from './Content.vue'
import Info from './Info.vue'
import Peers from './DetailPeers.vue'
import DetailPeers from './DetailPeers.vue'
import Trackers from './Trackers.vue'
import TagsAndCategories from './TorrentTagsAndCategories.vue'
export { Content, Info, Peers, Trackers, TagsAndCategories }
export { Content, Info, DetailPeers, Trackers, TagsAndCategories }

10
src/utils/faker.ts
View file

@ -16,6 +16,7 @@ export function generateMultiple(count: number = 1): Torrent[] {
export function generateTorrent(data: any): Torrent {
return new Torrent({
name: data.name,
hash: faker.datatype.uuid(),
size: faker.datatype.number({ min: 1000000, max: 50000000000 }),
tags: [],
progress: faker.datatype.number({ min: 0, max: 1, precision: 0.01 }),
@ -24,9 +25,10 @@ export function generateTorrent(data: any): Torrent {
availability: faker.datatype.number({ min: 0, max: 1, precision: 0.01 }),
added_on: faker.date.recent(),
ratio: faker.datatype.number({ min: 0, max: 1, precision: 0.01 }),
num_leechs: faker.datatype.number({ min: 0, max: 500 }),
available_seeds: faker.datatype.number({ min: 0, max: 500 }),
num_seeds: faker.datatype.number({ min: 0, max: 500 }),
available_peers: faker.datatype.number({ min: 0, max: 500 }),
num_leechs: faker.datatype.number({ min: 1, max: 20 }),
num_complete: faker.datatype.number({ min: 1, max: 500 }),
num_seeds: faker.datatype.number({ min: 1, max: 25 }),
num_incomplete: faker.datatype.number({ min: 1, max: 500 }),
save_path: faker.system.filePath()
})
}

6
src/views/TorrentDetail.vue
View file

@ -44,7 +44,7 @@
<Trackers :is-active="tab === 'trackers'" :hash="hash" />
</v-tab-item>
<v-tab-item eager value="peers">
<Peers :is-active="tab === 'peers'" :hash="hash" />
<DetailPeers :is-active="tab === 'peers'" :hash="hash" />
</v-tab-item>
<v-tab-item eager value="content">
<Content :is-active="tab === 'content'" :hash="hash" />
@ -60,12 +60,12 @@
<script>
import { mapGetters } from 'vuex'
import { Content, Info, Peers, Trackers, TagsAndCategories } from '../components/TorrentDetail/Tabs'
import { Content, Info, DetailPeers, Trackers, TagsAndCategories } from '../components/TorrentDetail/Tabs'
import { mdiClose } from '@mdi/js'
export default {
name: 'TorrentDetail',
components: { Content, Info, Peers, Trackers, TagsAndCategories },
components: { Content, Info, DetailPeers, Trackers, TagsAndCategories },
data() {
return {
tab: null,