add react web project

2025-12-20 14:06:09 +05:00 · 2020-12-24 12:59:16 +03:00
parent 4e816f2cae
commit a404545133
26 changed files with 20515 additions and 2 deletions
--- a/web/src/components/DialogCacheInfo.js
+++ b/web/src/components/DialogCacheInfo.js
@@ -0,0 +1,130 @@
+import React, { useEffect, useRef } from 'react'
+import Typography from '@material-ui/core/Typography'
+
+import { getPeerString, humanizeSize } from '../utils/Utils'
+import DialogTitle from '@material-ui/core/DialogTitle'
+import DialogContent from '@material-ui/core/DialogContent'
+import { cacheHost } from '../utils/Hosts'
+
+export default function DialogCacheInfo(props) {
+    const [hash] = React.useState(props.hash)
+    const [cache, setCache] = React.useState({})
+    const timerID = useRef(-1)
+
+    useEffect(() => {
+        if (hash)
+            timerID.current = setInterval(() => {
+                getCache(hash, (cache) => {
+                    setCache(cache)
+                })
+            }, 1000)
+        else clearInterval(timerID.current)
+
+        return () => {
+            clearInterval(timerID.current)
+        }
+    }, [hash, props.open])
+
+    return (
+        <div>
+            <DialogTitle id="form-dialog-title">
+                <Typography fullWidth>
+                    <b>Hash </b> {cache.Hash}
+                    <br />
+                    <b>Capacity </b> {humanizeSize(cache.Capacity)}
+                    <br />
+                    <b>Filled </b> {humanizeSize(cache.Filled)}
+                    <br />
+                    <b>Torrent size </b> {cache.Torrent && cache.Torrent.torrent_size && humanizeSize(cache.Torrent.torrent_size)}
+                    <br />
+                    <b>Pieces length </b> {humanizeSize(cache.PiecesLength)}
+                    <br />
+                    <b>Pieces count </b> {cache.PiecesCount}
+                    <br />
+                    <b>Peers: </b> {getPeerString(cache.Torrent)}
+                    <br />
+                    <b>Download speed </b> {cache.Torrent && cache.Torrent.download_speed ? humanizeSize(cache.Torrent.download_speed) + '/sec' : ''}
+                    <br />
+                    <b>Status </b> {cache.Torrent && cache.Torrent.stat_string && cache.Torrent.stat_string}
+                </Typography>
+            </DialogTitle>
+            <DialogContent>
+                <div className="cache" dangerouslySetInnerHTML={{ __html: getCacheMap(cache) }} />
+            </DialogContent>
+        </div>
+    )
+}
+
+function getCacheMap(cache) {
+    if (!cache || !cache.PiecesCount) return ''
+    var html = ''
+    for (let i = 0; i < cache.PiecesCount; i++) {
+        html += "<span class='piece"
+        let info = i
+        if (cache.Pieces && cache.Pieces[i]) {
+            let piece = cache.Pieces[i]
+            if (piece.Completed && piece.Size >= piece.Length) {
+                html += ' piece-complete'
+                info += ' 100%'
+            }else {
+                html += ' piece-loading'
+                info += ' ' + (cache.Pieces[i].Size/cache.Pieces[i].Length*100).toFixed(2) + '%'
+            }
+
+            cache.Readers.forEach((r,k)=> {
+                if (i >= r.Start && i <= r.End && i != r.Reader)
+                    html += ' reader-range'
+                if (i == r.Reader) {
+                    html += ' piece-reader'
+                    info += ' reader'
+                }
+            })
+        }
+        html += "' title='" + info + "'></span>"
+    }
+    return html
+}
+
+function getCache(hash, callback) {
+    try {
+        fetch(cacheHost(), {
+            method: 'post',
+            body: JSON.stringify({ action: 'get', hash: hash }),
+            headers: {
+                Accept: 'application/json, text/plain, */*',
+                'Content-Type': 'application/json',
+            },
+        })
+            .then((res) => res.json())
+            .then(
+                (json) => {
+                    callback(json)
+                },
+                (error) => {
+                    callback({})
+                    console.error(error)
+                }
+            )
+    } catch (e) {
+        console.error(e)
+        callback({})
+    }
+}
+/*
+{
+	"Hash": "41e36c8de915d80db83fc134bee4e7e2d292657e",
+	"Capacity": 209715200,
+	"Filled": 2914808,
+	"PiecesLength": 4194304,
+	"PiecesCount": 2065,
+	"DownloadSpeed": 32770.860273455524,
+	"Pieces": {
+		"2064": {
+			"Id": 2064,
+			"Length": 2914808,
+			"Size": 162296,
+			"Completed": false
+		}
+	}
+}
+ */