93 lines
3.4 KiB
JavaScript
93 lines
3.4 KiB
JavaScript
|
import React from 'react';
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
|
||
|
|
import Card from '../ui/Card';
|
||
|
|
import Tooltip from '../ui/Tooltip';
|
||
|
|
|
||
|
|
const Counters = props => (
|
||
|
|
<Card title="General counters" subtitle="in the last 3 minutes" bodyType="card-table" refresh={props.refreshButton}>
|
||
|
|
<table className="table card-table">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
DNS Queries
|
||
|
|
<Tooltip text="A number of DNS quieries processed in the last 3 minutes" />
|
||
|
|
</td>
|
||
|
|
<td className="text-right">
|
||
|
|
<span className="text-muted">
|
||
|
|
{props.dnsQueries}
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
Blocked by filters
|
||
|
|
<Tooltip text="A number of DNS requests blocked by filters" />
|
||
|
|
</td>
|
||
|
|
<td className="text-right">
|
||
|
|
<span className="text-muted">
|
||
|
|
{props.blockedFiltering}
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
Blocked malware/phishing
|
||
|
|
<Tooltip text="A number of DNS requests blocked" />
|
||
|
|
</td>
|
||
|
|
<td className="text-right">
|
||
|
|
<span className="text-muted">
|
||
|
|
{props.replacedSafebrowsing}
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
Blocked adult websites
|
||
|
|
<Tooltip text="A number of adult websites blocked" />
|
||
|
|
</td>
|
||
|
|
<td className="text-right">
|
||
|
|
<span className="text-muted">
|
||
|
|
{props.replacedParental}
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
Enforced safe search
|
||
|
|
<Tooltip text="A number of DNS requests to search engines for which Safe Search was enforced" />
|
||
|
|
</td>
|
||
|
|
<td className="text-right">
|
||
|
|
<span className="text-muted">
|
||
|
|
{props.replacedSafesearch}
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>
|
||
|
|
Average processing time
|
||
|
|
<Tooltip text="Average time in milliseconds on processing a DNS request" />
|
||
|
|
</td>
|
||
|
|
<td className="text-right">
|
||
|
|
<span className="text-muted">
|
||
|
|
{props.avgProcessingTime}
|
||
|
|
</span>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</Card>
|
||
|
|
);
|
||
|
|
|
||
|
|
Counters.propTypes = {
|
||
|
|
dnsQueries: PropTypes.number.isRequired,
|
||
|
|
blockedFiltering: PropTypes.number.isRequired,
|
||
|
|
replacedSafebrowsing: PropTypes.number.isRequired,
|
||
|
|
replacedParental: PropTypes.number.isRequired,
|
||
|
|
replacedSafesearch: PropTypes.number.isRequired,
|
||
|
|
avgProcessingTime: PropTypes.number.isRequired,
|
||
|
|
refreshButton: PropTypes.node,
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Counters;
|