admin.components.logs.Logs.js Maven / Gradle / Ivy

Go to download
import React from "react";
import {inject, observer} from "mobx-react";


@inject("logStore", "stateStore") @observer
export default class Logs extends React.Component {

    componentWillMount() {
        this.props.stateStore.pageTitle = "Logs";
        this.props.stateStore.pageDescription = "View system logs";
        this.props.stateStore.headerIcon = "icon-file-alt";
    }

    componentDidMount() {
        let tailf = this.props.stateStore.logMode === 'tailf';
        this.props.logStore.connect(document.getElementById("log"), tailf);
    }

    componentWillUnmount() {
        this.props.logStore.disconnect();
        document.getElementById("log").innerHTML = '';
    }

    switchTab(e, name) {
        e.preventDefault();
        const {logMode} = this.props.stateStore;
        if(logMode !== name) {
            this.props.stateStore.logMode = name;
            let tailf = name === 'tailf';
            this.props.logStore.connect(document.getElementById("log"), tailf)
        }

    }

    getPanelHeader() {
            const {logMode} = this.props.stateStore;
        return (
            
                
                     this.switchTab(e, 'tailf')}>
                        Tail
                    
                
                
                     this.switchTab(e, 'full')}>
                        Full log
                    
                
            
        )
    }


    render() {
        // const parsed = this.props.logStore.logLines.map((line, i) => {
        //     return ({line}
);
        // });
        const panelTab = this.getPanelHeader();
        return (
            
                
                    
                        
                            Log
                            {panelTab}
                        
                        
                            

                            
                        
                    
                
            
        )
    }
}