mirrors/VueTorrent
1
0
Fork 0
mirror of https://github.com/VueTorrent/VueTorrent.git synced 2025-04-23 09:02:54 +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"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <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 name="description" content="VueTorrent" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <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>
<tr> <tr>
<td :class="commonStyle"> <td :class="commonStyle">
{{ $t("torrent.timeActive") | titleCase }} {{ $t('torrent.timeActive') | titleCase }}
</td> </td>
<td> <td>
{{ torrent.time_active }} {{ 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> </td>
</tr> </tr>
<tr> <tr>

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

@ -1,7 +1,7 @@
import Content from './Content.vue' import Content from './Content.vue'
import Info from './Info.vue' import Info from './Info.vue'
import Peers from './DetailPeers.vue' import DetailPeers from './DetailPeers.vue'
import Trackers from './Trackers.vue' import Trackers from './Trackers.vue'
import TagsAndCategories from './TorrentTagsAndCategories.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 { export function generateTorrent(data: any): Torrent {
return new Torrent({ return new Torrent({
name: data.name, name: data.name,
hash: faker.datatype.uuid(),
size: faker.datatype.number({ min: 1000000, max: 50000000000 }), size: faker.datatype.number({ min: 1000000, max: 50000000000 }),
tags: [], tags: [],
progress: faker.datatype.number({ min: 0, max: 1, precision: 0.01 }), 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 }), availability: faker.datatype.number({ min: 0, max: 1, precision: 0.01 }),
added_on: faker.date.recent(), added_on: faker.date.recent(),
ratio: faker.datatype.number({ min: 0, max: 1, precision: 0.01 }), ratio: faker.datatype.number({ min: 0, max: 1, precision: 0.01 }),
num_leechs: faker.datatype.number({ min: 0, max: 500 }), num_leechs: faker.datatype.number({ min: 1, max: 20 }),
available_seeds: faker.datatype.number({ min: 0, max: 500 }), num_complete: faker.datatype.number({ min: 1, max: 500 }),
num_seeds: faker.datatype.number({ min: 0, max: 500 }), num_seeds: faker.datatype.number({ min: 1, max: 25 }),
available_peers: faker.datatype.number({ min: 0, max: 500 }), 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" /> <Trackers :is-active="tab === 'trackers'" :hash="hash" />
</v-tab-item> </v-tab-item>
<v-tab-item eager value="peers"> <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>
<v-tab-item eager value="content"> <v-tab-item eager value="content">
<Content :is-active="tab === 'content'" :hash="hash" /> <Content :is-active="tab === 'content'" :hash="hash" />
@ -60,12 +60,12 @@
<script> <script>
import { mapGetters } from 'vuex' 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' import { mdiClose } from '@mdi/js'
export default { export default {
name: 'TorrentDetail', name: 'TorrentDetail',
components: { Content, Info, Peers, Trackers, TagsAndCategories }, components: { Content, Info, DetailPeers, Trackers, TagsAndCategories },
data() { data() {
return { return {
tab: null, tab: null,