{********************************************************* 
@author:Julien George
@ email: j.george@esia-sa.com
**********************************************************} 
{include file='overall_header.html'}
<script type="text/javascript" src="/libs/jqplot/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="/libs/jqplot/plugins/jqplot.pieRenderer.min.js"></script>

<link rel="stylesheet" type="text/css" href="/libs/jqplot/jquery.jqplot.css" />

<script type="text/javascript" src="/libs/esia/jqplot.esia.pie.js"></script>
<script type="text/javascript" src="/libs/esia/jquery.esia.bar.js"></script>
<link rel="stylesheet" href="/libs/esia/jquery.esia.bar.min.css"/>

{literal}
<style type="text/css">
	@media all and (max-width: 1024px)
	{
		#server_info_tab
	    {
		display: none;
	    }

	}
</style>
{/literal}

<style type="text/css">
	@media all and (max-width: 1024px)
	{
		#server_info_tab
	    {
		display: none;
	    }

	}
	 .ui-progressbar {
	position: relative;
	}
	.progress-label {
	position: absolute;
	left: 50%;
	top: 4px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
	} 
</style>
<div id="messages"></div>
{include file='overall_node_control_header.html' node=$node status=$node_status idListService='ListService' jsCloseDialog='reload_active_tabs'}
	<div id="tabs" style="float:left;height:100%; width:99%;margin:1px;">
		<ul>
		    <li class="node-state"><a href="/plugin/server/srv_control.php?server={$srv_control_id}&amp;action=servicestate" class="menutabs">
		    	{$l_show_service}</a>
		    </li>
			{include file='overall_node_control_header.html' node=$node default_tab='on'}
		    <li class="node-hardware small800">
		    <a href="/plugin/server/srv_control.php?server={$srv_control_id}&amp;action=hardware" class="menutabs">	
				{$l_hardware}
			</a>
			</li>
			<li class="node-software small800">
			 <a href="/plugin/server/srv_control.php?server={$srv_control_id}&amp;action=software" class="menutabs">		
				{$l_software}
			</a>
		    </li>
		    {if $show_unity_tab}
		    <li class="node-unity small800">
			    <a href="/unity-list.php?server_id={$srv_control_id}" class="menutabs">		
				    {$lang.UNITY_LIST}
			    </a>
		    </li>
		    {/if}
		</ul>
	</div>
{include file='overall_node_control_footer.html'}  
<script type="text/javascript">
/* <![CDATA[ */ {literal}

  $(function() {
    $( "#tabs" ).tabs({
    	heightStyle: "content",
      beforeLoad: function( event, ui ) {
	      	$('.overlay').show();
	      	$('#loadingGif').show();
			return true;
        ui.jqXHR.error(function() {
          ui.panel.html(
            "Couldn't load this tab. We'll try to fix this as soon as possible. " +
            "If this wouldn't be a demo." );
	      	$('.overlay').hide();
	      	$('#loadingGif').hide();
        });
      },
      load: function (event, ui){
	      	$('.overlay').hide();
	      	$('#loadingGif').hide();
			if(ui.panel.find("#page_login_detect").length > 0) location.reload();
		},
    });
  });
	function reload_active_tabs()
  	{
  		var current_index = $("#tabs").tabs("option","active");
  		$("#tabs").tabs('load',current_index);
  	}
    {/literal} 
  </script>

<p class="footer hideDEV">{$l_srv_page_exe} {$execute_time}{$l_srv_page_exe_time}.</p>


{include file='overall_footer.html'}