45 lines
1.5 KiB
JavaScript
45 lines
1.5 KiB
JavaScript
/*
|
|
Парус 8 - Панели мониторинга - Циклограмма
|
|
Компонент: Фон строк таблицы
|
|
*/
|
|
|
|
//---------------------
|
|
//Подключение библиотек
|
|
//---------------------
|
|
|
|
import React from "react"; //Классы React
|
|
import PropTypes from "prop-types"; //Контроль свойств компонента
|
|
import { Box } from "@mui/material"; //Интерфейсные компоненты
|
|
import { P8P_BOX_CYCLOGRAM_ROW } from "../../theme/styles/box"; //Стили контейнеров
|
|
import { NDEFAULT_HEADER_HEIGHT } from "./p8p_cyclogram_constants"; //Константы циклограммы
|
|
|
|
//-----------
|
|
//Тело модуля
|
|
//-----------
|
|
|
|
//Фон строк таблицы
|
|
const P8PCyclogramRowsGrid = ({ rows, maxWidth, lineHeight }) => {
|
|
return (
|
|
<g>
|
|
{rows.map((el, index) => (
|
|
<foreignObject x="0" y={NDEFAULT_HEADER_HEIGHT + index * lineHeight} width={maxWidth} height={lineHeight} key={index}>
|
|
<Box sx={P8P_BOX_CYCLOGRAM_ROW({ index })} height={lineHeight} />
|
|
</foreignObject>
|
|
))}
|
|
</g>
|
|
);
|
|
};
|
|
|
|
//Контроль свойств - Фон строк таблицы
|
|
P8PCyclogramRowsGrid.propTypes = {
|
|
rows: PropTypes.array.isRequired,
|
|
maxWidth: PropTypes.number.isRequired,
|
|
lineHeight: PropTypes.number.isRequired
|
|
};
|
|
|
|
//----------------
|
|
//Интерфейс модуля
|
|
//----------------
|
|
|
|
export { P8PCyclogramRowsGrid };
|