sovonegr/TorrServerJellyfin
1
0
Fork 0
mirror of https://github.com/Ernous/TorrServerJellyfin.git synced 2025-12-20 05:56:10 +05:00
Code Issues Packages Projects Releases Wiki Activity

added key to .map

Browse Source
This commit is contained in:
Daniel Shleifman
2021-05-24 18:11:49 +03:00
parent af1534787e
commit 13cef741b9
2 changed files with 67 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/.eslintcache
View File

File diff suppressed because one or more lines are too long

84
web/src/components/DialogCacheInfo.js
View File

@@ -6,44 +6,44 @@ import DialogTitle from '@material-ui/core/DialogTitle'
import DialogContent from '@material-ui/core/DialogContent' import DialogContent from '@material-ui/core/DialogContent'
import { cacheHost } from '../utils/Hosts' import { cacheHost } from '../utils/Hosts'
const style = { // const style = {
cache: { // cache: {
paddingLeft: "6px", // paddingLeft: "6px",
paddingRight: "2px", // paddingRight: "2px",
lineHeight: "11px", // lineHeight: "11px",
}, // },
piece: { // piece: {
width: "12px", // width: "12px",
height: "12px", // height: "12px",
backgroundColor: "#eef2f4", // backgroundColor: "#eef2f4",
border: "1px solid #eef2f4", // border: "1px solid #eef2f4",
display: "inline-block", // display: "inline-block",
marginRight: "1px", // marginRight: "1px",
}, // },
pieceComplete: { // pieceComplete: {
backgroundColor: "#3fb57a", // backgroundColor: "#3fb57a",
borderColor: "#3fb57a", // borderColor: "#3fb57a",
}, // },
pieceLoading: { // pieceLoading: {
backgroundColor: "#00d0d0", // backgroundColor: "#00d0d0",
borderColor: "#00d0d0", // borderColor: "#00d0d0",
}, // },
readerRange: { // readerRange: {
borderColor: "#9a9aff !important", // borderColor: "#9a9aff !important",
}, // },
pieceReader: { // pieceReader: {
borderColor: "#000000 !important", // borderColor: "#000000 !important",
}, // },
pieceProgress: { // pieceProgress: {
position: "relative", // position: "relative",
zIndex: "1", // zIndex: "1",
backgroundColor: "#009090", // backgroundColor: "#009090",
left: "-1px", // left: "-1px",
top: "-1px", // top: "-1px",
width: "12px", // width: "12px",
}, // },
} // }
export default function DialogCacheInfo(props) { export default function DialogCacheInfo(props) {
const [hash] = React.useState(props.hash) const [hash] = React.useState(props.hash)
@@ -101,7 +101,7 @@ export default function DialogCacheInfo(props) {
return ( return (
<div> <div>
<DialogTitle id="form-dialog-title"> <DialogTitle id="form-dialog-title">
<Typography fullWidth> <Typography>
<b>Hash </b> {cache.Hash} <b>Hash </b> {cache.Hash}
<br /> <br />
<b>Capacity </b> {humanizeSize(cache.Capacity)} <b>Capacity </b> {humanizeSize(cache.Capacity)}
@@ -125,7 +125,13 @@ export default function DialogCacheInfo(props) {
</DialogTitle> </DialogTitle>
<DialogContent> <DialogContent>
<div className="cache"> <div className="cache">
{pMap.map((itm) => <span className={itm.class} title={itm.info}>{itm.prc>0 && itm.prc<100 && (<div className="piece-progress" style={{height: itm.prc/100*12+"px"}}></div>)}</span>)} {pMap.map(itm => (
<span key={itm.info} className={itm.class} title={itm.info}>
{itm.prc > 0 && itm.prc < 100 && (
<div className="piece-progress" style={{ height: itm.prc / 100 * 12 + "px" }}></div>
)}
</span>
))}
</div> </div>
</DialogContent> </DialogContent>
</div> </div>