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

feat: add pending pieces color to canvas (#592) @Larsluph

Browse source
This commit is contained in:
Rémi Marseault 2023-01-06 10:07:40 +01:00 • committed by GitHub
parent 41ea1a92ac
commit 5132d4decf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -271,11 +271,13 @@ export default {
},
async renderTorrentPieceStates() {
const canvas = document.querySelector('#pieceStates canvas')
const { data } = await qbit.getTorrentPieceStates(this.hash)
const { data: files } = await qbit.getTorrentFiles(this.hash)
const { data: pieces } = await qbit.getTorrentPieceStates(this.hash)
// Source: https://github.com/qbittorrent/qBittorrent/blob/6229b817300344759139d2fedbd59651065a561d/src/webui/www/private/scripts/prop-general.js#L230
if (data) {
canvas.width = data.length
if (pieces) {
canvas.width = pieces.length
const ctx = canvas.getContext('2d')
ctx.clearRect(0, 0, canvas.width, canvas.height)
@ -283,8 +285,8 @@ export default {
let color = ''
let rectWidth = 1
for (let i = 0; i < data.length; ++i) {
const status = data[i]
for (let i = 0; i < pieces.length; ++i) {
const status = pieces[i]
let newColor = ''
if (status === 1)
@ -293,6 +295,15 @@ export default {
else if (status === 2)
// already downloaded
newColor = this.$vuetify.theme.currentTheme['torrent-done']
else {
const selected_piece_ranges = files.filter(file => file.priority !== 0).map(file => file.piece_range)
for (const [min_piece_range, max_piece_range] of selected_piece_ranges) {
if (i > min_piece_range && i < max_piece_range) {
newColor = this.$vuetify.theme.currentTheme['torrent-paused']
break
}
}
}
if (newColor === color) {
++rectWidth
@ -311,7 +322,7 @@ export default {
// Fill a rect at the end of the canvas if one is needed
if (color !== '') {
ctx.fillStyle = color
ctx.fillRect(data.length - rectWidth, 0, rectWidth, canvas.height)
ctx.fillRect(pieces.length - rectWidth, 0, rectWidth, canvas.height)
}
}
},