[AMBARI-5141] Selecting operator in Tez DAG vertex should show operator table

• Type: Task
• Status: Resolved
• Priority: Major
• Resolution: Fixed
• Affects Version/s: 1.5.1
• Fix Version/s: 1.5.1
• Component/s: ambari-web
• Assignee: Antonenko Alexander
• Reporter: Antonenko Alexander
• Created: 19/Mar/14 16:07
• Updated: 19/Mar/14 16:53
• Resolved: 19/Mar/14 16:53

Description

In a Tez DAG when we select an operator in a vertex, we highlight the operator plan in the bottom-right text area. The highlighted text (in JSON) is hard to read.

We need to completely remove the bottom right text-area, and replace with a table. The table should have 2 columns of keys/values and no header. The keys will be all JSON keys except 'children', and values will be JSON values.

For example when I select a 'TableScan' operator in UI, the text area highlights the following JSON

"TableScan": {
      "alias:": "school",
      "children": {
        "Select Operator": {
          "expressions:": "state (type: string), id (type: string)",
          "outputColumnNames:": [
            "state",
            "id"
          ],
          "children": {
            "Group By Operator": {
              "mode:": "hash",
              "aggregations:": [
                "count(id)"
              ],
              "keys:": "state (type: string)",
              "outputColumnNames:": [
                "_col0",
                "_col1"
              ],
              "children": {
                "Reduce Output Operator": {
                  "Map-reduce partition columns:": "_col0 (type: string)",
                  "sort order:": "+",
                  "value expressions:": "_col1 (type: bigint)",
                  "Statistics:": "Num rows: 750 Data size: 48865 Basic stats: COMPLETE Column stats: NONE",
                  "key expressions:": "_col0 (type: string)"
                }
              },
              "Statistics:": "Num rows: 750 Data size: 48865 Basic stats: COMPLETE Column stats: NONE"
            }
          },
          "Statistics:": "Num rows: 750 Data size: 48865 Basic stats: COMPLETE Column stats: NONE"
        }
      },
      "Statistics:": "Num rows: 750 Data size: 48865 Basic stats: COMPLETE Column stats: NONE"
    }

Instead we will show table with the following key/values:

      "alias:": "school",
      "Statistics:": "Num rows: 750 Data size: 48865 Basic stats: COMPLETE Column stats: NONE"

This information should also show up in the operator hover.

Operator table should be shown only while hovering.