https://github.com/ciscodevnet/next
Mirror of the OpenDaylight NeXt UI Toolkit gerrit project
https://github.com/ciscodevnet/next
Last synced: 7 months ago
JSON representation
Mirror of the OpenDaylight NeXt UI Toolkit gerrit project
- Host: GitHub
- URL: https://github.com/ciscodevnet/next
- Owner: CiscoDevNet
- License: epl-1.0
- Created: 2016-03-30T01:48:06.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-04-25T17:13:51.000Z (almost 10 years ago)
- Last Synced: 2025-05-22T17:34:57.248Z (9 months ago)
- Language: JavaScript
- Homepage: https://wiki.opendaylight.org/view/NeXt:Main
- Size: 8.25 MB
- Stars: 48
- Watchers: 20
- Forks: 16
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# NeXt UI Framework
NeXt UI toolkit is an HTML5/JavaScript based toolkit for network web application. It provides a network centric topology UI component featuring high performance and rich functionality. NeXt can display large complex network topologies, aggregated network nodes, traffic/path/tunnel/group visualizations and it includes different layout algorithms, map overlays, and preset user friendly interactions. NeXt can work together with DLUX to build ODL apps.
Homepage : https://wiki.opendaylight.org/view/NeXt:Main
UI Toolkit Quicklook : https://www.youtube.com/watch?v=gBsUDu8aucs
Current version : 0.9
## Key Features
* Large complex network topologies
* Aggregated network nodes
* Traffic/path/tunnel/group visualizations
* Different layout algorithms
* Map overlays
* Preset user-friendly interactions
## File structure
```
next/
|- css/
| |- next.css // next stylesheet file
| |- next.min.css // minimized stylesheet file
| |- next-componentized.css
| |- next-componentized.min.css
|- js
| |- next.js // next js library
| |- next.min.js // minimized js library
|- fonts/ // font resources foler
| doc/ //APi manual
|- README.md
```
## Quick start
1) Create a HTML file.
```HTML
//next code
```
2) Edit next code
```javascript
// Initialize a topology component
var topo = new nx.graphic.Topology({
});
// Create new app
var app = new nx.ui.Application();
// Attach topo to app
topo.attach(app);
```
3) Open html file with Chrome
### Tutorials and Sample code
Tutorials : https://wiki.opendaylight.org/view/NeXt:Main
Opendaylight sample code intergrate DLUX with NeXt: https://github.com/CiscoDevNet/opendaylight-sample-apps
BIERMAN : https://github.com/zverevalexei/bierman-gui
## Build instructions from source code
Git : https://git.opendaylight.org/gerrit/p/next
### Environment requirements
[Node](https://nodejs.org/en/)
### build process
* npm install
* grunt
## Who's Using NeXt
* Cisco
* Verizon
* AT&T (DIRECTV)
Are you NeXt?
## Bugs
[Open Bugs](https://bugs.opendaylight.org/buglist.cgi?bug_status=__open__&product=next)
## Team
* Aikepaer Abuduweili (aaikepae@cisco.com)
* Kang Li (lkang2@cisco.com)
* Alexei Zverev (alzverev@cisco.com)
* Xu Yangyang(yangyxu@cisco.com)