commit
f10095396e
8406
frontend/package-lock.json
generated
8406
frontend/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
|
|
@ -65,7 +65,9 @@ export const Layout = withAuthGuard((props) => {
|
|||
right:"5px",
|
||||
cursor:"pointer"
|
||||
}}>
|
||||
<Link href='https://github.com/OktopUSP/oktopus' target='blank'>
|
||||
<Link
|
||||
href='https://github.com/OktopUSP/oktopus'
|
||||
target='blank'>
|
||||
<Image
|
||||
alt="github logo"
|
||||
src="/assets/general/github-mark.png"
|
||||
|
|
|
|||
|
|
@ -27,6 +27,7 @@ const Page = () => {
|
|||
const [vendorValues, setVendorValues] = useState([0])
|
||||
|
||||
const fetchGeneralInfo = async () => {
|
||||
|
||||
var myHeaders = new Headers();
|
||||
myHeaders.append("Content-Type", "application/json");
|
||||
myHeaders.append("Authorization", localStorage.getItem("token"));
|
||||
|
|
@ -48,11 +49,18 @@ const Page = () => {
|
|||
|
||||
let onlinePercentage = ((content.StatusCount.Online * 100)/totalDevices)
|
||||
console.log("ONLINE AND OFFLINE:",onlinePercentage,100 - onlinePercentage)
|
||||
setDevicesStatus([onlinePercentage, 100 - onlinePercentage])
|
||||
|
||||
if(Number.isInteger(onlinePercentage)){
|
||||
setDevicesStatus([onlinePercentage, 100 - onlinePercentage])
|
||||
}else{
|
||||
onlinePercentage = Number(onlinePercentage.toFixed(1))
|
||||
setDevicesStatus([onlinePercentage, 100 - onlinePercentage])
|
||||
}
|
||||
|
||||
let prodClassLabels = []
|
||||
let prodClassValues = []
|
||||
let prodClassValue = 0
|
||||
|
||||
content.ProductClassCount?.map((p)=>{
|
||||
if (p.productClass === ""){
|
||||
prodClassLabels.push("unknown")
|
||||
|
|
@ -63,7 +71,12 @@ const Page = () => {
|
|||
})
|
||||
|
||||
content.ProductClassCount?.map((p)=>{
|
||||
prodClassValues.push(p.count * 100 / prodClassValue)
|
||||
let percentageValue = p.count * 100 / prodClassValue
|
||||
if (Number.isInteger(percentageValue)){
|
||||
prodClassValues.push(percentageValue)
|
||||
}else{
|
||||
prodClassValues.push(Number(percentageValue.toFixed(1)))
|
||||
}
|
||||
})
|
||||
|
||||
setProductClassLabels(prodClassLabels)
|
||||
|
|
@ -84,13 +97,19 @@ const Page = () => {
|
|||
})
|
||||
|
||||
content.VendorsCount?.map((p)=>{
|
||||
vValues.push(p.count * 100 / vValue)
|
||||
let percentageValue = p.count * 100 / vValue
|
||||
if (Number.isInteger(percentageValue)){
|
||||
vValues.push(percentageValue)
|
||||
}else{
|
||||
vValues.push(Number(percentageValue.toFixed(1)))
|
||||
}
|
||||
})
|
||||
|
||||
setVendorLabels(vLabels)
|
||||
setVendorValues(vValues)
|
||||
|
||||
console.log("vendorLabels:", vLabels)
|
||||
console.log("vendorValues:", vendorValues)
|
||||
console.log("vendorValues:", vValues)
|
||||
|
||||
setGeneralInfo(content)
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user