Skip to content

New network #3096

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

Merged
merged 6 commits into from
Apr 29, 2021
Merged

New network #3096

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
a1449f2
basic changes
antgonza Apr 21, 2021
297cd94
adding cytoscape.js
antgonza Apr 23, 2021
ef32eea
sorting and fine tune specs
antgonza Apr 27, 2021
7deecc9
clean *.map
antgonza Apr 27, 2021
76f247a
Merge branch 'dev' of github.com:biocore/qiita into new-network
antgonza Apr 28, 2021
e984ecc
addresssing @wasade comments
antgonza Apr 28, 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
197 changes: 98 additions & 99 deletions qiita_db/support_files/qiita-db.html
View file
Open in desktop

Large diffs are not rendered by default.

230 changes: 96 additions & 134 deletions qiita_pet/static/js/networkVue.js
View file
Open in desktop

Large diffs are not rendered by default.

6 changes: 4 additions & 2 deletions qiita_pet/static/vendor/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,10 @@ Qiita relies on the following JavaScript libraries:
- [String.js](https://github.com/jprichardson/string.js).
- [tag-it.js](http://aehlke.github.io/tag-it/).
- [underscore.js](http://underscorejs.org/).
- [vis.js](http://visjs.org/).
- [vis-network.js](https://unpkg.com/browse/vis-network@6.5.2)
- [vue.js](https://vuejs.org).
- [ol.js](https://openlayers.org/).
- [cytoscape.js](https://github.com/cytoscape/cytoscape.js).
- [cytoscape-panzoom.js](https://github.com/cytoscape/cytoscape.js-panzoom).
- [cytoscape-dagre.js](https://github.com/cytoscape/cytoscape.js-dagre).
- [cytoscape-popper.js](https://github.com/cytoscape/cytoscape.js-popper).
- [platform.js](https://github.com/bestiejs/platform.js).
1 change: 0 additions & 1 deletion qiita_pet/static/vendor/css/bootstrap-theme.min.css
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion qiita_pet/static/vendor/css/bootstrap.min.css
View file
Open in desktop

Large diffs are not rendered by default.

220 changes: 220 additions & 0 deletions qiita_pet/static/vendor/css/cytoscape.js/cytoscape.js-panzoom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,220 @@
.cy-panzoom {
position: absolute;
font-size: 12px;
color: #fff;
font-family: arial, helvetica, sans-serif;
line-height: 1;
color: #666;
font-size: 11px;
z-index: 1;
box-sizing: content-box;
}

.cy-panzoom-zoom-button {
cursor: pointer;
padding: 3px;
text-align: center;
position: absolute;
border-radius: 3px;
width: 10px;
height: 10px;
left: 16px;
background: #fff;
border: 1px solid #999;
margin-left: -1px;
margin-top: -1px;
z-index: 1;
box-sizing: content-box;
}

.cy-panzoom-zoom-button:active,
.cy-panzoom-slider-handle:active,
.cy-panzoom-slider-handle.active {
background: #ddd;
box-sizing: content-box;
}

.cy-panzoom-pan-button {
position: absolute;
z-index: 1;
height: 16px;
width: 16px;
box-sizing: content-box;
}

.cy-panzoom-reset {
top: 55px;
box-sizing: content-box;
}

.cy-panzoom-zoom-in {
top: 80px;
box-sizing: content-box;
}

.cy-panzoom-zoom-out {
top: 197px;
box-sizing: content-box;
}

.cy-panzoom-pan-up {
top: 0;
left: 50%;
margin-left: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #666;
box-sizing: content-box;
}

.cy-panzoom-pan-down {
bottom: 0;
left: 50%;
margin-left: -5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #666;
box-sizing: content-box;
}

.cy-panzoom-pan-left {
top: 50%;
left: 0;
margin-top: -5px;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #666;
box-sizing: content-box;
}

.cy-panzoom-pan-right {
top: 50%;
right: 0;
margin-top: -5px;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #666;
box-sizing: content-box;
}

.cy-panzoom-pan-indicator {
position: absolute;
left: 0;
top: 0;
width: 8px;
height: 8px;
border-radius: 8px;
background: #000;
border-radius: 8px;
margin-left: -5px;
margin-top: -5px;
display: none;
z-index: 999;
opacity: 0.6;
box-sizing: content-box;
}

.cy-panzoom-slider {
position: absolute;
top: 97px;
left: 17px;
height: 100px;
width: 15px;
box-sizing: content-box;
}

.cy-panzoom-slider-background {
position: absolute;
top: 0;
width: 2px;
height: 100px;
left: 5px;
background: #fff;
border-left: 1px solid #999;
border-right: 1px solid #999;
box-sizing: content-box;
}

.cy-panzoom-slider-handle {
position: absolute;
width: 16px;
height: 8px;
background: #fff;
border: 1px solid #999;
border-radius: 2px;
margin-left: -2px;
z-index: 999;
line-height: 8px;
cursor: default;
box-sizing: content-box;
}

.cy-panzoom-slider-handle .icon {
margin: 0 4px;
line-height: 10px;
box-sizing: content-box;
}

.cy-panzoom-no-zoom-tick {
position: absolute;
background: #666;
border: 1px solid #fff;
border-radius: 2px;
margin-left: -1px;
width: 8px;
height: 2px;
left: 3px;
z-index: 1;
margin-top: 3px;
box-sizing: content-box;
}

.cy-panzoom-panner {
position: absolute;
left: 5px;
top: 5px;
height: 40px;
width: 40px;
background: #fff;
border: 1px solid #999;
border-radius: 40px;
margin-left: -1px;
box-sizing: content-box;
}

.cy-panzoom-panner-handle {
position: absolute;
left: 0;
top: 0;
outline: none;
height: 40px;
width: 40px;
position: absolute;
z-index: 999;
box-sizing: content-box;
}

.cy-panzoom-zoom-only .cy-panzoom-slider,
.cy-panzoom-zoom-only .cy-panzoom-panner {
display: none;
}

.cy-panzoom-zoom-only .cy-panzoom-reset {
top: 20px;
}

.cy-panzoom-zoom-only .cy-panzoom-zoom-in {
top: 45px;
}

.cy-panzoom-zoom-only .cy-panzoom-zoom-out {
top: 70px;
}
4 changes: 4 additions & 0 deletions qiita_pet/static/vendor/css/cytoscape.js/font-awesome.min.css
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions qiita_pet/static/vendor/css/cytoscape.js/tippy.js-4.0.1.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file added qiita_pet/static/vendor/css/fonts/fontawesome-webfont.ttf
View file
Open in desktop
Binary file not shown.
Binary file added qiita_pet/static/vendor/css/fonts/fontawesome-webfont.woff
View file
Open in desktop
Binary file not shown.
2 changes: 0 additions & 2 deletions qiita_pet/static/vendor/css/vis-network.min.css
View file
Open in desktop

This file was deleted.

1 change: 0 additions & 1 deletion qiita_pet/static/vendor/css/vis-network.min.css.map
View file
Open in desktop

This file was deleted.

1 change: 0 additions & 1 deletion qiita_pet/static/vendor/css/vis.min.css
View file
Open in desktop

This file was deleted.

Loading