This project was generated with Angular CLI version 7.0.4.
It is the Topology View of the ONOS GUI. It has been extracted out in to its own library here to allow it to be used by other projects.
This deliberately has no dependency on the ~/onos/web/gui2 project It does depend on the ~/onos/web/gui2-fw-lib - the Framework is common to all apps
The view is made up of a hierarchy of Angular components - starting at the top with Topology Component
Extensive use is made of SVG to generate the view - especially the layers, nodes and links. Each of these are components that are meant to be used inside an SVG element and so have the suffix SvgComponent. Other like panels are plain Html
TopologyComponent | (layers) |-- NoDeviceConnectedSvgComponent |-- BackgroundSvgComponent | |-- MapSvgComponent |-- GridsvgComponent |-- ForceSvgComponent | |-- DeviceNodeSvgComponent | |-- HostNodeSvgComponent | |-- LinkSvgComponent | |-- SubRegionNodeSvgComponent | | (panels) |-- DetailsComponent |-- InstanceComponent |-- SummaryComponent |-- ToolbarComponent |-- MapSelectorComponent
The purpose of the tester application is to a) show how the Topology View can be easily reused b) Allow a developer to run the GUI with Angular CLI tools (ng serve) without all of the baggage of the whole ONOS GUI
ng serve for a dev server from ~/onos/web/gui2-topo-lib. Navigate to
http://localhost:4200/. When a change is made to the library code, it has to be built again
ng build gui2-topo-lib && ng serve
This requires the following manual steps
ok -- clean debugand enable the GUI2 application
From inside ~/onos/web/gui2-topo-lib/projects/gui2-topo-lib run
ng generate component component-name to generate a new component.
You can also use
ng generate directive|pipe|service|class|guard|interface|enum|module.
To build just the library run
ng build gui2-topo-lib This will always be built in Prod mode
ng build to build the project. The build artifacts will be stored in the
dist/ directory. Use the
--prod flag for a production build.
ng test to execute the unit tests via Karma.
ng e2e to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use
ng help or go check out the Angular CLI README.