[APEXMALHAR-2558] Create UI Console for showing realtime apex app information

• Type: New Feature
• Status: Open
• Priority: Critical
• Resolution: Unresolved
• Component/s: ui console
• Assignee: Chinmay Kolhatkar
• Reporter: Chinmay Kolhatkar
• Created: 16/Jun/18 13:56
• Updated: 16/Jun/18 13:57

Description

This includes following sub-features:
1. The webpage will be hosted on the same port as that of stram webservice but at a different path. Say, http://<stram_host>:<webservice_port>/ui
 
2. The webpage will be a static page and will be a compiled from reactJS application.
 
3. There will be a categories of readonly information that will be shown on the UI:
   a. Application level information
       i. Status
       ii. Number of tuples processed/emitted
       iii. Start time/ Running span
       iv. Stram events
       v. Total memory used/available
       vi. Number of container allocated/deployed
       v. Other information which is available in stram
   b. Logical Operator level information
       i. Status
       ii. Number of tuples processed/emitted
       iii. Important events related to logical operator
       iv. Container list in which the operator is deployed
       v. Any other information available in stram
       vi. Logical DAG View
   c. Container level information
       i. Status
       ii. Number of tuples processed/emitted
       iii. Important events related to logical operator
       iv. Any other information available in stram
       v. Physical DAG View

Sub-Tasks

• Create react project which shows application level information: Open
• Update build steps for release build: Open
• Update backend to serve console UI from stram: Open
• Extend the UI Console to show logical operator info: Open
• Extend the UI Console to show physical operator info: Open