<!-- raw -->

<!-------------------style------------------->

<style type='text/css'>

.defaultInfosEtabsDetaille_eole {
    height:100%;
    width: 1465px;
    background-image: url(/assets/markers/fonds/background.png);
    padding:20px;
}

.defaultInfosEtabsDetaille_infos {
    float:left;
    margin-right: 50px;
}

.defaultInfosEtabsDetaille_action {
    text-align: left;
    border-collapse: collapse;
}


.defaultInfosEtabsDetaille_action table {
	width: 700px;
    padding: 5px;
	border-radius: 5px;
    border:1px solid black;
    background-color: lightslategrey;
    
    
}

.defaultInfosEtabsDetaille_infos table {
	padding: 5px;
    width:300px;
	border-radius: 5px;
    background-color: lightslategrey;
    
}

.defaultInfosEtabsDetaille_infos tr {
    background: #b9c9fe;
}
    
.defaultInfosEtabsDetaille_infos td {
	border-radius: 10px;
    padding: 10px;
    border:1px solid black;
	color: #669;
}

.defaultInfosEtabsDetaille_action td {
    padding: 10px;
    background: #b9c9fe;
}

.defaultInfosEtabsDetaille_action tr {
    height: 70px;
}



.defaultInfosEtabsDetaille_eole sup.zephir:hover {
  cursor:pointer;
  color:blue;
}

tr.header td {
	padding: 10px;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.32, rgb(0,161,161)), color-stop(0.66, rgb(23,189,189)) );
    text-align: center;
}

tr.internet td {
 	padding: 10px;
    background-color: rgba(255, 193, 153,0.6);
}

tr.admin td {
 	padding: 10px;
    background-color: rgba(255, 255, 153,0.6);
}

tr.peda td {
    padding: 10px;
    background-color: rgba(153, 255, 153,0.6);
}

tr.dmzpub td {
    padding: 10px;
    background-color: rgba(193, 193, 193,0.6);
}

tr.dmzprive td {
    padding: 10px;
    background-color: rgba(255, 165, 87,0.6);
}


td.zones {
	text-align: right;
    width: 59px;
}

td.amon {
	width: 226px;
}

td.serveur {
	width: 279px;
}

td.defaultInfosEtabsDetaille_action span {
	text-align: center;
}

.defaultInfosEtabsDetaille_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;
}

.defaultInfosEtabsDetaille_action .button_action a {
	color:ivory;
}

.nberreurs {
	display: none;
}

</style>
<!-----------------------url----------------->

<script>

var url=GetZephirUrl();


</script>

<!-------------------contenu----------------->

<div class='defaultInfosEtabsDetaille_eole'>

<!--------------------InfoEtab---------------->
   
   <div class='defaultInfosEtabsDetaille_infos'>
		<table>
            <tbody>
    			<tr>
                	<td>
            			<p><strong>{infosetabs.uaj}</strong></p>
            	
                    
            			<p>{infosetabs.libelle}</p>
                    
                
            			<p>Tel : {infosetabs.tel}<br />
            			   Mail : <a class='mail' href='mailto:{infosetabs.mail}'>{infosetabs.mail}</a>
						</p>
                
                                      
            			<p>
                		{infosetabs.adresse}<br />
                		{infosetabs.cp} {infosetabs.ville}
            			</p>
					</td>
               </tr>			
			</tbody>
		</table>
	</div>
    
<!---------------------Action---------------->   
   
   <div class='defaultInfosEtabsDetaille_action'>
    	<table>	
            <tbody>
        		<tr class='header'>
            		<td style='border-top-left-radius: 5px;'>
                		<strong>Zones</strong>
               		</td>
    				<td class='amon'>
                		<div>
                        <strong>AMON <sup class='zephir'>{AMON.zeph_id}</sup></strong>
                    	</div>
  					</td>                  
                	<td class='serveur'style='border-top-right-radius: 5px;'>
                		<strong>Serveurs</strong>
                	</td>
                </tr>
                <tr class='internet'>
                    <td class='zones'>
                        <span>Internet</span>
                    </td>
                                                
                    <td class='amon'>
                        <span><strong>ETH0</strong></span>
                        <span>    {AMON.conf_adresse_ip_eth0}  </span>
                    </td>
                    <td class='serveur'>
                    </td>
                </tr>
                <tr class='admin'>
                    <td class='zones'>
                        <span>Administratif</span>
                    </td>
                    <td class='amon'>
                        <span><strong>ETH1</strong></span>
                        <span>    {AMON.conf_adresse_ip_eth1}  </span>
                        <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>
                    <td class='serveur'>
                        <span><strong>HORUS</strong></span>
                        <strong style='text-align: center; background-color: '><sup class='zephir'>{HORUS.zeph_id}</sup></strong>
                        <span>    {HORUS.conf_adresse_ip_eth0}  </span>
                        <div class='nberreurs' valeur='{HORUS:nberreurs}'>
                         
                        </div>

                        <div class='button_action'>
                        <span>
                        <a class='putty' extra='_HORUS_{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> 
                        </span>
                        </div>
                        <span style='text-align: center; background-color: rgb(255, 255, 153);'> </span>
                    </td>
                </tr>
                <tr class='peda'>
                    <td class='zones'>
                        <span>Pédagogique</span>
                    </td>
                    <td class='amon'>
                        <span><strong>ETH2</strong></span>
                        <span>    {AMON.conf_adresse_ip_eth2}  </span>
                        <div class='nberreurs' valeur='{AMON:nberreurs}'>
                         
                        </div>
                        <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>
                    <td class='serveur'>
                        <span><strong>SCRIBE</strong></span><sup class='zephir'><strong style='text-align: center; '>{SCRIBE.zeph_id}</strong></sup><span style='text-align: center;'>    {SCRIBE.conf_adresse_ip_eth0}  </span>
                        <div class='nberreurs' valeur='{SCRIBE:nberreurs}'>
                         
                        </div>

                        <div class='button_action'>
                        <span>
                        <a class='putty' extra='_SCRIBE_{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> 
                        </span>
                        </div>
                    </td>
                </tr>
                <tr class='dmzpub'>
                    <td class='zones'>
                        <span>DMZ-publique</span>
                    </td>
                    <td class='amon'>
                        ETH3  {AMON.conf_adresse_ip_eth3}
                    </td>
                    <td class='serveur'>
                         
                    </td>
                </tr>
                <tr class='dmzprive'>
                    <td style='width: 59px; text-align: right;'>
                        <span>DMZ-privée</span>
                    </td>
                    <td class='amon'>
                        ETH4  {AMON.conf_adresse_ip_eth4}
                    </td>
                    <td class='serveur'>
                         
                    </td>
                </tr>
            </tbody>
		</table>
	</div>
</div>

<!--------------------script----------------->

<script>

$('.defaultInfosEtabsDetaille_eole sup.zephir').click(function()
{
  valeur=$(this).text();
  window.open(url+'/serveur/etat?id='+valeur);
});

$('.defaultInfosEtabsDetaille_eole a.ping').click(function()
{
   host=$(this).attr('ip');
   profil=$(this).attr('profil');
   ActionSentinelle('ping',{host:host,profile:profil});
   console.log('host='+host+'- profil ='+profil);
});
  
$('.defaultInfosEtabsDetaille_eole a.ead').click(function()
{
   host=$(this).attr('ip');
   window.open('https://'+host+':4200');
});

$('.defaultInfosEtabsDetaille_eole 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>

