performance-dashboard

0.1.6 • Public • Published

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.

See Also

Package Sidebar

Install

npm i performance-dashboard

Weekly Downloads

0

Version

0.1.6

License

TBD

Last publish

Collaborators

  • arjunpawar1