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

feat: Organizational Chart #26261

Merged
merged 45 commits into from
Aug 10, 2021
Merged

Conversation

ruchamahabal
Copy link
Member

@ruchamahabal ruchamahabal commented Jun 29, 2021

Organizational Charts

An organizational chart shows the organizational structure by depicting connections between different employees with their designation, image, and name. In large organizations where it's difficult to remember names, people can interact with the org chart and know the hierarchy through faces and other info. The Edit button navigates to the employee master.

Desktop View

Interactions:

org-chart.mp4

Expand All and Export

  1. Option to expand all the nodes. Interaction is disabled until you collapse all.
  2. Export to PNG
org-chart-export.mp4

Mobile View

image

Untitled 2

After clicking on sibling group:

node-group

Documentation PR: frappe/erpnext_documentation#364

ToDo

  • Optimise rendering
  • Handle multiple root nodes / orphan nodes
  • Expand all nodes
  • Export Chart
  • Tests
  • Documentation

@olamide2
Copy link

olamide2 commented Jul 4, 2021

This is Great

Will we be able to change relationship by using drag and drop from the chart ?

@ruchamahabal
Copy link
Member Author

This is Great

Will we be able to change relationship by using drag and drop from the chart ?

Thanks. No this is just for visualising the hierarchy based on the "reports to" field and not building the employee tree.

- optimise get_children function

- use promises instead of callbacks

- optimise selectors

- use const wherever possible

- use pure js instead of jquery for connectors for faster rendering
@ruchamahabal ruchamahabal force-pushed the org-chart branch 2 times, most recently from fa55853 to 377c50f Compare July 20, 2021 05:18
@ruchamahabal ruchamahabal marked this pull request as ready for review July 20, 2021 07:07
@aschl
Copy link

aschl commented Jul 24, 2021

Closes #4087 and #18819

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 this pull request may close these issues.

5 participants