Skip to content

Add onZoomChange event and setZoom method #30

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.

Sign up for GitHub

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

Open
wants to merge 19 commits into
base: master
Choose a base branch
from
Open

Add onZoomChange event and setZoom method #30

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
455c848
feat: add onZoomChange event and setZoom method
giorgiofellipe Jan 28, 2021
3b4c45a
Add build
giorgiofellipe Jan 28, 2021
a228386
Add missing build files
giorgiofellipe Jan 28, 2021
3b50161
fix: onZoomChange should send the target scale
giorgiofellipe Jan 28, 2021
36c04aa
feat(chart-container): allows the use of arrays to create multiple ro…
Gabrielfcs Feb 22, 2021
2fef36f
feat(chart): create getChart, resetPosition and onDropNode function
LuisFilipePedroso Mar 29, 2021
0a8ba07
Merge branch 'master' into feat/drop
giorgiofellipe Apr 6, 2021
7273ed5
Merge pull request #1 from giorgiofellipe/feat/drop
giorgiofellipe Apr 6, 2021
943535d
feat: improve the way that NodeTemplate is rendered
LuisFilipePedroso Apr 7, 2021
df308a1
Merge pull request #2 from giorgiofellipe/fix/chart-node
giorgiofellipe Apr 13, 2021
1f30537
fix: add missing useCallback to invoke NodeTemplate
LuisFilipePedroso Apr 16, 2021
24e9277
Merge pull request #3 from giorgiofellipe/fix/chart-node
giorgiofellipe Apr 18, 2021
7c3ab78
improve zooming and panning
giorgiofellipe Jul 16, 2021
b4cc6fb
fix manual zoom
giorgiofellipe Jul 16, 2021
3c1f770
fix: toggle node selected status on click
giorgiofellipe Jul 21, 2021
aa9c95c
improve node selecting logic and add method to get all selected nodes
giorgiofellipe Aug 3, 2021
7bed39f
store the whole node object as selected nodes
giorgiofellipe Aug 4, 2021
617b7e8
Remove object reference to allow relationship field assign (#4)
zacharytyhacz Aug 30, 2021
142cbf3
build: extends data object to a mutable object
giorgiofellipe Aug 30, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 35 additions & 7 deletions dist/ChartContainer.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,10 @@
/* global styles for orgchart */
.orgchart-container {
box-sizing: border-box;
position: relative;
margin: 10px;
height: 700px;
background-color: #fff;
border: 2px dashed #aaa;
border-radius: 5px;
overflow: auto;
Expand All @@ -12,13 +14,39 @@
.orgchart {
box-sizing: border-box;
display: inline-block;
background-image: linear-gradient(
90deg,
rgba(200, 0, 0, 0.15) 10%,
rgba(0, 0, 0, 0) 10%
),
linear-gradient(rgba(200, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 10%);
background-image: linear-gradient(90deg, rgba(200, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(rgba(200, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 10%);
background-size: 10px 10px;
border: 1px dashed rgba(0, 0, 0, 0);
border: 1px dashed rgba(0,0,0,0);
padding: 20px 20px 0 20px;
}

.orgchart-container .hidden {
display: none!important;
}

.orgchart-container > .oc-mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
text-align: center;
background-color: rgba(0,0,0,0.3);
}

.orgchart-container > .oc-mask .spinner {
position: absolute;
top: calc(50% - 50px);
left: calc(50% - 50px);
}

.orgchart-container > .oc-mask .spinner::before {
width: 100px;
height: 100px;
border-width: 10px;
border-radius: 50px;
border-top-color: rgba(68, 157, 68, 0.8);
border-bottom-color: rgba(68, 157, 68, 0.8);
border-left-color: rgba(68, 157, 68, 0.8);
}
541 changes: 361 additions & 180 deletions dist/ChartContainer.js
View file
Open in desktop

Large diffs are not rendered by default.

Loading