Merge pull request 'правка добавления строки в 4 форме' (#57) from fix-add-row-program-4-form into test
Reviewed-on: #57
This commit is contained in:
commit
abafe0e9a0
@ -1,4 +1,4 @@
|
||||
import React from 'react';
|
||||
import React, { useMemo } from 'react';
|
||||
import ColumnResizer from './ColumnResizer';
|
||||
import { columnPinningDefault } from '../constants/columnConfig';
|
||||
|
||||
@ -149,6 +149,24 @@ const ColumnNumberCell = ({ column, table, selectedColumnId, onColumnSelect }) =
|
||||
);
|
||||
};
|
||||
|
||||
const getColorBrightness = (hexColor) => {
|
||||
if (!hexColor) return 255;
|
||||
const color = hexColor.replace('#', '');
|
||||
let r, g, b;
|
||||
if (color.length === 3) {
|
||||
r = parseInt(color[0] + color[0], 16);
|
||||
g = parseInt(color[1] + color[1], 16);
|
||||
b = parseInt(color[2] + color[2], 16);
|
||||
} else if (color.length === 6) {
|
||||
r = parseInt(color.substring(0, 2), 16);
|
||||
g = parseInt(color.substring(2, 4), 16);
|
||||
b = parseInt(color.substring(4, 6), 16);
|
||||
} else {
|
||||
return 255;
|
||||
}
|
||||
return (0.299 * r + 0.587 * g + 0.114 * b);
|
||||
};
|
||||
|
||||
const HeaderCell = ({ header, table, onClick, onChangeWidth }) => {
|
||||
const column = header.column;
|
||||
const pinningColumn = getPinnedColumnIds(table);
|
||||
@ -160,12 +178,16 @@ const HeaderCell = ({ header, table, onClick, onChangeWidth }) => {
|
||||
const splitGroup = isGroup && isPinned && pinnedBandWidth > 0 && pinnedBandWidth < headerSize;
|
||||
|
||||
const customBgColor = column.columnDef?.muiTableHeadCellProps?.sx?.backgroundColor;
|
||||
const color = column.columnDef?.muiTableHeadCellProps?.sx?.color || '#000000';
|
||||
|
||||
const backgroundColor = customBgColor
|
||||
? customBgColor
|
||||
: 'rgba(243, 244, 246, 1)';
|
||||
|
||||
const color = useMemo(() => {
|
||||
const brightness = getColorBrightness(backgroundColor);
|
||||
return brightness < 128 ? '#ffffff' : '#000000';
|
||||
}, [backgroundColor]);
|
||||
|
||||
const handleChangeWidth = (deltaWidth) => {
|
||||
const size = header.getSize();
|
||||
onChangeWidth(header, size + deltaWidth);
|
||||
|
||||
@ -768,7 +768,7 @@ export const config = {
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
header: ".",
|
||||
header: "",
|
||||
accessorKey: "field",
|
||||
columns: [
|
||||
{
|
||||
@ -1469,7 +1469,7 @@ export const config = {
|
||||
},
|
||||
},
|
||||
{
|
||||
header: "..",
|
||||
header: "",
|
||||
accessorKey: "field_4",
|
||||
columns: [
|
||||
{
|
||||
|
||||
@ -1020,7 +1020,7 @@ export const config = {
|
||||
},
|
||||
},
|
||||
{
|
||||
header: "Платежив 2027 году",
|
||||
header: "Платежи в 2027 году",
|
||||
accessorKey: "data.contract_summary.future_payments_y1",
|
||||
columnLetter: "Q",
|
||||
size: 190,
|
||||
@ -1033,7 +1033,7 @@ export const config = {
|
||||
},
|
||||
},
|
||||
{
|
||||
header: "Платежив 2028 году",
|
||||
header: "Платежи в 2028 году",
|
||||
accessorKey: "data.contract_summary.future_payments_y2",
|
||||
columnLetter: "R",
|
||||
size: 190,
|
||||
@ -2374,7 +2374,7 @@ export const config = {
|
||||
header: "Сумма (без НДС)",
|
||||
accessorKey: "data.q2.target_change",
|
||||
columnLetter: "DE",
|
||||
size: 150,
|
||||
size: 300,
|
||||
filterFn: "contains",
|
||||
muiTableHeadCellProps: {
|
||||
sx: {
|
||||
@ -2399,7 +2399,7 @@ export const config = {
|
||||
header: "Сумма (без НДС)",
|
||||
accessorKey: "data.q2.base_correction",
|
||||
columnLetter: "DF",
|
||||
size: 150,
|
||||
size: 300,
|
||||
filterFn: "contains",
|
||||
},
|
||||
],
|
||||
|
||||
@ -308,7 +308,7 @@ export const config = {
|
||||
},
|
||||
},
|
||||
{
|
||||
header: "ИТОГОПоддержка",
|
||||
header: "ИТОГО Поддержка",
|
||||
|
||||
accessorKey: "data.plan.support.year",
|
||||
columnLetter: "H",
|
||||
@ -386,7 +386,7 @@ export const config = {
|
||||
},
|
||||
},
|
||||
{
|
||||
header: "ИТОГОРазвитие",
|
||||
header: "ИТОГО Развитие",
|
||||
accessorKey: "data.plan.development.year",
|
||||
columnLetter: "M",
|
||||
size: 150,
|
||||
@ -477,7 +477,7 @@ export const config = {
|
||||
},
|
||||
},
|
||||
{
|
||||
header: "ИТОГОПоддержка",
|
||||
header: "ИТОГО Поддержка",
|
||||
accessorKey: "data.approved.support.year",
|
||||
columnLetter: "T",
|
||||
size: 150,
|
||||
@ -554,7 +554,7 @@ export const config = {
|
||||
},
|
||||
},
|
||||
{
|
||||
header: "ИТОГОРазвитие",
|
||||
header: "ИТОГО Развитие",
|
||||
accessorKey: "data.approved.development.year",
|
||||
columnLetter: "Y",
|
||||
size: 150,
|
||||
@ -643,7 +643,7 @@ export const config = {
|
||||
},
|
||||
},
|
||||
{
|
||||
header: "ИТОГОПоддержка",
|
||||
header: "ИТОГО Поддержка",
|
||||
accessorKey: "data.fact.support.year",
|
||||
columnLetter: "AF",
|
||||
size: 150,
|
||||
@ -720,7 +720,7 @@ export const config = {
|
||||
},
|
||||
},
|
||||
{
|
||||
header: "ИТОГОРазвитие",
|
||||
header: "ИТОГО Развитие",
|
||||
accessorKey: "data.fact.development.year",
|
||||
columnLetter: "AK",
|
||||
size: 150,
|
||||
|
||||
@ -764,7 +764,7 @@ export const config = {
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
header: ".",
|
||||
header: "",
|
||||
accessorKey: "field",
|
||||
columns: [
|
||||
{
|
||||
@ -1487,7 +1487,7 @@ export const config = {
|
||||
},
|
||||
},
|
||||
{
|
||||
header: "..",
|
||||
header: "",
|
||||
accessorKey: "field_6",
|
||||
columns: [
|
||||
{
|
||||
@ -3953,7 +3953,7 @@ export const config = {
|
||||
},
|
||||
},
|
||||
{
|
||||
header: "...",
|
||||
header: "",
|
||||
accessorKey: "field_40",
|
||||
columns: [
|
||||
{
|
||||
|
||||
@ -238,9 +238,13 @@ const useRealtimeData = (formId, sheetName, direction, formType, year) => {
|
||||
});
|
||||
});
|
||||
|
||||
const unsubscribeProgramAdds = subscribeToProgramAdds((data) => {
|
||||
const newRow = data.result[1][0];
|
||||
const unsubscribeProgramAdds = subscribeToProgramAdds((msg) => {
|
||||
let newRow = msg.result[1][0];
|
||||
setData((prevData) => {
|
||||
const hasRoot = prevData.length > 0 && prevData[0].row_type === "ROOT";
|
||||
if (hasRoot) {
|
||||
newRow = msg.result[1][1];
|
||||
}
|
||||
const updateData = structuredClone(prevData);
|
||||
const [row_type, depth, sort_order, dataRow] = newRow;
|
||||
const newRowObject = {
|
||||
@ -250,8 +254,11 @@ const useRealtimeData = (formId, sheetName, direction, formType, year) => {
|
||||
subRows: [],
|
||||
data: dataRow,
|
||||
};
|
||||
const newData = [...updateData, newRowObject];
|
||||
return newData;
|
||||
if (hasRoot) {
|
||||
updateData[0].subRows.push(newRowObject);
|
||||
return updateData;
|
||||
}
|
||||
return [...updateData, newRowObject];
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
@ -25,6 +25,7 @@ const CollapsibleTree = ({
|
||||
onSelectNode,
|
||||
forStage = false
|
||||
}) => {
|
||||
|
||||
const [expandedItems, setExpandedItems] = useState([]);
|
||||
const [anchorEl, setAnchorEl] = useState(null);
|
||||
const [selectedNodes, setSelectedNodes] = useState([]);
|
||||
@ -160,7 +161,7 @@ const CollapsibleTree = ({
|
||||
const visibleSelectedCount = selectedNodes.filter((id) =>
|
||||
visibleLeafKeys.includes(id),
|
||||
).length;
|
||||
const selectedCount = forStage ? visibleSelectedCount : visibleSelectedCount - 1; //1 колонка всегда скрыта
|
||||
const selectedCount = visibleSelectedCount;
|
||||
|
||||
const isAllSelected = () => {
|
||||
if (!visibleColumnTree.length) return false;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user