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",
|
right:"5px",
|
||||||
cursor:"pointer"
|
cursor:"pointer"
|
||||||
}}>
|
}}>
|
||||||
<Link href='https://github.com/OktopUSP/oktopus' target='blank'>
|
<Link
|
||||||
|
href='https://github.com/OktopUSP/oktopus'
|
||||||
|
target='blank'>
|
||||||
<Image
|
<Image
|
||||||
alt="github logo"
|
alt="github logo"
|
||||||
src="/assets/general/github-mark.png"
|
src="/assets/general/github-mark.png"
|
||||||
|
|
|
||||||
|
|
@ -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)
|
||||||
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 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)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user