134 lines
4.0 KiB
TypeScript
134 lines
4.0 KiB
TypeScript
import { Col, Navbar, Row, Table } from 'react-bootstrap';
|
||
import NavbarTopHorizontal from '../components/navbars/navbar-horizontal/NavbarTopHorizontal';
|
||
import NavItems from '../components/navbars/nav-items/NavItems';
|
||
import { useAppContext } from '../providers/AppProvider';
|
||
import { useBreakpoints } from '../providers/BreakpointsProvider';
|
||
import classNames from 'classnames';
|
||
import NavbarTopNav from '../components/navbars/navbar-horizontal/NavbarTopNav';
|
||
import NavItemsSlim from '../components/navbars/nav-items/NavItemsSlim';
|
||
|
||
export const Header = () => {
|
||
|
||
const {
|
||
config: {
|
||
navbarPosition,
|
||
openNavbarVertical,
|
||
navbarTopShape,
|
||
navbarTopAppearance
|
||
}
|
||
} = useAppContext();
|
||
|
||
|
||
const { breakpoints } = useBreakpoints();
|
||
|
||
return (
|
||
<Navbar
|
||
className="navbar-top p-2"
|
||
expand="lg"
|
||
variant=""
|
||
data-navbar-appearance={
|
||
navbarTopAppearance === 'darker' ? 'darker' : ''
|
||
}
|
||
>
|
||
{!(navbarPosition === 'combo' && breakpoints.down('lg')) && (
|
||
<Navbar.Collapse
|
||
className="w-50 navbar-top-collapse order-1 order-lg-0 justify-content-between pb-0 border border-gray-400 rounded-3 p-3"
|
||
in={openNavbarVertical}
|
||
>
|
||
|
||
{/* <Col className="p-3 " xs="auto">
|
||
<Row >
|
||
<Col className="p-0 pe-3 fs-7 " xs="auto">
|
||
<div>Имя:</div>
|
||
</Col>
|
||
<Col className="p-0 pe-3 fs-7" xs="auto">
|
||
<div>DDSR 24</div>
|
||
</Col>
|
||
</Row>
|
||
<Row>
|
||
<Col className="p-0 pe-3 fs-7" xs="auto">
|
||
<div>Ист.:</div>
|
||
</Col>
|
||
<Col className="p-0 pe-3 fs-7 text-warning-lighter" xs="auto">
|
||
<div>выкл.</div>
|
||
</Col>
|
||
</Row>
|
||
<Row>
|
||
<Col className="p-0 pe-3 fs-7" xs="auto">
|
||
<div>IP:</div>
|
||
</Col>
|
||
<Col className="p-0 pe-3 fs-7 text-success-light" xs="auto">
|
||
<div><div> </div>192.168.1.200</div>
|
||
</Col>
|
||
</Row>
|
||
</Col> */}
|
||
<Col className="p-0" xs="auto">
|
||
<Row>
|
||
<Col className="p-2 pe-2 fs-7" xs="auto">
|
||
<div>Имя:</div>
|
||
<div>Ист.:</div>
|
||
<div>IP:</div>
|
||
|
||
|
||
</Col>
|
||
<Col className="p-2 pe-2 fs-7" xs="auto">
|
||
<div>DDSR 24</div>
|
||
<div className="text-warning-lighter">выкл</div>
|
||
<div className="text-success-light">192.168.1.200</div>
|
||
</Col>
|
||
</Row>
|
||
|
||
</Col>
|
||
|
||
|
||
|
||
|
||
<Col className="p-0" xs="auto">
|
||
<Row>
|
||
<Col className="p-2 pe-2 fs-7" xs="auto">
|
||
<div>Частота:</div>
|
||
<div>Вент.:</div>
|
||
<div>Темп.:</div>
|
||
|
||
|
||
</Col>
|
||
<Col className="p-2 pe-2 fs-7" xs="auto">
|
||
<div>50 Гц</div>
|
||
<div>50 %</div>
|
||
<div>75 c</div>
|
||
</Col>
|
||
</Row>
|
||
|
||
</Col>
|
||
|
||
|
||
<Col className="p-0" xs="auto">
|
||
<Row>
|
||
<Col className="p-2 pe-2 fs-7" xs="auto">
|
||
<div>Частота:</div>
|
||
<div>Вент.:</div>
|
||
<div>Темп.:</div>
|
||
|
||
|
||
</Col>
|
||
<Col className="p-2 pe-2 fs-7" xs="auto">
|
||
<div>50 Гц</div>
|
||
<div>50 %</div>
|
||
<div>75 c</div>
|
||
</Col>
|
||
</Row>
|
||
|
||
</Col>
|
||
|
||
|
||
</Navbar.Collapse>
|
||
)}
|
||
|
||
<NavItems />
|
||
</Navbar>
|
||
);
|
||
|
||
|
||
|
||
|
||
} |