global.$ = global.jQuery = require('jquery');
require('bootstrap');
require('admin-lte/build/js/AdminLTE.js');
require('bootstrap-fileinput');


/**
 * Change the plus and minus when opening or closing bootstraps collapse object
 */
$('body').on("show.bs.collapse hide.bs.collapse", (e) => {
    let $target = $(e.target);
    let $box = $target.parents(".box");
    let $fontAwesome = $box.find(".box-header").find("i");

    if(e.type == "show") {
        $fontAwesome.removeClass("fa-plus").addClass("fa-minus");
    } else if(e.type == "hide") {
        $fontAwesome.removeClass("fa-minus").addClass("fa-plus");
    }
});


/**
 * Import Stuff for React
 */
import React from 'react';
import ReactDOM from 'react-dom';
import {Route} from 'react-router';
import App from './App/App.jsx';
import LoginContent from './App/components/LoginContent.jsx';
import {BrowserRouter, Switch} from "react-router-dom";

/**
 * Start React Render
 */
ReactDOM.render((
    <BrowserRouter>
        <Switch>
            <Route path="/login" component={LoginContent} />
            <Route component={App} />
        </Switch>
    </BrowserRouter>
), document.getElementById('app'))