mirror of https://github.com/opennetworkinglab/onos.git synced 2026-01-10 11:01:27 +01:00

History

pierventre 57f7bbb6ac [SDFAB-705] Fix GUI for the control and data plane resiliency

Additionally, fix similar issues in GUI2 and add initial
support for ports with name in GUI/GUI2.

This is also the first step towards supporting port with name widely in ONOS

Change-Id: Ib04f780bf0b7171e82a6beb69b39c0aaeb4be957
(cherry picked from commit 178046ba11ab21d94a1e818fb893931bb015734b)

2021-10-27 06:41:50 +00:00

lib

[SDFAB-705] Fix GUI for the control and data plane resiliency

2021-10-27 06:41:50 +00:00

BUILD.bazel

ensure that the tests for forcesvg can be run by inlining JSON

2021-10-21 15:37:11 +01:00

public_api.ts

Added native Bazel build to GUI2. Reduced a lot of the unused Angular CLI structures

2020-01-04 12:17:01 +00:00

README.md

GUI2 fixed some unit tests

2020-05-27 08:30:48 +01:00

README.md

Gui2TopoLib

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

Development server

Run 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

Make directory fw/widget in ~/onos/web/gui2-topo-lib/projects/gui2-topo-lib
Copy ~/onos/web/gui2-fw-lib/lib/widget/panel*.css in to this
Copy directory ~/onos/web/gui/src/main/webapp/data in to ~/onos/web/gui2-topo-lib/projects/gui2-topo-tester/src/data
Change (temporarily) web/gui/src/main/java/org/onosproject/ui/impl/UiWebSocket.java to remove the check for sessionToken (lines 249 -251)
Run ONOS ok -- clean debug and enable the GUI2 application

Code scaffolding

From inside ~/onos/web/gui2-topo-lib/projects/gui2-topo-lib run ng generate component component-name to generate a new component.

Build

To build just the library run ng build gui2-topo-lib This will always be built in Prod mode

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run bazel test //web/gui2-topo-lib:test-not-coverage to execute the unit tests via Karma.