/*
 * This file is part of Cockpit.
 *
 * Copyright (C) 2016 Red Hat, Inc.
 *
 * Cockpit is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation; either version 2.1 of the License, or
 * (at your option) any later version.
 *
 * Cockpit is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with Cockpit; If not, see <http://www.gnu.org/licenses/>.
 */
import React from 'react';
import PropTypes from 'prop-types';

import HostVmsList from "./hostvmslist.jsx";
import { StoragePoolList } from "./components/storagePools/storagePoolList.jsx";
import { NetworkList } from "./components/networks/networkList.jsx";
import LibvirtSlate from "./components/libvirtSlate.jsx";
import { CreateVmAction } from "./components/create-vm-dialog/createVmDialog.jsx";
import { AggregateStatusCards } from "./components/aggregateStatusCards.jsx";

class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            activeTab: 1
        };
        this.changeActiveList = this.changeActiveList.bind(this);
    }

    changeActiveList(tabId) {
        this.setState({ activeTab: tabId });
    }

    render() {
        const { vms, config, storagePools, systemInfo, ui, networks } = this.props.store.getState();
        const dispatch = this.props.store.dispatch;
        const createVmAction = (<CreateVmAction dispatch={dispatch} systemInfo={systemInfo} />);

        if (systemInfo.libvirtService.activeState !== 'running') {
            return (<LibvirtSlate libvirtService={systemInfo.libvirtService} dispatch={dispatch} />);
        }

        return (
            <div>
                { config.provider.name === 'LibvirtDBus' && this.state.activeTab == 1 &&
                <AggregateStatusCards networks={networks} storagePools={storagePools} changeActiveList={this.changeActiveList} />
                }
                { this.state.activeTab == 1 && <HostVmsList vms={vms}
                    config={config}
                    ui={ui}
                    storagePools={storagePools}
                    dispatch={dispatch}
                    networks={networks}
                    actions={createVmAction} />
                }
                { this.state.activeTab == 2 && <StoragePoolList storagePools={storagePools}
                    dispatch={dispatch}
                    vms={vms}
                    changeActiveList={this.changeActiveList}
                    loggedUser={systemInfo.loggedUser} />
                }
                { this.state.activeTab == 3 && <NetworkList networks={networks}
                    changeActiveList={this.changeActiveList} />
                }
            </div>
        );
    }
}
App.propTypes = {
    store: PropTypes.object.isRequired,
};

export default App;
