louis/oktopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): percentage identation

Browse Source
This commit is contained in:
leandrofars 2023-11-07 19:58:20 -03:00
parent 414d1a3b59
commit b4a4dc2dff
1 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/pages/index.js
View File

@ -27,6 +27,7 @@ const Page = () => {
const [vendorValues, setVendorValues] = useState([0]) const [vendorValues, setVendorValues] = useState([0])
const fetchGeneralInfo = async () => { const fetchGeneralInfo = async () => {
var myHeaders = new Headers(); var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json"); myHeaders.append("Content-Type", "application/json");
myHeaders.append("Authorization", localStorage.getItem("token")); myHeaders.append("Authorization", localStorage.getItem("token"));
@ -48,11 +49,18 @@ const Page = () => {
let onlinePercentage = ((content.StatusCount.Online * 100)/totalDevices) let onlinePercentage = ((content.StatusCount.Online * 100)/totalDevices)
console.log("ONLINE AND OFFLINE:",onlinePercentage,100 - onlinePercentage) console.log("ONLINE AND OFFLINE:",onlinePercentage,100 - onlinePercentage)
if(Number.isInteger(onlinePercentage)){
setDevicesStatus([onlinePercentage, 100 - onlinePercentage]) setDevicesStatus([onlinePercentage, 100 - onlinePercentage])
}else{
onlinePercentage = Number(onlinePercentage.toFixed(1))
setDevicesStatus([onlinePercentage, 100 - onlinePercentage])
}
let prodClassLabels = [] let prodClassLabels = []
let prodClassValues = [] let prodClassValues = []
let prodClassValue = 0 let prodClassValue = 0
content.ProductClassCount?.map((p)=>{ content.ProductClassCount?.map((p)=>{
if (p.productClass === ""){ if (p.productClass === ""){
prodClassLabels.push("unknown") prodClassLabels.push("unknown")
@ -63,7 +71,12 @@ const Page = () => {
}) })
content.ProductClassCount?.map((p)=>{ 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) setProductClassLabels(prodClassLabels)
@ -84,13 +97,19 @@ const Page = () => {
}) })
content.VendorsCount?.map((p)=>{ 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) setVendorLabels(vLabels)
setVendorValues(vValues) setVendorValues(vValues)
console.log("vendorLabels:", vLabels) console.log("vendorLabels:", vLabels)
console.log("vendorValues:", vendorValues) console.log("vendorValues:", vValues)
setGeneralInfo(content) setGeneralInfo(content)
} }