{include file='overall_adm_iframe.html'}

<script type="text/javascript">
{literal}
function reloadSelectGroup()
{
	let groupid = $('#nodegroup').val();
    $.ajax({url:'/administration.php?admin=nodegroups&action=list&type=json',
        type : 'POST',
        data : { groupid: JSON.stringify(groupid)},
        dataType: 'json'
    }).done(function(data)
    {
        	eui_sselect['nodegroup'].setData(data);
    });
}
function changeSnmVersion()
{
    //si on cache tout
    if($('#snmpversion option:selected').val()=='0')
    {
        $('#snmpv2_line').hide();
        $('#snmp_port').hide();
        $('#snmpv2_timeout').hide();
        $('#snmpv3_sec_line').hide();
        $('#snmpv3_auth_line').hide();
        $('#snmpv3_priv_line').hide();
        $('#snmp3_seclvl_line').hide();
        $('#snmp3_keypriv_line').hide();
        $('#snmp3_privprot_line').hide();
    }
    else if($('#snmpversion option:selected').val()!='3')
    {
        $('#snmpv2_line').css( 'display', 'inline-block' );
        $('#snmpv2_timeout').css( 'display', 'inline-block' );
        $('#snmp_port').css( 'display', 'inline-block' );
        $('#snmpv3_sec_line').hide();
        $('#snmpv3_auth_line').hide();
        $('#snmpv3_priv_line').hide();
        $('#snmp3_seclvl_line').hide();
        $('#snmp3_keypriv_line').hide();
        $('#snmp3_privprot_line').hide();
    }
    else
    {
        $('#snmpv2_line').hide();
        $('#snmpv2_timeout').css( 'display', 'inline-block' );
        $('#snmpv3_sec_line').css( 'display', 'inline-block' );
        $('#snmpv3_auth_line').css( 'display', 'inline-block' );
        $('#snmpv3_priv_line').css( 'display', 'inline-block' );
        $('#snmp3_seclvl_line').css( 'display', 'inline-block' );
        change_snmpv3SecurityLvl();
    }
}
function change_snmpv3SecurityLvl()
{
	if($('#snmp3_seclvl option:selected').val()!='authPriv')
    {
        $('#snmp3_keypriv_line').hide();
        $('#snmp3_privprot_line').hide();
    }
    else
    {
        $('#snmp3_keypriv_line').show();
        $('#snmp3_privprot_line').show();
    }
}
function change_nodeType()
{
	if($('#nodetype option:selected').val() =='gesa')
	{
		$('#gesa').prop( "disabled", true ).trigger("chosen:updated");
	}
	else
	{
		$('#gesa').prop( "disabled", false ).trigger("chosen:updated");
	}
}
{/literal}
</script>
{if $adm_node_action == 'listNode'}
    <script type="text/javascript" src="/theme/default/inc/common_ts.js"></script>
    <script type="text/javascript">
    {literal}
       	$(document).ready(function(){
	        ajax_tablesorter('#adm_nodeTable','inc/admin_devices.json.php');
        } );
    {/literal}
    </script>
    <link href="/theme/default/inc/common_ts.css" rel="stylesheet" />
    <style>
	    #nodeTable tbody tr td:nth-child(6){
		    text-align:center;
	    }
	    #nodeTable tbody tr td:nth-child(7){
		    white-space:nowrap;
		    text-align:center;
		     width: 100px;
	    }
        .adminTabs.nodeClone img
        {
            width: 25px;
			margin: -1.5px;
        }
    </style>
    <div class="tableview" style="width:100%; clear:both;">
	    <div class="tableview_title">
		    <h1>{$lang.SEARCH_NODE}</h1>
            {esia_pager divid="nodepager"
					    tablesorterid="adm_nodeTable"
					    divcss="pager"
					    height="22px"
					    ulclass="triList"
					    liclass="triElement"
					    langprint="{$lang.ADM_PRINT_BOARD}"
					    langcolumn="{$lang.ADM_SHOW_HIDDEN_COLUMN}"
					    icn_printer="/theme/default/images/table-print.jpg"
					    icn_column="/theme/default/images/table-change-order.jpg"
					    icn_columnselect="/theme/default/images/table-change-order.jpg"}
                <a title="{$lang.ADM_NODE_ADD}" href="/administration.php?admin=device&amp;action=create"
                    onclick="Adm.openDialog(this,'{$lang.ADM_NODE_ADD}',reload_active_tabs); return false;" style="margin-right:5px;margin-left:5px;">
                    <img class="btn_img" src="/theme/default/images/adm-add-node2.png" alt="add node">
                </a>
		    {/esia_pager}
        </div>
    </div>
    <table id="adm_nodeTable" class="tab">
        <thead>
            <tr>
              <th>{$lang.ADM_NAME}</th> <!-- thead text will be updated from the JSON; make sure the number of columns matches the JSON data -->
              <th>{$lang.ADM_GRP}</th>
              <th>{$lang.ADM_NODE_TYPE}</th>
              <th>{$lang.ADM_ADDR_IP}</th>
              <th>{$lang.ADM_DESCRIPTION}</th>
              <th>{$lang.ADM_NODE_SERVICE}</th>
              <th class="sorter-false filter-false">{$lang.ACTION}</th>
            </tr>
        </thead>
        <tbody> <!-- tbody will be loaded via JSON -->
        </tbody>
    </table>
{else}
    {if $adm_node_action == 'create' || $adm_node_action == 'modif'}
        {*menu d'ajout ou de modification*}
        <form id="f_add_device" class="popupForm" method="post" action="/administration.php?admin=device&amp;action=treat_create">
             {*Partie Information générale*}
            <div class="tableview_title">
                <h1>{$lang.ABOUT_GENERAL_INFORMATION}</h1>
            </div>
            <fieldset>
                <div>{*Nom du noeud*}
                    <label for="name">{$lang.ADM_NAME}</label>
                    <input type="text" id="name" name="name" maxlength=150 value="{$adm_node_name}" required />
                </div>
                <div>{*Type du noeud*}
                <label for="nodetype">{$lang.ADM_NODE_TYPE}</label>
                {eui_forms_select name='type' id='nodetype' value=$adm_type_list selected=$adm_node_type onchange="change_nodeType()"}
                </div>
				<div>{*Groupe du noeud du noeud*}
                    <label>{*lien permettant d'ouvrir un nouvelle fenêtre*}
                        <a title="{$lang.ADM_NODE_GROUP_ADD}" href="/administration.php?admin=nodegroups&action=create"
                                onclick="Adm.openDialog(this,'{$lang.ADM_NODE_GROUP_ADD}',reloadSelectGroup,'nodegroup_dialog',500,350,'notReloadWindow'); return false;" >
						    <img class="btn_img" src="/theme/default/images/add-group-thin2.png" alt="add node"/>
                        </a>
                        {$lang.ADM_GRP}
                    </label>
                    {eui_forms_selectGroups name='nodegroup[]' id='nodegroup'  selected=$adm_dev_list_group label_group=""}
                </div>
                <div>{*Adresse IP du noeud*}
                    <label for="ip">{$lang.ADM_ADDR_IP}</label>
                    <input type="text" id="ip" name="ip" value="{$adm_ip}" placeholder="0.0.0.0" />
                </div>
                <div>{*Affiche les unity*}
                    <label for="gesa">{$lang.GESA_CONNECTED_TO}</label>
                        {eui_forms_select name='gesa' id='gesa' value=$adm_gesas selected=$adm_select_gesa firstValue="-1" firstText="none"}
				</div>
                <div id="descAddNode"> {*Description du noeuds*}
                    <label for="description">{$lang.ADM_DESCRIPTION}</label>
                    <textarea rows="3" name="description" style="width:100%;">{$adm_description}</textarea>
                </div>
            </fieldset>
            {*Partie SNMP*}
            <div class="tableview_title">
                <h1>{$lang.ADM_ADD_NODE_SNMP}</h1>
            </div>
            <fieldset>
                <div>
                    <label for="snmpversion">{$lang.ADM_SNMP_VERSION}</label>
					{eui_forms_select name='snmpversion' id='snmpversion' value=$snmp_version selected=$adm_snmp_version firstValue="0" firstText="none" onchange="changeSnmVersion()"}
				</div>
				<div id="snmpv2_timeout" style="width:15%">
                    <label for="adm_snmp_timer">{$lang.ADM_SNMP_TIMEOUT}</label>
                    <input type="number" id="adm_snmp_timer" name="adm_snmp_timer" value="{$adm_snmp_timer}" min="1000">
                </div>
            	<div id="snmp_port" style="width:15%">
                    <label for="adm_snmp_port">{$lang.ADM_SNMP_PORT}</label>
                    <input type="number" id="adm_snmp_port" name="adm_snmp_port" value="{$adm_snmp_port}" min="1" max="65535">
                </div>
                <div id="snmpv2_line">
                    <label for="snmpcommunity">{$lang.ADM_COMMUNITY_V1}</label>
                    <input id="snmpcommunity" type="text" name="snmpcommunity" value="{$adm_community}" />
                </div>
                <div id="snmpv3_sec_line">
                    <label for="snmp3_user">{$lang.ADM_SNMP3_USER}</label>
                    <input id="snmp3_user" type="text" name="snmp3_user" value="{$adm_snmp3_user}" />
                </div>
                <div id="snmp3_seclvl_line">
                    <label for="snmp3_seclvl">{$lang.ADM_SNMP3_SEC_LVL}</label>
                    <select id="snmp3_seclvl" name="snmp3_seclvl" style="height:31px;"
								onchange="change_snmpv3SecurityLvl();">
                        <option value="authNoPriv"{if $adm_snmp3_seclvl=='authNoPriv'}selected="selected"{/if}>authNoPriv</option>
                        <option value="authPriv" {if $adm_snmp3_seclvl=='authPriv'}selected="selected"{/if}>AuthPriv</option>
                    </select>
                </div>
                <div id="snmpv3_auth_line">
                    <label for="snmp3_authprot">{$lang.ADM_SNMP3_AUTH_PROT}</label>
                    <select id="snmp3_authprot" name="snmp3_authprot"  style="height:31px;">
                        <option value="md5" {if $adm_snmp3_authprot=='md5'}selected="selected"{/if}>MD5</option>
                        <option value="sha" {if $adm_snmp3_authprot=='sha'}selected="selected"{/if}>SHA</option>
                    </select>
                </div>
                <div id="snmpv3_priv_line">
                    <label for="snmp3_key">{$lang.ADM_SNMP3_AUTH_KEY}</label>
                    <input id="snmp3_key" type="text" name="snmp3_key" value="{$adm_snmp3_key}" />
                </div>
                <div id="snmp3_privprot_line">
                    <label for="snmp3_privprot">{$lang.ADM_SNMP3_PRIV_PROT}</label>
                    <select id="snmp3_privprot" name="snmp3_privprot" style="height:31px;">
                        <option value="aes" {if $adm_snmp3_privprot=='aes'}selected="selected"{/if}>AES</option>
                        <option value="des" {if $adm_snmp3_privprot=='des'}selected="selected"{/if}>DES</option>
                    </select>
                </div>
                <div id="snmp3_keypriv_line">
                    <label for="snmp3_keypriv">{$lang.ADM_SNMP3_PRIV_KEY}</label>
                    <input id="snmp3_keypriv" type="text" name="snmp3_keypriv" value="{$adm_snmp3_keypriv}" />
                </div>
            </fieldset>
            {if $adm_node_action=='modif'}
                <div class="envoiForm">
                    <input name="modif" type="hidden" value="{$adm_node_id}" style="float:right"/>
                    <input type="submit" value="{$lang.MODIF}" style="float:right; margin-right:10px;"/>
                </div>
            {else}
                <div class="envoiForm">
                    <input type="submit" value="{$lang.ADD}" style="float:right; margin-right:10px;"/>
                </div>
            {/if}
        </form>
        <script type="text/javascript">
        <!--{literal}
        	$(document).ready(function()
			{
				changeSnmVersion();
				change_nodeType();
			});
        {/literal}-->
        </script>
    {/if}
{/if}