[NIFI-1761] UI - Introduce AngularJS

• Type: Sub-task
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Fix Version/s: 1.0.0, 1.0.0-Beta
• Component/s: Core UI
• Assignee: Scott Aslan
• Reporter: Scott Aslan
• Created: 13/Apr/16 16:32
• Updated: 04/Aug/16 21:24
• Resolved: 15/Apr/16 20:28

Description

This subtask will introduce AngularJS into the NiFi web app.

AC:
-Introduce Roboto Fonts
-Manually bootstrap an angular application to the body of the NiFi web app (Legacy NiFi web app must be unaffected by this)
-Create Angular bridge to allow legacy code to communicate with boostrapped angular application
-Angular application should follow best practices for production including strict DI and debug mode disabled/production mode enabled
-Angular $sanitize should be used to prevent XSS (replaces jQuery .text() or .html() when converting legacy functionality into Angular directives etc.)
-Angular Material should be introduced to provide re-useable Material Design based widgets and flexbox responsive capabilities.
-Angular Material theme should be configured to match new styles for the UI
-Introduce other common angular modules nfResource, ngRoute, ngMessages for future use
-Replace legacy breadcrumb functionality with a new angular directive complete with new styles provided by UX