Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create Node Component #78

Closed
AdrianSolberg opened this issue Jun 27, 2024 · 0 comments · Fixed by #80
Closed

Create Node Component #78

AdrianSolberg opened this issue Jun 27, 2024 · 0 comments · Fixed by #80
Assignees

Comments

@AdrianSolberg
Copy link
Contributor

Make Node component where you can add adjacent nodes, which will be connected by an edge in the graph.

@AdrianSolberg AdrianSolberg self-assigned this Jun 27, 2024
AdrianSolberg added a commit that referenced this issue Jun 27, 2024
Can connect nodes, which makes an edge between the nodes.
Can also add text to the nodes.

Issue: #78
AdrianSolberg added a commit that referenced this issue Jun 28, 2024
Used curve for directed edges in Node component.

Issue: #78
AdrianSolberg added a commit that referenced this issue Jul 1, 2024
Also made it so that fontSize for node label changes dynamically.

Issue: #78
AdrianSolberg added a commit that referenced this issue Jul 1, 2024
Done by making a new OperationButtonPanel component.
Can now also change node and edge color.

Issue: #78
AdrianSolberg added a commit that referenced this issue Jul 2, 2024
…onButtonPanel

Made OperationButtonPanel appear in bottom right corner.
Made simple BFS example in index.ts.

Issue: #78
AdrianSolberg added a commit that referenced this issue Jul 3, 2024
@AdrianSolberg AdrianSolberg linked a pull request Jul 3, 2024 that will close this issue
AdrianSolberg added a commit that referenced this issue Jul 3, 2024
AdrianSolberg added a commit that referenced this issue Jul 3, 2024
AdrianSolberg added a commit that referenced this issue Jul 3, 2024
* Made a node component

Can connect nodes, which makes an edge between the nodes.
Can also add text to the nodes.

Issue: #78

* Added possibility to choose if edge is directed

Issue: #78

* Made it possible to curve Line components

Used curve for directed edges in Node component.

Issue: #78

* Made it possible to add label to Line components

Issue: #78

* Made nodes capable of handling edge weights

Also made it so that fontSize for node label changes dynamically.

Issue: #78

* Made it possible to click through node operations

Done by making a new OperationButtonPanel component.
Can now also change node and edge color.

Issue: #78

* Made it so that reverse operations are made automatically for OperationButtonPanel

Made OperationButtonPanel appear in bottom right corner.
Made simple BFS example in index.ts.

Issue: #78

* Added some comments and made simple design changes for example

Issue: #78

* Cleaned up index.ts

Issue: #78

* Fixed eslint errors and formatting

Issue: #78

* Emptied index.ts

Issue: #78
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant