[HDFS-13231] Extend visualization for Decommissioning, Maintenance Mode under Datanode tab in the NameNode UI

• Type: Bug
• Status: Resolved
• Priority: Major
• Resolution: Fixed
• Affects Version/s: 3.0.1
• Fix Version/s: 3.3.0, 3.2.1, 3.1.3
• Component/s: datanode, namenode
• Target Version/s: 3.3.0
• Assignee: Stephen O'Donnell
• Reporter: Haibo Yan
• Created: 05/Mar/18 18:42
• Updated: 12/Jun/19 17:32
• Resolved: 12/Jun/19 17:32

Description

With HDFS-9391, table view is using css dynamic class name to match the state

hadoop/hadoop-hdfs-project/hadoop-hdfs/src/main/webapps/hdfs/dfshealth.html

<td ng-value="{state}-{name}" class="dfshealth-node-icon dfshealth-node-{state}">{name} ({xferaddr})</td>

Some css is missing when the datanode is going to

hadoop/hadoop-hdfs-project/hadoop-hdfs/src/main/webapps/hdfs/dfshealth.js

          if (n.adminState === "In Service") {
            n.state = "alive";
          } else if (nodes[i].adminState === "Decommission In Progress") {
            n.state = "decommissioning";
          } else if (nodes[i].adminState === "Decommissioned") {
            n.state = "decommissioned";
          } else if (nodes[i].adminState === "Entering Maintenance") {
            n.state = "entering-maintenance";
          } else if (nodes[i].adminState === "In Maintenance") {
            n.state = "in-maintenance";
          }

dfshealth-node-decommissioning, dfshealth-node-entering-maintenance, dfshealth-node-in-maintenance should be added into hadoop.css

Issue Links

• relates to: HDFS-11265 Extend visualization for Maintenance Mode under Datanode tab in the NameNode UI