admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- the great reformat

Browse Source 
Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-02-06 18:20:58 -05:00
parent 30c530bcc4
commit e83badb454
912 changed files with 108516 additions and 107493 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
client/src/components/layout-form-row/layout-form-row.component.jsx
View File

@@ -1,78 +1,78 @@
import { Col, Divider, Row } from "antd";
import {Col, Divider, Row} from "antd";
import React from "react";
import "./layout-form-row.styles.scss";
export default function LayoutFormRow({
header,
children,
grow = false,
noDivider = false,
...restProps
}) {
const DividerHeader = () =>
!noDivider && (
<Divider
orientation="left"
type="horizontal"
style={{ marginTop: ".8rem" }}
>
{header}
</Divider>
);
header,
children,
grow = false,
noDivider = false,
...restProps
}) {
const DividerHeader = () =>
!noDivider && (
<Divider
orientation="left"
type="horizontal"
style={{marginTop: ".8rem"}}
>
{header}
</Divider>
);
if (!!!children.length) {
//We have only one element. It's going to get the whole thing.
return (
<div
className="imex-form-row"
{...restProps}
style={{ marginBottom: ".8rem", ...restProps.style }}
>
<DividerHeader />
{children}
</div>
);
}
const rowGutter = { gutter: [16, 16] };
if (!!!children.length) {
//We have only one element. It's going to get the whole thing.
return (
<div
className="imex-form-row"
{...restProps}
style={{marginBottom: ".8rem", ...restProps.style}}
>
<DividerHeader/>
{children}
</div>
);
}
const rowGutter = {gutter: [16, 16]};
const colSpan = (spanOverride) => {
if (spanOverride) return { span: spanOverride };
return {
xs: {
span: !grow ? 24 : Math.max(12, 24 / children.length),
},
sm: {
span: !grow ? 12 : Math.max(12, 24 / children.length),
},
md: {
span: !grow ? 8 : Math.max(8, 24 / children.length),
},
lg: {
span: !grow ? 6 : Math.max(6, 24 / children.length),
},
xl: {
span: !grow ? 4 : Math.max(4, 24 / children.length),
},
const colSpan = (spanOverride) => {
if (spanOverride) return {span: spanOverride};
return {
xs: {
span: !grow ? 24 : Math.max(12, 24 / children.length),
},
sm: {
span: !grow ? 12 : Math.max(12, 24 / children.length),
},
md: {
span: !grow ? 8 : Math.max(8, 24 / children.length),
},
lg: {
span: !grow ? 6 : Math.max(6, 24 / children.length),
},
xl: {
span: !grow ? 4 : Math.max(4, 24 / children.length),
},
};
};
};
//{header ? <Typography.Title level={4}>{header}</Typography.Title> : null}
return (
<div
className="imex-form-row"
{...restProps}
style={{ marginBottom: ".8rem", ...restProps.style }}
>
<DividerHeader />
<Row {...rowGutter}>
{children.map(
(c, idx) =>
c && (
<Col key={idx} {...colSpan(c && c.props && c.props.span)}>
{c}
</Col>
)
)}
</Row>
</div>
);
//{header ? <Typography.Title level={4}>{header}</Typography.Title> : null}
return (
<div
className="imex-form-row"
{...restProps}
style={{marginBottom: ".8rem", ...restProps.style}}
>
<DividerHeader/>
<Row {...rowGutter}>
{children.map(
(c, idx) =>
c && (
<Col key={idx} {...colSpan(c && c.props && c.props.span)}>
{c}
</Col>
)
)}
</Row>
</div>
);
}