You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
169 lines
4.2 KiB
169 lines
4.2 KiB
import PropTypes from 'prop-types';
|
|
import React from 'react';
|
|
import BarChart from 'Components/Chart/BarChart';
|
|
import StackedBarChart from 'Components/Chart/StackedBarChart';
|
|
import LoadingIndicator from 'Components/Loading/LoadingIndicator';
|
|
import PageContent from 'Components/Page/PageContent';
|
|
import PageContentBody from 'Components/Page/PageContentBody';
|
|
import PageToolbar from 'Components/Page/Toolbar/PageToolbar';
|
|
import getErrorMessage from 'Utilities/Object/getErrorMessage';
|
|
import styles from './Stats.css';
|
|
|
|
function getAverageResponseTimeData(indexerStats) {
|
|
const data = indexerStats.map((indexer) => {
|
|
return {
|
|
label: indexer.indexerName,
|
|
value: indexer.averageResponseTime
|
|
};
|
|
});
|
|
|
|
return data;
|
|
}
|
|
|
|
function getTotalRequestsData(indexerStats) {
|
|
const data = {
|
|
labels: indexerStats.map((indexer) => indexer.indexerName),
|
|
datasets: [
|
|
{
|
|
label: 'Search Queries',
|
|
data: indexerStats.map((indexer) => indexer.numberOfQueries)
|
|
},
|
|
{
|
|
label: 'Rss Queries',
|
|
data: indexerStats.map((indexer) => indexer.numberOfRssQueries)
|
|
},
|
|
{
|
|
label: 'Auth Queries',
|
|
data: indexerStats.map((indexer) => indexer.numberOfAuthQueries)
|
|
}
|
|
]
|
|
};
|
|
|
|
console.log(data);
|
|
|
|
return data;
|
|
}
|
|
|
|
function getNumberGrabsData(indexerStats) {
|
|
const data = indexerStats.map((indexer) => {
|
|
return {
|
|
label: indexer.indexerName,
|
|
value: indexer.numberOfGrabs
|
|
};
|
|
});
|
|
|
|
data.sort((a, b) => {
|
|
return b.value - a.value;
|
|
});
|
|
|
|
return data;
|
|
}
|
|
|
|
function getUserAgentGrabsData(indexerStats) {
|
|
const data = indexerStats.map((indexer) => {
|
|
return {
|
|
label: indexer.userAgent ? indexer.userAgent : 'Other',
|
|
value: indexer.numberOfGrabs
|
|
};
|
|
});
|
|
|
|
data.sort((a, b) => {
|
|
return b.value - a.value;
|
|
});
|
|
|
|
return data;
|
|
}
|
|
|
|
function getUserAgentQueryData(indexerStats) {
|
|
const data = indexerStats.map((indexer) => {
|
|
return {
|
|
label: indexer.userAgent ? indexer.userAgent : 'Other',
|
|
value: indexer.numberOfQueries
|
|
};
|
|
});
|
|
|
|
data.sort((a, b) => {
|
|
return b.value - a.value;
|
|
});
|
|
|
|
return data;
|
|
}
|
|
|
|
function Stats(props) {
|
|
const {
|
|
item,
|
|
isFetching,
|
|
isPopulated,
|
|
error
|
|
} = props;
|
|
|
|
const isLoaded = !!(!error && isPopulated);
|
|
|
|
return (
|
|
<PageContent>
|
|
<PageToolbar />
|
|
<PageContentBody>
|
|
{
|
|
isFetching && !isPopulated &&
|
|
<LoadingIndicator />
|
|
}
|
|
|
|
{
|
|
!isFetching && !!error &&
|
|
<div className={styles.errorMessage}>
|
|
{getErrorMessage(error, 'Failed to load indexer stats from API')}
|
|
</div>
|
|
}
|
|
|
|
{
|
|
isLoaded &&
|
|
<div>
|
|
<div className={styles.fullWidthChart}>
|
|
<BarChart
|
|
data={getAverageResponseTimeData(item.indexers)}
|
|
title='Average Response Times (ms)'
|
|
/>
|
|
</div>
|
|
<div className={styles.halfWidthChart}>
|
|
<StackedBarChart
|
|
data={getTotalRequestsData(item.indexers)}
|
|
title='Total Indexer Queries'
|
|
/>
|
|
</div>
|
|
<div className={styles.halfWidthChart}>
|
|
<BarChart
|
|
data={getNumberGrabsData(item.indexers)}
|
|
title='Total Indexer Grabs'
|
|
/>
|
|
</div>
|
|
<div className={styles.halfWidthChart}>
|
|
<BarChart
|
|
data={getUserAgentQueryData(item.userAgents)}
|
|
title='Total User Agent Queries'
|
|
horizontal={true}
|
|
/>
|
|
</div>
|
|
<div className={styles.halfWidthChart}>
|
|
<BarChart
|
|
data={getUserAgentGrabsData(item.userAgents)}
|
|
title='Total User Agent Grabs'
|
|
horizontal={true}
|
|
/>
|
|
</div>
|
|
</div>
|
|
}
|
|
</PageContentBody>
|
|
</PageContent>
|
|
);
|
|
}
|
|
|
|
Stats.propTypes = {
|
|
item: PropTypes.object.isRequired,
|
|
isFetching: PropTypes.bool.isRequired,
|
|
isPopulated: PropTypes.bool.isRequired,
|
|
error: PropTypes.object,
|
|
data: PropTypes.object
|
|
};
|
|
|
|
export default Stats;
|