text: /*<![CDATA[*/
  
  /** Below the javascript/ajax/jquery code to generate and display the switch and its corresponding details*/
  
  /**
   * show switch details when page is loaded or when user is redirected to this
   * page
   */
  $(document).ready(function() {
  
  			var switchname = window.location.href.split("#")[1]			
  			var tmp_anchor = '<a href="/openkilda/topology">'+ 'Topology' + '</a>';
  			$("#topologyId").parent().append(tmp_anchor);			
  			var tmp_anchor_switch = '<a href="details#' + switchname + '">'+ switchname + '</a>';
  			$("#kilda-switch-name").parent().append(tmp_anchor_switch)			
  			var portData = localStorage.getItem("portDetails");
  			
  			if(!portData) {
  				window.location =  APP_CONTEXT+ "/switch";
  			}	
  			var obj = JSON.parse(portData)
  			$("#kilda-port-name").parent().append(obj.port_name)
  			$('body').css('pointer-events', 'all');							
  			showSwitchData(obj);
  			getMetricDetails.getPortMetricData();
  			
  })
  
  /**
   * function to retrieve and show switch details from the switch response json
   * object and display on the html page
   */
  function showSwitchData(obj) {
  	
  
  	$(".graph_div").show();
  	$(".port_details_div_status").html(obj.status);
  	$(".port_details_div_name").html(obj.port_name);
  	$(".switchdetails_div_number").html(obj.port_number);
  	$(".switchdetails_div_interface").html(obj.interface);
  }
  /* ]]> */