UI Components for Performance Dashboard Service
Contents
This directory contains angular2 UI components for the performanceDashboard service. It also contains a demo component that lays out the angular2 components in a grid and has some input fields for input that is passed to the components.
- src/performanceDashboard - angular2 component for displaying the customer dashboard metrics or the cluster dashboard metrics
- src/performanceTop - angular2 component for displaying the Cluster top metrics or the node top metrics
- src/demo - angular2 component that contains the capacityDashboard component for a customer, the capacityDashboard component for a cluster, the performanceTop component for a cluster and the performanceTop component for a node in a reactive grid. This is an interactive demo component that shows how the other components might work in an application.
Application
This UI component directory also contains an entire Angular 2 application that displays the above components. The first tab, Performance Dashboard Demo contains the demo component that shows the other angular2 components in a responsive and mobile ready grid.The other tabs contain each one of the raw components, one component per tab. With no outside constraints the components will conform to the page size.
See the src/app main Angular 2 component for an example of how to include these components in an application.
Styling
This UI is styled using the NetApp LCUI style.
Quick Start
To build and run this component in development mode, run
- npm install
- npm start
Production Build
The script build.sh will build a deployable docker image for this UI.