import React, { Component, Fragment } from 'react'; import { withStyles } from 'material-ui/styles'; import Button from 'material-ui/Button'; import { LinearProgress } from 'material-ui/Progress'; import Typography from 'material-ui/Typography'; import List, { ListItem, ListItemText } from 'material-ui/List'; import Avatar from 'material-ui/Avatar'; import Divider from 'material-ui/Divider'; import SwapVerticalCircleIcon from 'material-ui-icons/SwapVerticalCircle'; import AccessTimeIcon from 'material-ui-icons/AccessTime'; import DNSIcon from 'material-ui-icons/Dns'; import TimerIcon from 'material-ui-icons/Timer'; import UpdateIcon from 'material-ui-icons/Update'; import AvTimerIcon from 'material-ui-icons/AvTimer'; import { isSynchronized, ntpStatusHighlight, ntpStatus } from '../constants/NTPStatus'; import * as Highlight from '../constants/Highlight'; import { unixTimeToTimeAndDate } from '../constants/TimeFormat'; import { NTP_STATUS_ENDPOINT } from '../constants/Endpoints'; import { restComponent } from '../components/RestComponent'; import SectionContent from '../components/SectionContent'; import moment from 'moment'; const styles = theme => ({ ["ntpStatus_" + Highlight.SUCCESS]: { backgroundColor: theme.palette.highlight_success }, ["ntpStatus_" + Highlight.ERROR]: { backgroundColor: theme.palette.highlight_error }, ["ntpStatus_" + Highlight.WARN]: { backgroundColor: theme.palette.highlight_warn }, fetching: { margin: theme.spacing.unit * 4, textAlign: "center" }, button: { marginRight: theme.spacing.unit * 2, marginTop: theme.spacing.unit * 2, } }); class NTPStatus extends Component { componentDidMount() { this.props.loadData(); } createListItems(data, fullDetails, classes){ return ( { isSynchronized(data) && 0 ? unixTimeToTimeAndDate(data.last_sync) : "never" } /> } ); } renderNTPStatus(data, fullDetails, classes){ return (
{this.createListItems(data, fullDetails, classes)}
); } render() { const { data, fetched, errorMessage, classes, fullDetails } = this.props; return ( { !fetched ?
Loading...
: data ? this.renderNTPStatus(data, fullDetails, classes) :
{errorMessage}
}
) } } export default restComponent(NTP_STATUS_ENDPOINT, withStyles(styles)(NTPStatus));