<!-- raw -->
<!-----------------------Style--------------------------->

<style type='text/css'>

.defaultInfosEtabsLateral_action{
		background-color:rgba(255,255,255,0); 
 		/* height:100px;*/
        /*padding:10px;
        border-radius:5px;
        padding-left:20px;*/
    }
  
.defaultInfosEtabsLateral_action .serveur {
     border-radius: 5px;
    /* padding-left:5px;*/
    padding-top:10px;
    margin-bottom:10px;
   }

.defaultInfosEtabsLateral_action .serveur:before {
     width:24px;
    height:24px;
    content: '.'; 
    display:inline-block;
    position: relative;
    background-size:contain;
    top:-15px;
    left:-15px; 
    background-repeat:no-repeat;
   }
   
.defaultInfosEtabsLateral_action .amon {
            background-color:rgba(255,200,200,0.5);
   }
.defaultInfosEtabsLateral_action .admin {
            background-color:rgba(255,213,110,0.5);
   }
.defaultInfosEtabsLateral_action .peda {
            background-color:rgba(200,255,200,0.5);
   }

  
.defaultInfosEtabsLateral_action .amon:before {
  background-image: url(/assets/markers//blueberry/tag_red.png);
   }
        
.defaultInfosEtabsLateral_action .admin:before {
    background-image: url(/assets/markers//blueberry/tag_yellow.png);
   }
  
.defaultInfosEtabsLateral_action .peda:before {
    background-image: url(/assets/markers//blueberry/tag_green.png);
   }

.defaultInfosEtabsLateral_action .button_action {
	padding:5px;
	background: -moz-linear-gradient(
		top,
		#4262ff 0%,
		#19167a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#4262ff),
		to(#19167a)); 
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 5px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 3px rgba(255,255,255,1);
    float:right;
}

.defaultInfosEtabsLateral_action .button_action a {
	color:ivory;
}

</style>

<!---------------------Contenu---------------------------->

<div style='width:320px;' class='defaultInfosEtabsLateral_action'>

<div>
<table>
	<include ref='defaultInfosEtabsLateral'/>
</table>
</div>

<div class='amon serveur' style='vertical-align:top;'>
<table style='margin-top:-20px;width:100%'>
<tbody>
    <tr>
    <th>
             Amon<strong style='text-align: center; background-color: '><sup class='zephir'>{AMON.zeph_id}</sup></strong>
	</th>   
   </tr>
    <tr>
       <th>
            via Eth0 (<span style='font-size:9px;'>{AMON.conf_adresse_ip_eth0})</span><br />
        </th>
        <td>
            <div class='button_action'>
            <a class='putty' extra='_ETH0_{infosetabs.libelle}' href='#' ip='{AMON.conf_adresse_ip_eth0}' profil='AMON'>Putty</a> 
            | <a class='ping' href='#' ip='{AMON.conf_adresse_ip_eth0}' profil='AMON'>Ping</a>
            | <a class='ead' href='#' ip='{AMON.conf_adresse_ip_eth0}' profil='AMON'>EAD</a>
            </div>
        </td>
    </tr>
    <tr>
        <th>
            via Eth1 (<span style='font-size:9px;'>{AMON.conf_adresse_ip_eth1})</span><br />
        </th>
        <td>
            <div class='button_action'>
            <a class='putty' extra='_ETH1_{infosetabs.libelle}' href='#' ip='{AMON.conf_adresse_ip_eth1}' profil='AMON'>Putty</a> 
            | <a class='ping' href='#' ip='{AMON.conf_adresse_ip_eth1}' profil='AMON'>Ping</a> 
            | <a class='ead' href='#' ip='{AMON.conf_adresse_ip_eth1}' profil='AMON'>EAD</a>
            </div>
        </td>
    </tr>
     <tr>
        <th>
            via Eth2 (<span style='font-size:9px;'>{AMON.conf_adresse_ip_eth2})</span><br />
        </th>
        <td>
            <div class='button_action'>
            <a class='putty' extra='_ETH2_{infosetabs.libelle}' href='#' ip='{AMON.conf_adresse_ip_eth2}' profil='AMON' >Putty</a> 
            | <a class='ping' href='#' ip='{AMON.conf_adresse_ip_eth2}' profil='AMON'>Ping</a> 
            | <a class='ead' href='#' ip='{AMON.conf_adresse_ip_eth2}' profil='AMON'>EAD</a>
            </div>
        </td>
    </tr>
</tbody>
</table>
<errors serveurs='AMON,connexion'></errors>
</div>

<div class='admin serveur' style='vertical-align:top;'>
<table style='margin-top:-20px;width:100%'>
<tbody>
    <tr>
        <th>
            Horus<strong style='text-align: center; background-color: '><sup class='zephir'>{HORUS.zeph_id}</sup></strong>
        </th>
    </tr>
    <tr>
         <th>
            via Eth0 (<span style='font-size:9px;'>{HORUS.conf_adresse_ip_eth0})</span><br />
        </th>
        <td>
            <div class='button_action'>
            <a class='putty' extra='{infosetabs.libelle}' href='#' ip='{HORUS.conf_adresse_ip_eth0}' profil='HORUS'>Putty</a> 
            | <a class='ping' href='#' ip='{HORUS.conf_adresse_ip_eth0}' profil='HORUS'>Ping</a> 
            | <a class='ead' href='#' ip='{HORUS.conf_adresse_ip_eth0}' profil='HORUS'>EAD</a>
            </div>
        </td>
    </tr>
</tbody>
</table>
<errors serveurs='HORUS'></errors>
</div>

<div class='peda serveur' style='vertical-align:top;'>
<table style='margin-top:-20px;width:100%'>
<tbody>
    <tr>
        <th>
            Scribe<strong style='text-align: center; background-color: '><sup class='zephir'>{SCRIBE.zeph_id}</sup></strong>
        </th>
    </tr>
    <tr>
         <th>
            via Eth0 (<span style='font-size:9px;'>{SCRIBE.conf_adresse_ip_eth0})</span><br />
        </th>
        <td>
            <div class='button_action'>
            <a class='putty' extra='{infosetabs.libelle}' href='#' ip='{SCRIBE.conf_adresse_ip_eth0}' profil='SCRIBE'>Putty</a>
            | <a class='ping' href='#' ip='{SCRIBE.conf_adresse_ip_eth0}' profil='SCRIBE'>Ping</a>
            | <a class='ead' href='#' ip='{SCRIBE.conf_adresse_ip_eth0}' profil='SCRIBE'>EAD</a>
            </div>
        </td>
    </tr>
</tbody>
</table>
<errors serveurs='SCRIBE'></errors>
</div>
</div>

<script>

$('.defaultInfosEtabsLateral_action a.ping').click(function()
{
   host=$(this).attr('ip');
   profil=$(this).attr('profil');
   ActionSentinelle('ping',{host:host,profile:profil});
   console.log(h);
});


$('.defaultInfosEtabsLateral_action a.ead').click(function()
{
   host=$(this).attr('ip');
   window.open('https://'+host+':4200');
});


$('.defaultInfosEtabsLateral_action a.putty').click(function()
{
  host=$(this).attr('ip');
  profil=$(this).attr('profil');
  extra=$(this).attr('extra');
  serveur=profil.toLowerCase();
  nom=profil+extra;
  nom=nom.replace(/ /g,'_');
  ActionSentinelle('putty',{host:host,profile:profil,nom:nom,user:'root',port:22});
});
</script>
