{********************************************************* 
@ author: Julien George
@ email: j.george@esia-sa.com
**********************************************************} 
{include file='overall_header.html'}
<script src="/libs/tablesorter/js/parsers/parser-input-select.min.js"></script>
<script type="text/javascript" src='js/common.js'></script>
<script type="text/javascript" src='js/hostlist.js'></script>
<link rel="stylesheet" type="text/css" href="css/hostlist.css">

{if $seeTutos == 5}
		<script>
			$(document).ready(function(){
			{literal}
				setTimeout(function(){
					$('.groupedActionImport').attr("data-step",1).attr("data-intro","{/literal}{$lang.HELP_SCAN_RESULT_FILTERS}{literal}").attr('data-position',"bottom");
					$('.nodeDetected .aNode:first-child').attr("data-step",2).attr("data-intro","{/literal}{$lang.HELP_SCAN_RESULT_A_NODE}{literal}").attr('data-position',"right");
					$('.nodeDetected .aNode:first-child .showParam').attr("data-step",3).attr("data-intro","{/literal}{$lang.HELP_SCAN_RESULT_A_NODE_PARAMETER}{literal}").attr('data-position',"right");
					$('#add-nodes-button').attr("data-step",4).attr("data-intro","{/literal}{$lang.HELP_SCAN_RESULT_SEND}{literal}").attr('data-position',"top");

					introJs().setOption('showProgress', true).onexit(function() {
							  $.get( "/tutos.php?id=5" )
								.done(function( data ) 
								{

								});
						}).start();
				}, 1500);

			{/literal}
			});
		</script>
	{/if}

<div id="gesa_sn" data-value="{$gesa_sn}"></div>

<div id="messages">
{if isset($success_message)}
	<div class="ui-state-active ui-corner-all"><p><span class="ui-icon ui-icon-info"></span>{$success_message}</p></div>
{/if}

{foreach from=$error_messages item=message}
	<div class="ui-state-error ui-corner-all"><p><span class="ui-icon ui-icon-alert"></span>{$message}</p></div>
{/foreach}
</div>
<style>
@media screen and (min-width: 70em) {
	   .my-custom-class th.ui-table-priority-1,
	   .my-custom-class td.ui-table-priority-1 {
	     display: table-cell;
	   }
	}
	/* Show priority 2 at 480px (30em x 16px) */
	@media screen and (min-width: 80em) {
	   .my-custom-class  th.ui-table-priority-2,
	   .my-custom-class td.ui-table-priority-2 {
	     display: table-cell;
	   }
	}
		/* Show priority 2 at 480px (30em x 16px) */
	@media screen and (min-width: 90em) {
	   .my-custom-class  th.ui-table-priority-3,
	   .my-custom-class td.ui-table-priority-3 {
	     display: table-cell;
	   }
	}
		/* Show priority 2 at 480px (30em x 16px) */
	@media screen and (min-width: 100em) {
	   .my-custom-class  th.ui-table-priority-4,
	   .my-custom-class td.ui-table-priority-4 {
	     display: table-cell;
	   }
	}
		/* Show priority 2 at 480px (30em x 16px) */
	@media screen and (min-width: 110em) {
	   .my-custom-class  th.ui-table-priority-5,
	   .my-custom-class td.ui-table-priority-5 {
	     display: table-cell;
	   }
	}
	/* Show priority 2 at 480px (30em x 16px) */
	@media screen and (min-width: 120em) {
	   .my-custom-class  th.ui-data-priority-6,
	   .my-custom-class td.ui-data-priority-6 {
	     display: table-cell;
	   }
	}
	.my-custom-class th.ui-table-cell-hidden,
	.my-custom-class td.ui-table-cell-hidden {
	  display: none;
	}

	/* Manually shown */
	.my-custom-class th.ui-table-cell-visible,
	.my-custom-class td.ui-table-cell-visible {
	   display: table-cell;
	}
</style>
{if isset($data_array[0])}
<div class="tableview_title spaceTop">
	<h1>{$lang.ACTION_GROUPED}</h1>
</div>
<div class="tableview padMore">
	<div id="all_body" class="groupedActionImport">
		<div class="infoHelp">
			<p>{$lang.IMPORT_HELP_GROUPED_ACTIONS}</p>
		</div>
		<div class="grp-actions-container">
		{foreach $header_array key=col item=data}
			{if isset($header_array.$col.propageconfig) && $header_array.$col.propageconfig}
			<div class="grp-action th-{$col}" data-autocomplete="{$header_array.$col.values|escape:'html'}">
			
				<div>
				{if $col == "group"}
					<a title="{$lang.ADM_NODE_GROUP_ADD}" href="/administration.php?admin=nodegroups&action=create" 
								onclick="Adm.openDialog(this,'{$lang.ADM_NODE_GROUP_ADD}',reloadchosen); return false;" >
								<img class="btn_img" src="/theme/default/images/add-group-thin2.png" alt="add node"/>
					</a>
				{/if}
					<label for="param-grp-{$k}-{$col}">{$lang.IMPORT_HOSTS_TABLE.$col}</label>
				</div>
				
				{if $header_array.$col.type=='encode'}
				<input id="param-grp-{$k}-{$col}" name='{$col}' type='text'>
				{elseif $header_array.$col.type=='choose'}
				<select id="param-grp-{$k}-{$col}" class="chosen" name='{$col}' {if ($header_array.$col.multiple)}multiple="multiple"{/if} {if ($header_array.$col.placeholder)}data-placeholder="{$header_array.$col.placeholder}"{/if}>
					{foreach $header_array.$col.values item=value}
						{if $cell == $value}
							<option selected>{$value}</option>
						{else}
							<option>{$value}</option>
						{/if}
					{/foreach}
				</select>
				{elseif $header_array.$col.type=='multiselect'}
					<input id="param-grp-{$k}-{$col}" name='{$col}' type='text' class="td-multiselect-input" data-th-col="{$col}">
				{/if}
			</div>
			{/if}
		{/foreach}
		</div>
		<div class="clear"></div>
	</div>
</div>



<div class="tableview_title spaceTop">
	<h1>{$lang.IMPORT_SCAN_DETECTED_NODES}</h1>
</div>
<div class="tableview">
	<div class="filters">
		<span class="titleSelect">
			{$lang.IMPORT_SELECT_TITLE}
		</span>
		<ul>
			<li class="selectAll">{$lang.IMPORT_SELECT_ALL}</li>
			<li class="unselectAll">{$lang.IMPORT_UNSELECT_ALL}</li>
			<li class="showNew">{$lang.IMPORT_SELECT_NEW}</li>
			<li class="selectType"><span>{$lang.IMPORT_SELECT_TYPE}</span></li>
			<li class="selectSnmp"><span>{$lang.IMPORT_HOSTS_TABLE.snmp_status} : </span></li>
			<li class="selectIp"><span>{$lang.IMPORT_SELECT_BY_IP} : </span> <input type="text" id="lookForIP" placeholder="IP"></li>
		</ul>
	</div>
	<div class="nodeDetected" data-taskid={$taskid}>
	{foreach $data_array item=row name=row key=k}
		<div class="aNode">
			<div class="contentNode">
				<div class="leftNode">
					<input name='checkbox' type="checkbox" class="myCheck" value="">
					
				</div>
				<div class="rightNode">
				{foreach $row key=col item=cell}
					{if $header_array.$col.type=='read-only'}
						{if $col == "same_addr"}
							<span class="sameAddr">	
							{if $cell == "0"}
								<img src="/theme/default/images/ok-thin.png" title="{$lang.IMPORT_HOSTS_TABLE.same_addr_no}" />
								
							{else}
								<img src="/theme/default/images/ko-thin.png" title="{$lang.IMPORT_HOSTS_TABLE.same_addr_yes}" />
							{/if}</span>
							<span class="sameAddrVerif">{$cell}</span>
							<input name='{$col}' type='hidden' value='{$cell}'><br />
						{/if}
						{if $col == "http_url"}
							<div class="optionPanel">
								<ul>						
									<li><p><span class="rescan_node"  title="{$lang.IMPORT_RESCAN}"><img width="19" height="19" src="/theme/default/images/reloadScan.png" /></span></p></li>
									{if $cell != ""}
									<li><p><a href="{$cell}" target="_blank" title="{$lang.IMPORT_HTTP_INTERFACE}"><img width="19" height="19" src="/theme/default/images/http.png" /></a></p></li>
									{/if}
								</ul>
							</div>
						{/if}
						{if $col == "snmp_status"}
							<div class="txtInfosNode">
							<span class="snmpStat">
							{if !empty($row.community)}
								<img src="/theme/default/images/snmp.png" title="{$cell}" />
							{else}							
								{if $cell == $lang.IMPORT_HOSTS_PORT_STATUS.unknown}
									<img src="/theme/default/images/snmp-unknown.png" title="{$cell}" />
								{else if $cell == $lang.IMPORT_HOSTS_PORT_STATUS.filtered}
									<img src="/theme/default/images/snmp-filtered.png" title="{$cell}" />
								{else if $cell == $lang.IMPORT_HOSTS_PORT_STATUS.open}
									<img src="/theme/default/images/snmp.png" title="{$cell}" />
								{else if $cell == $lang.IMPORT_HOSTS_PORT_STATUS.closed}
									<img src="/theme/default/images/snmp-closed.png" title="{$cell}" />
								{else if $cell == $lang.IMPORT_HOSTS_PORT_STATUS.unfiltered}
									<img src="/theme/default/images/snmp.png" title="{$cell}" />
								{else if $cell == $lang.IMPORT_HOSTS_PORT_STATUS.open_filtered }
									<img src="/theme/default/images/snmp-blocked.png" title="{$cell}" />
								{else if $cell == $lang.IMPORT_HOSTS_PORT_STATUS.closed_filtered}
									<img src="/theme/default/images/snmp-closed.png" title="{$cell}" />
								{/if}	
							{/if}
							</span>
							<span class="snmpHideStatus">{$cell}</span>
							<input name='{$col}' type='hidden' value='{$cell}'>
						{/if}
						{if $col == "address"}
							<span class="title">{$lang.IMPORT_HOSTS_TABLE.$col} : </span><span class="address"> {$cell}</span>
							<input name='{$col}' type='hidden' value='{$cell}'>
						{/if}
						{if $col == "mac"}
							{if $cell.mac !=""}
								<span class="title"> 
									{if !$cell.vendor}
										{$lang.IMPORT_HOSTS_TABLE.$col} :
									{/if}
								</span>
								<span class="address">
									{if $cell.vendor}
										{$cell.vendor} <a href="#" title="{$cell.mac} {$lang.IMPORT_CLICK_TO_COPY_MAC}" class="copyClip"><img  src="/theme/default/images/mac-info.png" /></a>
										<input name='{$col}' id="selMac" type='hidden' value='{$cell.mac}' />
									{else}
										{$cell.mac}
									{/if}
								</span>
							{/if}
							<input name='{$col}' type='hidden' value='{$cell.mac}'><br />
						{/if}
						{if $col == "hostname"}
							{if $cell!=""}<span class="title"> {$lang.IMPORT_HOSTS_TABLE.$col} : </span><span class="address"> {$cell}</span>{/if}
							<input name='{$col}' type='hidden' value='{$cell}'><br />
							<span class="showParam">{$lang.IMPORT_HOSTS_TABLE.show_param}</span>

							</div>
							</div>
							<div class="clear"></div>

						</div>
						{/if}
					{elseif $header_array.$col.type=='encode'}
						{if $col == "name"}
							<div class="parameterNode">
						{/if}
						<div class="parameterNodeParam">
							<label for="param-{$k}-{$col}">{$lang.IMPORT_HOSTS_TABLE.$col}</label>
						{if is_array($cell) && $cell.mode == 'invalid' }
							<input id="param-{$k}-{$col}" name='{$col}' type='text' value='{$cell.value}' class='invalid-input' data-origin='{$cell.value}'>
						{else}
							<input id="param-{$k}-{$col}" name='{$col}' type='text' value='{$cell}'>						
						{/if}						
						</div>
						{if $col == "pattern"}
							</div>
						{/if}
					{elseif $header_array.$col.type=='choose'}
						<div class="parameterNodeParam">
							{if $col == "rdp"}
								<label for="software{$k}">{$lang.IMPORT_HOSTS_TABLE.$col}</label>
 								<a id="software_a" class="software-help" href="http://wiki.esia-sa.com/index.php/Teamviewer_/_Logmein" title="{$lang.MORE_INFORMATION}" target="_blank">
									<img id="software_img" class="btn_img" src="/theme/default/images/import-faq.png"/>
								</a>															
														
								<select id="software{$k}" class="chosen" name='{$col}' onchange='checkRdpSoftware(software{$k},RdpSoftwareId{$k},{$k});'>
								{foreach $header_array.$col.values item=value}
									{if $cell == $value}
										<option selected>{$value}</option>
									{else}
										<option>{$value}</option>
									{/if}
								{/foreach}
								</select>								
								<div id="RdpSoftwareId{$k}" class="rdp-softwareid">
									<label for="inputidrdp{$k}"><span id="textspan{$k}" style="visibility:hidden">{$lang.RDP_ID}</span></label>
									<a id="linksoftware{$k}" href="http://http://wiki.esia-sa.com/index.php/Teamviewer_/_Logmein" onclick="verifyInput(inputidrdp{$k},software{$k},{$k});" title="{$lang.RDP_NOW}" target="_blank">
										<img id="imglinksoftware{$k}" class="btn_img" src="/theme/default/images/teamviewer2.png"/>
									</a>
									<input id="inputidrdp{$k}" name="inputidrdp{$k}" type="text" value="">														
								</div>						
							{else}
								<label for="param-{$k}-{$col}">{$lang.IMPORT_HOSTS_TABLE.$col}</label>
								<select id="param-{$k}-{$col}" class="chosen" name='{$col}' {if ($header_array.$col.multiple)}multiple="multiple"{/if} {if ($header_array.$col.placeholder)}data-placeholder="{$header_array.$col.placeholder}"{/if}>
								{foreach $header_array.$col.values item=value}
									{if $cell == $value}
										<option selected>{$value}</option>
									{else}
										<option>{$value}</option>
									{/if}
								{/foreach}
								</select>
							{/if}
						</div>
					{elseif $header_array.$col.type=='multiselect'}
						<div class="parameterNodeParam">
							<label for="param-{$k}-{$col}">{$lang.IMPORT_HOSTS_TABLE.$col}</label>
							<input id="param-{$k}-{$col}" name="{$col}" type='text' class="td-multiselect-input" data-th-col="{$col}" value="{$cell}">
						</div>
					{elseif $header_array.$col.type=='img'}
						<div class="headNode">
							<div class="imgTypeNode">
								{if isset($cell.img)}
									<img src="{$cell.img}" title="{$cell.text}">
								{/if}
								<span>{$cell.text}</span>
							</div>
					{else}
						{$cell}
					{/if}	
				{/foreach}
					
				</div>
				<div class="clear"></div>
			<div class="theLoader">
				<div class="load">
					<span class="loadThin"></span>
				</div>
			</div>
				<script type="text/javascript">
					var soft = document.getElementById("software{$k}");
					var idsoft = document.getElementById("RdpSoftwareId{$k}");
					var input = {$k};
					checkRdpSoftware(soft,idsoft,input);			
			
					function checkRdpSoftware(software,rdpsoftwareid,input)
					{
						if(software.value=="none")
						{										
							rdpsoftwareid.style.visibility = "hidden";
							rdpsoftwareid.style.height = "0";
							document.getElementById("textspan"+input).style.visibility = "hidden";
							document.getElementById("textspan"+input).style.height = "0";
						}
						else
						{						
							rdpsoftwareid.style.visibility = "visible";
							rdpsoftwareid.style.height = "auto";
							document.getElementById("textspan"+input).style.visibility = "visible";
							document.getElementById("textspan"+input).style.height = "auto";
							$("#inputidrdp"+input).val("");
							if(software.value=="teamviewer")
							{	
								if("{$os}" == 'Linux')
								{
									$("#textspan"+input).html("{$lang.RDP_ID}");
									$("#linksoftware"+input).attr("title","{$lang.RDP_UNAVAILABLE_LINUX}");
									$("#linksoftware"+input).removeAttr("href");
									$("#imglinksoftware"+input).attr("src","/theme/default/images/teamviewer2_disabled.png");
								}
								else
								{
									$("#textspan"+input).html("{$lang.RDP_ID}");
									$("#imglinksoftware"+input).attr("src","/theme/default/images/teamviewer2.png");	
								}
							}							
							else if(software.value=="logmein")
							{												
								$("#textspan"+input).html("{$lang.ADM_GRAPHIC_URL}");
								$("#imglinksoftware"+input).attr("src","/theme/default/images/logmein2.png");
							}
						}
					}			
					
					function verifyInput(inputidrdp,software,id)
					{				
						if(inputidrdp.value==null || inputidrdp.value=="")
						{
							event.preventDefault();
							inputidrdp.style="border:1px solid red";						
						}
						else
						{
							inputidrdp.style="";
							if(software.value=="teamviewer")
							{
								if("{$os}" !== 'Linux')
								{
									$("#linksoftware"+id).attr("href","https://start.teamviewer.com/"+inputidrdp.value+"/");
								}
							}
							else if(software.value=="logmein")
							{
								$("#linksoftware"+id).attr("href",inputidrdp.value);
							}
						}						
					}
				</script>		
			</div>
		</div>
	{/foreach}
	</div>
	<div class="clear"></div>
</div>
<button id="add-nodes-button" disabled>{$lang.IMPORT_HOSTS_ADD_NODES_BUTTON}</button>






{/if}

<div id="dialog" title="{$lang.IMPORT_HOSTS_NODES_ADD_RESULTS}"></div>
{include file='overall_footer.html'}