SQuiz/frontPanel
3
0
Fork 0
Code Issues 18 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix: placement

Browse Source
This commit is contained in:
IlyaDoronin 2023-10-25 12:13:18 +03:00
parent 7b48d51c77
commit b888d6b7f0
2 changed files with 26 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages/QuestionsMap/graph.tsx
View File

@ -32,7 +32,7 @@ const stylesheet: Stylesheet[] = [
width: 30,
"line-color": "#DEDFE7",
"curve-style": "taxi",
"taxi-direction": "vertical",
"taxi-direction": "horizontal",
"taxi-turn": 60,
},
},
@ -46,24 +46,22 @@ const stylesheet: Stylesheet[] = [
},
];
export const Graph = () => {
return (
<Box
sx={{
padding: "20px",
background: "#FFFFFF",
borderRadius: "12px",
boxShadow: "0px 8px 24px rgba(210, 208, 225, 0.4)",
marginTop: "30px",
}}
>
<Cytoscape
wheelSensitivity={0.1}
elements={createGraphElements(VERTICES)}
style={{ height: "480px", background: "#F2F3F7" }}
layout={{ name: "preset" }}
stylesheet={stylesheet}
/>
</Box>
);
};
export const Graph = () => (
<Box
sx={{
padding: "20px",
background: "#FFFFFF",
borderRadius: "12px",
boxShadow: "0px 8px 24px rgba(210, 208, 225, 0.4)",
marginTop: "30px",
}}
>
<Cytoscape
wheelSensitivity={0.1}
elements={createGraphElements(VERTICES)}
style={{ height: "480px", background: "#F2F3F7" }}
layout={{ name: "preset" }}
stylesheet={stylesheet}
/>
</Box>
);

12
src/pages/QuestionsMap/helper.ts
View File

@ -22,16 +22,16 @@ const getEmptyVerticesAboveAmount = (
currentIndent: number,
level: number
): number => {
let leftIndent = indent + currentIndent;
let topIndent = indent + currentIndent;
return elements.filter(({ data, position }) => {
const isEmptyVertex =
position?.x === leftIndent &&
position?.y === level * 250 - 250 &&
position?.y === topIndent &&
position?.x === level * 250 - 250 &&
vertices.find((item) => item.id === data.id && !item.edges?.length);
if (isEmptyVertex) {
leftIndent += 200;
topIndent += 200;
}
return isEmptyVertex;
@ -63,8 +63,8 @@ export const createGraphElements = (
elements.push({
data: { id, label },
position: {
x: indent + currentIndent,
y: level * 250,
x: level * 250,
y: indent + currentIndent,
},
});